*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #12121a;--border: #1e1e2e;--text: #e2e8f0;--muted: #64748b;font-family:JetBrains Mono,Fira Code,Cascadia Code,Courier New,monospace}body{background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5}.app{max-width:800px;margin:0 auto;padding:0 24px}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;border-bottom:1px solid var(--border);margin-bottom:48px}.brand{font-size:11px;letter-spacing:.25em;color:var(--muted);font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.last-updated{font-size:11px;color:var(--muted)}.refresh-btn{background:none;border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:18px;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s;line-height:1}.refresh-btn:hover:not(:disabled){border-color:#60a5fa}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.main{padding-bottom:48px}.context-section{text-align:center;margin-bottom:56px}.context-percent{font-size:96px;font-weight:700;line-height:1;letter-spacing:-.04em;margin-bottom:8px;transition:color .5s}.context-label{font-size:11px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:24px}.progress-track{width:100%;height:3px;background:var(--border);border-radius:2px;margin-bottom:12px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .6s ease,background-color .5s}.context-detail{font-size:12px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}@media (min-width: 560px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 16px;text-align:center}.card-value{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.card-label{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.meta{text-align:center;font-size:11px;color:var(--muted);letter-spacing:.05em;word-break:break-all}.sep{margin:0 8px;opacity:.4}.error-banner{background:#ff444414;border:1px solid rgba(255,68,68,.25);color:#ff6b6b;padding:12px 16px;border-radius:6px;margin-bottom:32px;font-size:12px;letter-spacing:.05em}.loading{text-align:center;color:var(--muted);padding:64px 0;font-size:13px;letter-spacing:.15em}.model-table-wrap{margin-top:32px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.model-table{width:100%;border-collapse:collapse}.model-table th{text-align:left;padding:10px 16px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface);font-family:inherit}.model-table th:not(:first-child){text-align:right}.model-row td{padding:10px 16px;border-bottom:1px solid var(--border)}.model-row:last-child td{border-bottom:none}.model-name{color:var(--text);font-size:12px}.model-num{text-align:right;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}