:root{--bg: #0b0f16;--card: #131a26;--card-border: #1d2736;--ink: #e9eef6;--muted: #8a94a6;--faint: #4a5568;--claude: #d97757;--codex: #10a37f;--ok: #34d399;--warn: #f5b84b;--crit: #f87171;--mono: "SF Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--ok);outline-offset:2px}.shell{max-width:430px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.wordmark{font-family:var(--mono);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink)}.wordmark.large{font-size:2.25rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 12px}.subtitle{display:block;font-family:var(--mono);color:var(--faint);font-size:.7rem;margin-top:2px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--card-border);color:var(--muted);cursor:pointer;font-size:1rem}.cards{flex:1;display:flex;flex-direction:column;gap:12px;padding:4px 16px 16px}.card{position:relative;background:var(--card);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;padding-left:3px}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.card.provider-claude:before{background:var(--claude)}.card.provider-codex:before{background:var(--codex)}.card-body{display:flex;align-items:center;gap:14px;padding:16px}.gauge{width:92px;height:92px;flex:none}.gauge-progress{transition:stroke-dasharray .4s ease}@media(prefers-reduced-motion:reduce){.gauge-progress{transition:none}}.gauge-pct{font-family:var(--mono);font-size:18px;fill:var(--ink)}.gauge-pct.muted{fill:var(--muted)}.card-info{flex:1;min-width:0}.card-chip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-chip-row strong{font-size:.95rem}.chip{font-family:var(--mono);font-size:.7rem;color:var(--muted);background:var(--bg);border:1px solid var(--card-border);border-radius:999px;padding:2px 8px}.badge-stale{font-family:var(--mono);font-size:.65rem;color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:1px 6px}.reload-line{margin-top:8px;display:flex;flex-direction:column}.reload-line.muted .reload-value{color:var(--muted)}.reload-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.reload-value{font-family:var(--mono);font-size:1.5rem;font-weight:600;color:var(--ink)}.meta-line{display:block;margin-top:6px;font-family:var(--mono);color:var(--faint);font-size:.68rem}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center;padding:40px 20px}.empty-state span{font-size:1.5rem}.statusline{display:flex;align-items:center;gap:8px;padding:12px 16px;font-family:var(--mono);font-size:.75rem;color:var(--muted);border-top:1px solid var(--card-border)}.status-dot{font-size:.6rem}.status-dot.live{color:var(--ok)}.status-dot.error{color:var(--crit)}.refresh{margin-left:auto;background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:.75rem;cursor:pointer;padding:4px}.status-screen,.signin{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px}.status-screen p,.signin-copy{color:var(--muted);max-width:320px}.signin form{margin-top:8px}.signin button{background:var(--ink);color:var(--bg);border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer}.signin small{color:var(--faint);font-size:.7rem;max-width:280px}