:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--surface:#141a22;--surface-2:#1d2530;--border:#263040;--text:#e6edf3;--muted:#8b98a5;--accent:#a3e635;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--radius:14px;--tabbar-h:56px;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}main{max-width:640px;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);margin:0 auto}h1{letter-spacing:-.01em;margin:8px 0 2px;font-size:28px}h2{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:600}p{margin:8px 0}.page-head{margin-bottom:12px}.page-head p{margin:0}.cap:first-letter{text-transform:uppercase}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:12px 0;padding:14px 16px}.muted{color:var(--muted);font-size:14px}.spaced{margin-top:20px}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.mono{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.hidden{display:none}.kv{grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 8px;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.btn{background:var(--accent);width:100%;min-height:44px;color:var(--bg);font:inherit;touch-action:manipulation;cursor:pointer;border:0;border-radius:12px;margin:10px 0 4px;padding:10px 14px;font-weight:600;display:block}.btn:disabled{opacity:.5}.btn.small{width:auto;min-height:44px;margin:0 0 0 8px;padding:6px 12px;font-size:14px;display:inline-block}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.update{z-index:10;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;font-size:14px;display:flex;position:sticky;top:0}.update span{flex:1}.tabbar{z-index:10;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#141a22eb;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:var(--tabbar-h);color:var(--muted);font:inherit;touch-action:manipulation;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tab.active{color:var(--accent)}