:root{--bg:#0a0f1f;--surface:#141b2e;--surface2:#1b2338;--accent:#45d4d8;--gold:#f0b45a;--red:#f87171;--text:#f4f6fb;--muted:#9aa3b8;--border:#2a3450;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,system-ui,Segoe UI,sans-serif;font-size:16px}button{font:inherit}a{color:var(--accent)}.center{text-align:left;justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}p.center{text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;padding:16px}.card.narrow{width:100%;max-width:400px}.card h1{margin:4px 0 10px;font-size:22px}.card.empty{text-align:center;padding:28px 16px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--red)}label{color:var(--muted);margin:12px 0;font-size:14px;display:block}input{background:var(--surface2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:12px;margin-top:6px;padding:12px;font-size:16px;display:block}.primary,.button.primary{text-align:center;background:var(--accent);color:#0a0f1f;cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-weight:800;text-decoration:none;display:block}.primary:disabled{opacity:.6}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:10px 0;text-decoration:underline}.login-logo{width:52px;height:52px;color:var(--accent);background:#16384a;border-radius:14px;justify-content:center;align-items:center;display:flex}.shell{border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;max-width:560px;height:100%;margin:0 auto;display:flex}.top{padding:14px 14px 8px;padding-top:max(14px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex}.logo{width:32px;height:32px;color:var(--accent);background:#16384a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.icons{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.qbtn{border:2px solid var(--accent);width:30px;height:30px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;display:flex}.iconbtn{cursor:pointer;background:0 0;border:0;padding:0;display:flex}.ava{background:var(--accent);color:#0a0f1f;cursor:pointer;border:0;border-radius:50%;width:32px;height:32px;padding:0;font-size:12px;font-weight:800}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:16px;padding:2px 14px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2.5px solid #0000;padding:10px 0;font-size:14px}.tab.on{color:var(--text);border-color:var(--accent);font-weight:700}.tab.mod{color:var(--red)}.scroll{flex:1;padding:12px;overflow-y:auto}.foot{text-align:center;color:var(--muted);margin:18px 0 8px;font-size:12px}.foot a{color:var(--muted)}.tabbar{border-top:1px solid var(--border);padding:8px 0 14px;padding-bottom:max(14px, env(safe-area-inset-bottom));background:#0e1428;display:flex}.tb{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:12px;font-weight:700;line-height:16px;text-decoration:none;display:flex}.tb.on{color:var(--accent)}