:root{--bg:#0f1115;--card:#171a21;--border:#262b36;--text:#e8eaf0;--muted:#98a2b3;--accent:#7aa2f7;--radius:12px;--input:#647ef2;--output:#41c7a8;--cache-read:#e6a23c;--cache-write:#bd83f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.45}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar h1{font-size:1.05rem;margin:0}.session{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.9rem}main{padding:1rem;max-width:1100px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}[hidden]{display:none!important}.auth-view{max-width:420px;margin:2rem auto;display:grid;gap:1rem}.auth-card{display:grid;gap:.4rem}.auth-card h2{margin:0 0 .4rem;font-size:1rem}label{font-size:.82rem;color:var(--muted)}input[type=text],input:not([type]),input[type=password]{background:#0d0f14;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .6rem;font-size:.95rem;width:100%}button{background:var(--accent);color:#0b1020;border:0;border-radius:8px;padding:.55rem .9rem;font-size:.92rem;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}button.link{background:none;color:var(--accent);padding:0;font-weight:500}select{background:#0d0f14;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .65rem;font-size:.9rem;min-width:145px}.provider-filter-label{margin-left:auto;color:var(--muted)}.hint{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}.error{color:#f87171;font-size:.9rem;margin:0}.limits-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.as-of{margin:0;font-size:.85rem;color:var(--muted)}.chart-card{display:grid;gap:.75rem}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.metric-toggle{display:inline-flex;gap:.5rem;background:#0d0f14;border:1px solid var(--border);border-radius:8px;padding:.25rem .5rem}.metric-toggle label{font-size:.85rem;color:var(--text);display:inline-flex;align-items:center;gap:.3rem}.metric-toggle input{accent-color:var(--accent)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.85rem}.breadcrumb button{background:none;color:var(--accent);border:0;padding:0;font-weight:500}.breadcrumb span{color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.82rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:.3rem}.swatch{display:inline-block;width:11px;height:11px;border-radius:2px}.swatch.input,.bar.input{fill:var(--input);background:var(--input)}.swatch.output,.bar.output{fill:var(--output);background:var(--output)}.swatch.cache-read,.bar.cache-read{fill:var(--cache-read);background:var(--cache-read)}.swatch.cache-write,.bar.cache-write{fill:var(--cache-write);background:var(--cache-write)}.bar.cost{fill:var(--accent)}.chart-wrap{position:relative;width:100%;overflow:hidden}#chart{width:100%;height:auto;display:block;touch-action:manipulation}#chart .bar{cursor:pointer}#chart .bar:hover,#chart .bar:focus{filter:brightness(1.2);outline:none}#chart .axis{stroke:#2a3040;stroke-width:1}#chart .grid{stroke:#1e222c;stroke-width:1}#chart .label{fill:var(--text);font-size:11px}#chart .dominant{font-size:9px;font-weight:600}#chart .dominant.small{font-size:8px}#chart .dominant.input{fill:var(--input)}#chart .dominant.output{fill:var(--output)}#chart .dominant.cache-read{fill:var(--cache-read)}#chart .dominant.cache-write{fill:var(--cache-write)}.tooltip{position:absolute;pointer-events:none;background:#0b0e14;border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem;font-size:.8rem;color:var(--text);max-width:260px;z-index:3}.tooltip strong{display:block}.tooltip span{display:block}.empty,.note{margin:0;font-size:.85rem;color:var(--muted)}.loading{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);margin:0}.spinner{display:inline-block;width:13px;height:13px;flex:none;border:2px solid rgba(169,194,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){main{padding:.75rem}.chart-toolbar{align-items:flex-start}.legend{gap:.4rem .7rem;font-size:.72rem}}@media(max-width:380px){.topbar h1{font-size:.95rem}.metric-toggle{width:100%;justify-content:space-between}.provider-filter-label{margin-left:0}.chart-toolbar select{flex:1;min-width:120px}}