:root{--bg-primary: #0a0a0a;--bg-card: #141414;--bg-card-hover: #1a1a1a;--border: #222222;--text-primary: #e0e0e0;--text-secondary: #888888;--text-muted: #555555;--accent-green: #00d47e;--accent-yellow: #f5a623;--accent-red: #ff4444;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-orange: #f97316;--tone-cf: var(--accent-cyan);--tone-anthropic: #c084fc;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}body{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}a{color:var(--accent-blue);text-decoration:none}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}.hero-metric{font-family:var(--font-mono);font-size:28px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.section-header{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:24px 16px 8px}.page{padding:calc(var(--safe-top) + 12px) 0 16px}.page-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 16px}.page-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.page-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.grid{display:grid;gap:12px;padding:0 16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.stack{display:flex;flex-direction:column;gap:12px;padding:0 16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;transition:background .12s ease}.card:hover{background:var(--bg-card-hover)}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.card-value{font-family:var(--font-mono);font-size:22px;font-weight:500;margin-top:6px;color:var(--text-primary)}.card-delta{font-family:var(--font-mono);font-size:10px;margin-top:4px;color:var(--text-muted)}.card-delta.up{color:var(--accent-green)}.card-delta.down{color:var(--accent-red)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.healthy{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.warning{background:var(--accent-yellow)}.status-dot.error{background:var(--accent-red)}.status-dot.idle{background:var(--text-muted)}.usage-bar{width:100%;height:6px;background:#000;border-radius:3px;overflow:hidden;margin-top:8px}.usage-bar-fill{height:100%;border-radius:3px;transition:width .24s ease}.usage-bar-fill.ok{background:var(--accent-green)}.usage-bar-fill.warning{background:var(--accent-yellow)}.usage-bar-fill.danger{background:var(--accent-red)}.sparkline{display:block;width:100%;height:28px;margin-top:8px;stroke:var(--accent-cyan);stroke-width:1.5;fill:none}.nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0a0a0aeb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;transition:color .12s ease}.nav-item[aria-current=page]{color:var(--accent-cyan)}.nav-item svg{width:22px;height:22px}.offline-banner{position:fixed;top:var(--safe-top);left:0;right:0;padding:6px 16px;background:var(--accent-yellow);color:#000;font-size:11px;text-align:center;font-family:var(--font-mono);z-index:200}.empty{color:var(--text-muted);text-align:center;font-size:12px;padding:24px}@keyframes skeleton-pulse{0%,to{opacity:.35}50%{opacity:.55}}.card.skeleton{animation:skeleton-pulse 1.6s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%)}.card.tone-cf{border-left:2px solid var(--tone-cf)}.card.tone-anthropic{border-left:2px solid var(--tone-anthropic)}.section-header.tone-cf{color:var(--tone-cf)}.section-header.tone-anthropic{color:var(--tone-anthropic)}details.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:0}details.info-card[open]{background:var(--bg-card-hover)}details.info-card>summary{list-style:none;padding:12px 14px;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:8px}details.info-card>summary::-webkit-details-marker{display:none}details.info-card>summary:after{content:"+";font-family:var(--font-mono);font-size:14px;color:var(--text-muted);transition:transform .18s ease}details.info-card[open]>summary:after{content:"−";color:var(--text-secondary)}details.info-card>div.info-body{padding:0 14px 14px;font-size:12px;color:var(--text-secondary);line-height:1.5}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:10px;background:var(--bg-card-hover);border:1px solid var(--border);color:var(--text-secondary)}.tabs{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-secondary);white-space:nowrap;background:var(--bg-card)}.tab[aria-pressed=true]{color:var(--bg-primary);background:var(--accent-cyan);border-color:var(--accent-cyan)}