:root{--bg:#0b0b14;--bg-card:#15151f;--bg-elevated:#1c1c2a;--border:#26263a;--text:#f2f2f7;--text-dim:#8e8e9e;--accent:#3b82f6;--accent-pink:#e14899;--gold:#f5b942;--up:#ff453a;--down:#3b82f6;--new:#e14899;--radius:14px;--sidebar-w:220px;--topbar-h:52px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.app{flex-direction:column;height:100dvh;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.header .logo{letter-spacing:-.5px;padding:12px 16px 6px;font-size:18px;font-weight:800;display:block}.header .logo em{color:var(--accent-pink);font-style:normal}.tabbar{scrollbar-width:none;display:flex;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tabbar.groups{gap:2px;padding:0 8px}.tab{color:var(--text-dim);white-space:nowrap;border-bottom:2.5px solid #0000;border-radius:10px 10px 0 0;flex-shrink:0;padding:10px 12px;font-size:16px;font-weight:800;transition:color .15s,background .15s,transform .1s}.tab:active{background:var(--bg-elevated);color:var(--text);transform:scale(.96)}.tab.active{color:var(--text);border-bottom-color:var(--accent-pink)}.tabbar.subs{border-top:1px solid var(--border);gap:6px;padding:8px 12px 10px}.subtab{color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:13.5px;font-weight:600;transition:color .15s,background .15s,transform .1s;display:flex}.subtab:active{transform:scale(.95)}.subtab.active{color:var(--text);background:var(--bg-elevated);border-color:var(--accent-pink)}.subtab .icon{font-size:13px}.content{overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.content::-webkit-scrollbar{display:none}.section{max-width:760px;margin:0 auto;padding:20px clamp(16px,4vw,48px) 40px}.section-header{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.section-header .icon{font-size:22px}.section-header h2{letter-spacing:-.5px;font-size:22px;font-weight:800}.section-header .updated{color:var(--text-dim);margin-left:auto;font-size:12px}.section-body{flex-direction:column;gap:8px;display:flex}.empty{text-align:center;color:var(--text-dim);padding:80px 0}.top-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px;display:grid}.top-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.top-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.top-card .cap{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px 10px;font-size:13px;font-weight:700;display:-webkit-box;overflow:hidden}.top-card .badge-rank{background:var(--gold);color:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:6px;font-size:12px;font-weight:800;display:flex;position:absolute}.rank-list{flex-direction:column;gap:6px;display:flex}.rank-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:48px;padding:10px 14px;transition:background .15s;display:flex}.rank-row:hover{background:var(--bg-elevated)}.rank-row:active{background:var(--bg-elevated);transition:background .1s,transform .1s;transform:scale(.985)}.rank-row .num{width:22px;color:var(--text-dim);text-align:center;flex-shrink:0;font-size:16px;font-weight:800}.rank-row .num.top{color:var(--gold)}.rank-row .title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.rank-row .value{color:var(--text-dim);flex-shrink:0;font-size:13px}.rank-row .value.up{color:var(--up)}.rank-row .value.down{color:var(--down)}.delta{text-align:right;flex-shrink:0;min-width:34px;font-size:12px;font-weight:700}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.delta.same{color:var(--text-dim)}.delta.new{color:var(--new)}.status-screen{height:100dvh;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}