:root{--bg: #0a0d1a;--bg-elev: #10152a;--bg-elev-2: #161c36;--line: #232b4a;--line-strong: #323c63;--text: #eef1fb;--text-dim: #8a94b8;--text-mute: #5d6788;--accent: #3ee0ff;--violet: #7c5cff;--danger: #ff4d6d;--warn: #ffc857;--gold: #ffd166;--silver: #c9d3e6;--bronze: #e0a370;--radius: 16px;--radius-sm: 10px;--maxw: 1180px;--header-h: 64px;--font: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:radial-gradient(900px 500px at 12% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(800px 480px at 95% 0%,rgba(62,224,255,.12),transparent 60%),var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.02em}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-h);padding:0 max(20px,calc((100vw - var(--maxw)) / 2));background:#0a0d1ab8;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(35,43,74,.7)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:32px;height:32px;flex:none}.brand-mark rect{fill:var(--bg-elev-2);stroke:var(--line-strong)}.brand-mark path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.brand-name{font-weight:900;font-size:18px;letter-spacing:.04em;white-space:nowrap}.site-nav{display:flex;gap:4px}.site-nav a{white-space:nowrap;padding:8px 12px;border-radius:999px;font-size:15px;font-weight:600;color:var(--text-dim);transition:color .15s,background .15s}.site-nav a:hover{color:var(--text);background:var(--bg-elev-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border:1px solid transparent;border-radius:999px;font:800 17px/1 var(--font);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.btn:active{transform:scale(.97)}.btn-primary{color:#061018;background:linear-gradient(135deg,var(--accent),#7ab8ff 55%,var(--violet));box-shadow:0 8px 30px -8px #3ee0ff8c}.btn-primary:hover{box-shadow:0 10px 36px -6px #3ee0ffbf;transform:translateY(-1px)}.btn-ghost{color:var(--text);background:#161c3699;border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--accent)}.link-btn{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--text-dim);font:600 14px var(--font);cursor:pointer}.link-btn:hover{color:var(--text);border-color:var(--line-strong)}.ad-slot{margin:0 auto;overflow:hidden}.ad-slot.is-live{min-height:90px}.ad-slot.is-placeholder,.coupang-slot.is-placeholder{display:flex;align-items:center;justify-content:center;min-height:90px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--text-mute);font-size:13px;font-weight:600;letter-spacing:.02em;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(35,43,74,.25) 12px 24px)}.coupang-wrap{margin:0 auto;text-align:center}.coupang-slot{margin:0 auto;width:100%}.coupang-slot iframe{display:block;margin:0 auto}.ad-disclosure{margin:8px 0 0;font-size:12px;color:var(--text-mute)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{font-size:26px;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--line)}.ranking-list{list-style:none;margin:0;padding:0}.ranking-list li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);font-weight:600}.ranking-list li:nth-child(odd){background:#161c368c}.ranking-list .rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:900;color:var(--text-dim);background:var(--bg-elev-2)}.ranking-list li:nth-child(1) .rank{background:var(--gold);color:#1d1606}.ranking-list li:nth-child(2) .rank{background:var(--silver);color:#141a26}.ranking-list li:nth-child(3) .rank{background:var(--bronze);color:#1f1206}.ranking-list .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ranking-list .score{font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent)}.ranking-list li.ranking-empty{display:block;padding:24px;text-align:center;color:var(--text-mute);background:none}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:64px;padding:28px max(20px,calc((100vw - var(--maxw)) / 2));border-top:1px solid var(--line);font-size:14px;color:var(--text-mute)}.site-footer p{margin:0}.site-footer nav{display:flex;gap:18px}.site-footer a:hover{color:var(--text)}@media(max-width:640px){:root{--header-h: 56px}.site-header{height:var(--header-h)}.brand-name{font-size:16px}.site-nav a{padding:6px 9px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media(max-width:420px){.brand-name{font-size:14px;letter-spacing:.02em}.site-nav a{padding:6px 7px;font-size:13px}}