:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#05070d;--ink:#eef2f8;--ink-2:#9aa6b8;--ink-3:#5f6b7d;--glass:#0a0e18b8;--edge:#8caad22e;--heat:#ff6a3d;--news:#3fd9a4;--search:#6aa8ff;--community:#b394ff;--f-display:"Black Han Sans", "Apple SD Gothic Neo", sans-serif;--f-body:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--f-num:"IBM Plex Mono", ui-monospace, monospace}html,body{height:100%;margin:0}[hidden]{display:none!important}body{background:var(--night);color:var(--ink);font-family:var(--f-body);font-size:14px;overflow:hidden}a{color:inherit}#stage{position:fixed;inset:0}#stage canvas{display:block}#labels{pointer-events:none;position:fixed;inset:0}.lbl{white-space:nowrap;border:1px solid var(--edge);pointer-events:auto;cursor:pointer;background:#05070dc7;border-radius:3px;padding:3px 7px;font-size:.78rem;font-weight:500;position:absolute}.lbl.l{transform:translate(-100%,-50%)}.lbl.r{transform:translateY(-50%)}.lbl:hover{border-color:var(--ink-3)}.lbl .head{align-items:baseline;gap:6px;display:flex}.lbl.l .head{justify-content:flex-end}.lbl b{font-family:var(--f-num);color:var(--heat);font-weight:500}.lbl i{font-style:normal;font-family:var(--f-num);color:var(--heat);font-size:.65rem}.lbl .sum{white-space:normal;max-width:300px;color:var(--ink-2);word-break:keep-all;margin-top:2px;font-size:.72rem;font-weight:400;line-height:1.35}.lbl.l .sum{text-align:right;margin-left:auto}.lbl.t1{background:#140804d9;border-color:#ff6a3d99;padding:6px 10px}.lbl.t1 .head span{font-family:var(--f-display);font-size:1.75rem;font-weight:400;line-height:1.1}.lbl.t1 b{font-size:1.1rem}.lbl.t1 .sum{color:var(--ink);font-size:.8rem}.lbl.t2{padding:5px 9px}.lbl.t2 .head span{font-family:var(--f-display);font-size:1.2rem;font-weight:400;line-height:1.15}.lbl.t3 .head span{font-size:.95rem;font-weight:700}.lbl.t4{color:var(--ink-2);padding:2px 6px;font-size:.72rem}.lbl.focus{border-color:var(--heat)}.leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leaders line{stroke:#ff966459;stroke-width:1px}.leaders line.focus{stroke:var(--heat);stroke-width:1.5px}.plat{font-family:var(--f-num);letter-spacing:.08em;font-size:.72rem;position:absolute;transform:translate(-50%,-140%)}.plat.news{color:var(--news)}.plat.search{color:var(--search)}.plat.community{color:var(--community)}.hud{flex-direction:column;gap:8px;display:flex;position:fixed}.tl{top:calc(16px + env(safe-area-inset-top,0px));left:16px}.tr{top:calc(16px + env(safe-area-inset-top,0px));width:290px;right:16px}.bl{bottom:calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:min(440px,100vw - 32px);left:16px}.br{bottom:calc(16px + env(safe-area-inset-bottom,0px));align-items:flex-end;right:16px}h1{font-family:var(--f-display);margin:0;font-size:2.4rem;font-weight:400;line-height:1}.sub{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.8rem;display:flex}.sub.stale{color:var(--heat)}.live{background:var(--heat);width:7px;height:7px;box-shadow:0 0 10px var(--heat);border-radius:50%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.2}}.counter{font-family:var(--f-num);color:var(--ink-3);font-size:.75rem}.counter b{color:var(--ink);font-weight:500}.panel{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);border-radius:6px;padding:12px 14px}.panel h2{letter-spacing:.12em;color:var(--ink-3);margin:0 0 6px;font-size:.68rem;font-weight:500}ol{margin:0;padding:0;list-style:none}#rank li{cursor:pointer;border-radius:3px;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 2px;font-size:.82rem;display:grid}#rank li:hover,#rank li.on{background:#ff6a3d1f}#rank .n{font-family:var(--f-num);color:var(--ink-3);text-align:right}#rank li:nth-child(-n+3) .n{color:var(--heat)}#rank .t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#rank .d{font-family:var(--f-num);color:var(--ink-3);font-size:.68rem}#rank .d.up{color:var(--heat)}.off{color:var(--ink-3);margin-left:4px;font-size:.65rem}.dots{gap:3px;display:flex}.dots i{background:#ffffff14;border-radius:50%;width:6px;height:6px}.dots i.news,.sw.news{background:var(--news)}.dots i.search,.sw.search{background:var(--search)}.dots i.community,.sw.community{background:var(--community)}#card .meta{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:.75rem;display:flex}#card .where{color:var(--heat)}#card h3{font-family:var(--f-display);word-break:keep-all;text-wrap:balance;margin:4px 0 8px;font-size:1.45rem;font-weight:400;line-height:1.2}#card .sum{color:var(--ink);word-break:keep-all;margin:0 0 8px;font-size:.85rem;line-height:1.45}#card ul{color:var(--ink-2);flex-direction:column;gap:4px;max-height:9.5em;margin:0;padding-left:16px;font-size:.8rem;line-height:1.45;display:flex;overflow-y:auto}#card ul a{text-decoration:none}#card ul a:hover{color:var(--ink);text-decoration:underline}#card .src{font-family:var(--f-num);color:var(--ink-3);margin-right:6px;font-size:.68rem}.btns{gap:6px;display:flex}button.ctl{font:inherit;color:var(--ink);background:var(--glass);border:1px solid var(--edge);cursor:pointer;border-radius:4px;padding:7px 11px;font-size:.78rem}button.ctl[aria-pressed=true]{border-color:var(--heat);color:var(--heat)}button.ctl:focus-visible{outline:2px solid var(--heat);outline-offset:2px}.legend{color:var(--ink-3);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:.7rem;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.sw{border-radius:50%;width:7px;height:7px}.note{color:var(--ink-3);text-align:right;max-width:300px;margin:0;font-size:.68rem;line-height:1.5}@media (width<=760px){.tr,.note,.legend{display:none}h1{font-size:1.8rem}.br{bottom:auto;top:calc(16px + env(safe-area-inset-top,0px))}#card ul{max-height:5em}.lbl.t3 .sum{display:none}.lbl.t1 .head span{font-size:1.3rem}.lbl .sum{max-width:200px}}@media (prefers-reduced-motion:reduce){.live{animation:none}}