:root,[data-theme=dark]{--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;--logo-grad:linear-gradient(90deg, #3b82f6, #e14899);--radius:14px;--topbar-h:52px}[data-theme=light]{--bg:#fff;--bg-card:#f5f6f8;--bg-elevated:#eceef1;--border:#e2e5ea;--text:#16161d;--text-dim:#6b7280;--accent:#ff6a00;--accent-pink:#ff2d55;--gold:#e0a500;--up:#ff2d55;--down:#2563eb;--new:#ff6a00;--logo-grad:linear-gradient(90deg, #ff6a00, #ff2d55)}[data-theme=wddk]{--bg:#111827;--bg-card:#1b2333;--bg-elevated:#232d40;--border:#313c52;--text:#f7f8fa;--text-dim:#9aa3b2;--accent:#ff6a00;--accent-pink:#ff2d55;--gold:#ffb84d;--up:#ff2d55;--down:#ff6a00;--new:#ff6a00;--logo-grad:linear-gradient(90deg, #ff6a00, #ff2d55)}[data-theme=midnight]{--bg:#0e1726;--bg-card:#16213a;--bg-elevated:#1e2c4a;--border:#2a3a5c;--text:#e8eef7;--text-dim:#8595b0;--accent:#22d3ee;--accent-pink:#818cf8;--gold:#fbbf24;--up:#f87171;--down:#22d3ee;--new:#818cf8;--logo-grad:linear-gradient(90deg, #22d3ee, #818cf8)}*{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-top{justify-content:space-between;align-items:center;padding:12px 14px 6px 16px;display:flex}.header .logo{letter-spacing:-.5px;background:var(--logo-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.settings-btn{color:var(--text-dim);border-radius:8px;padding:4px 8px;font-size:19px;line-height:1;transition:color .15s,background .15s}.settings-btn:active{background:var(--bg-elevated);color:var(--text)}.header .logo em{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)}.source-icon{object-fit:cover;border-radius:5px;flex-shrink:0;width:18px;height:18px;display:block}.source-emoji{font-size:14px;line-height:1}.subtab .source-icon{width:17px;height:17px}.section-header .source-icon.head{border-radius:7px;width:26px;height:26px}.section-header .source-emoji.head{font-size:22px}.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)}.modal-scrim{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;animation:.15s scrim-in;display:flex;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}}.modal-sheet{background:var(--bg-elevated);width:100%;max-width:520px;padding:8px 18px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.7,.3,1) sheet-up}@media (width>=560px){.modal-scrim{align-items:center}.modal-sheet{border-radius:18px;animation:.18s scrim-in}}@keyframes sheet-up{0%{transform:translateY(100%)}}.modal-head{justify-content:space-between;align-items:center;padding:12px 0 6px;display:flex}.modal-head h3{font-size:17px;font-weight:800}.modal-close{color:var(--text-dim);padding:4px 8px;font-size:15px}.setting-block{border-bottom:1px solid var(--border);padding:14px 0}.theme-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.theme-chip{border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-dim);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.theme-chip.active{border-color:var(--accent-pink);color:var(--text)}.theme-swatch{border:1px solid var(--border);border-radius:7px;width:100%;height:26px;display:flex;overflow:hidden}.theme-swatch i{flex:1}.setting-row{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting-label{flex-direction:column;gap:2px;display:flex}.setting-title{font-size:15px;font-weight:600}.setting-desc{color:var(--text-dim);font-size:12.5px}.switch{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .18s,border-color .18s;position:relative}.switch.on{background:var(--accent-pink);border-color:var(--accent-pink)}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch .knob{pointer-events:none;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:2px;left:2px}.switch.on .knob{transform:translate(18px)}.status-screen{height:100dvh;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}