:root{color-scheme:dark;--bg: #0f1115;--card: #171a21;--line: #262a33;--fg: #e8eaf0;--muted: #8b93a5;--accent: #4f8cff;--ok: #34c77b;--warn: #f5a524;--bad: #ff5c5c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:15px/1.45 -apple-system,PingFang SC,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:10px;padding:10px 14px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{background:transparent}button:disabled{opacity:.5}input{font:inherit;width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#222733;color:var(--muted);font-size:12px;margin:2px 4px 2px 0}.muted{color:var(--muted)}.page{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f1115eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar h1{font-size:17px;margin:0;flex:1}