:root{--bg:#101724;--card:#1b2333;--line:#2b3548;--text:#f2f4f6;--sub:#8b95a1;--blue:#3182f6;--top:calc(env(safe-area-inset-top,0px) + 48px)}[hidden]{display:none!important}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}body.playing{overflow:hidden}#app{max-width:520px;padding:var(--top) 16px calc(env(safe-area-inset-bottom,0px) + 16px);margin:0 auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.hd h1{letter-spacing:-.02em;font-size:24px;font-weight:800}.sub{color:var(--sub);margin-top:4px;font-size:13px;line-height:1.5}h2{margin:20px 0 10px;font-size:16px;font-weight:700}.row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.row .gc .ds{display:none}.row .gc .nm{font-size:12px}.chips{z-index:5;background:var(--bg);scrollbar-width:none;gap:6px;padding:14px 0 10px;display:flex;position:sticky;top:0;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{background:var(--card);min-height:48px;color:var(--sub);border-radius:24px;flex:none;padding:0 18px;font-size:14px;font-weight:600}.chips button[aria-selected=true]{background:var(--text);color:var(--bg)}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gc{text-align:left;flex-direction:column;align-items:stretch;gap:4px;min-height:48px;display:flex}.th{aspect-ratio:1;background:var(--c);border-radius:18px;display:block;position:relative;overflow:hidden}.th img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.th b{color:#ffffffe6;place-items:center;font-size:40px;font-weight:800;display:grid;position:absolute;inset:0}.th img+b{display:none}.nm{margin-top:6px;font-size:15px;font-weight:700}.ds{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}#banner{margin-top:20px}#banner.on{min-height:56px}#play{z-index:50;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.bar{height:var(--top);background:var(--bg);flex:none;align-items:flex-end;gap:6px;padding:0 8px 0 4px;display:flex}.bar b{padding-bottom:13px;font-size:16px;font-weight:700}#play iframe{background:#fff;border:0;flex:1;width:100%}.close{color:#fff;align-items:center;gap:2px;min-height:48px;padding:0 10px 0 6px;font-size:15px;font-weight:600;display:flex}.close svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.view{z-index:60;background:#0a0e16db;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.card{background:var(--card);text-align:center;border-radius:24px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:28px 20px 20px;display:flex}.card h2{margin:0;font-size:20px}.primary{background:var(--blue);color:#fff;border-radius:14px;padding:15px;font-size:16px;font-weight:700}.ghost{background:var(--line);border-radius:14px;padding:15px;font-weight:600}