:root{color:#e7f5f4;background:#071820;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--abyss: #071820;--seabed: #0c2731;--foam: #e7f5f4;--mist: #a8cfcb;--current: #32d6c5;--alert: #ff796f;--line: rgba(168, 207, 203, .16);--muted: #789b9a;--panel: #0a222b;--display-font: "Avenir Next", ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, sans-serif;--data-font: "SFMono-Regular", "Roboto Mono", "Cascadia Mono", ui-monospace, monospace}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--abyss)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--abyss)}body:before{position:fixed;inset:0 0 auto;height:1px;background:var(--current);content:"";opacity:.55;pointer-events:none}button,a{font:inherit}button{border:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,.usage-tide-plot:focus-visible{outline:2px solid var(--current);outline-offset:3px}button:disabled{cursor:wait;opacity:.62}svg{display:block}.app-shell{display:flex;width:min(100% - 32px,760px);min-height:100vh;min-height:100dvh;flex-direction:column;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 0 calc(22px + env(safe-area-inset-bottom))}.product-header,.history-header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px}.brand-lockup,.provider-identity,.history-provider{display:flex;min-width:0;align-items:center;gap:12px}.brand-mark,.provider-mark{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(50,214,197,.42);color:var(--current);background:#32d6c514;font-family:var(--display-font);font-weight:700}.brand-mark{width:42px;height:42px;border:0;background:transparent}.brand-mark img{width:30px;height:30px}.brand-name,.brand-caption,.section-kicker,.overview-heading h1,.overview-heading p,.provider-card h2,.provider-card p,.history-provider p,.history-provider span,.balance-hero p,.section-heading h1,.section-heading h2,.section-heading p,.empty-panel h2,.empty-panel p,.error-details p{margin:0}.brand-name{color:var(--foam);font-family:var(--display-font);font-size:1rem;font-weight:650;letter-spacing:.01em}.brand-caption{margin-top:2px;color:var(--muted);font-size:.75rem}.product-navigation{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;border-bottom:1px solid var(--line)}.product-navigation a{position:relative;display:flex;min-height:46px;align-items:center;justify-content:center;color:var(--muted);font-family:var(--display-font);font-size:.75rem;font-weight:600;letter-spacing:.01em;transition:color .16s ease,background-color .16s ease}.product-navigation a:after{position:absolute;right:14px;bottom:-1px;left:14px;height:2px;border-radius:999px 999px 0 0;background:var(--current);content:"";opacity:0;transform:scaleX(.55);transition:opacity .16s ease,transform .16s ease}.product-navigation a:hover{color:var(--mist);background:#a8cfcb06}.product-navigation a.is-active{color:var(--foam)}.product-navigation a.is-active:after{opacity:1;transform:scaleX(1)}.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:52px 0 31px}.overview-heading>div{min-width:0}.section-kicker{color:var(--current);font-family:var(--data-font);font-size:.64rem;font-weight:600;letter-spacing:.16em}.overview-heading h1{margin-top:8px;color:var(--foam);font-family:var(--display-font);font-size:clamp(2.2rem,11vw,3.8rem);font-weight:500;letter-spacing:-.055em;line-height:.98}.message-stack{display:grid;gap:8px;margin-bottom:16px}.message-stack:empty{display:none}.inline-message{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid rgba(50,214,197,.25);border-radius:12px;color:var(--mist);background:#32d6c50f;font-size:.8rem;line-height:1.45}.inline-message.is-error{border-color:#ff796f59;color:#ffc0bb;background:#ff796f12}.text-button{min-width:44px;min-height:32px;padding:0;color:var(--current);background:transparent;cursor:pointer;font-weight:650}.provider-stack{display:grid;gap:12px}.provider-card{position:relative;min-width:0;padding:18px;overflow:visible;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.provider-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 3px 0 0 transparent;content:"";pointer-events:none}.provider-card.is-failed:after{box-shadow:inset 3px 0 #ff796fad}.provider-card.is-running:after{box-shadow:inset 3px 0 #32d6c5ad}.provider-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.provider-mark{width:38px;height:38px;border-radius:12px;font-family:var(--data-font);font-size:.68rem;letter-spacing:-.04em}.provider-mark.has-logo{border-color:var(--line);background:#e7f5f40a}.provider-mark img{width:24px;height:24px;object-fit:contain}.provider-card h2{overflow:hidden;color:var(--foam);font-family:var(--display-font);font-size:.98rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.provider-identity>div{min-width:0;flex:1 1 auto}.provider-identity{flex:1 1 auto}.provider-card-tools{display:flex;min-width:0;flex:0 0 auto;flex-direction:column;align-items:flex-end}.history-link{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:4px;padding-left:8px;color:var(--mist);font-size:.69rem;font-weight:650;white-space:nowrap}.history-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.back-link{display:inline-flex;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--mist);background:#a8cfcb08}.back-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.balance-grid{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 26px;margin-top:20px}.balance-value{display:inline-flex;max-width:100%;min-width:0;flex:0 1 auto;align-items:baseline;justify-content:flex-start;gap:8px}.balance-value span{flex:0 0 auto;color:var(--muted);font-family:var(--data-font);font-size:.69rem;font-weight:600;letter-spacing:.07em}.balance-value strong{min-width:0;overflow:hidden;color:var(--foam);font-family:var(--display-font);font-size:clamp(1.85rem,9vw,3.2rem);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.055em;line-height:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.provider-update-meta{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-start;margin-top:3px;color:var(--muted);font-size:.62rem;line-height:1.4;text-align:left}.provider-update-meta>span+span:before{margin:0 5px;color:var(--muted);content:"·"}.provider-refresh-status{color:var(--muted)}.is-running .provider-refresh-status{color:var(--current)}.is-failed .provider-refresh-status,.availability-note{color:var(--alert)}.error-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,121,111,.18);color:#ffaaa3;font-size:.72rem}.error-details summary{min-height:32px;cursor:pointer;font-weight:650;line-height:32px}.error-details p{padding:7px 0 2px;color:#cf9793;line-height:1.6;overflow-wrap:anywhere}.empty-copy{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.empty-panel{padding:44px 24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);text-align:center}.empty-panel.is-compact{padding:34px 20px}.empty-symbol{display:block;margin-bottom:14px;color:var(--current);font-family:var(--data-font);font-size:2.4rem}.empty-panel h2{color:var(--foam);font-family:var(--display-font);font-size:1.05rem}.empty-panel p{max-width:300px;margin:8px auto 0;color:var(--muted);font-size:.78rem;line-height:1.6}.skeleton-card,.history-skeleton{display:grid;gap:14px;overflow:hidden}.skeleton-card:before,.history-skeleton:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#a8cfcb09;content:"";animation:skeleton-breathe 1.5s ease-in-out infinite}.skeleton-card-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px}.skeleton-mark{display:block;width:38px;height:38px;border-radius:12px;background:#a8cfcb17}.skeleton-balance-row{display:flex;align-items:flex-end;gap:8px;margin-top:4px}.skeleton-line,.skeleton-chart{display:block;border-radius:8px;background:#a8cfcb17}.skeleton-line{width:100%;height:12px}.skeleton-line.is-short{width:38%}.skeleton-line.is-amount{width:52%;height:38px}.skeleton-line.is-action{width:68px}.skeleton-line.is-currency{width:32px;height:10px}.skeleton-line.is-hero{width:66%;height:58px}.skeleton-chart{width:100%;height:230px}.history-page{width:min(100% - 32px,820px)}.history-header{justify-content:flex-start}.history-provider p{color:var(--foam);font-family:var(--display-font);font-size:.94rem;font-weight:650}.history-provider>div>span{display:block;margin-top:2px;color:var(--muted);font-size:.7rem}.history-page>.message-stack{margin-top:22px}.history-skeleton{position:relative;margin-top:52px;padding:26px 0}.balance-hero{padding:52px 0 32px}.balance-hero-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-value-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:11px}.hero-value-row>div{min-width:0}.hero-value-row>div>span{display:block;margin-bottom:3px;color:var(--muted);font-family:var(--data-font);font-size:.68rem;font-weight:600;letter-spacing:.08em}.hero-value-row>div>strong{display:block;overflow:hidden;color:var(--foam);font-family:var(--display-font);font-size:clamp(3rem,17vw,6.4rem);font-variant-numeric:tabular-nums;font-weight:450;letter-spacing:-.07em;line-height:.94;text-overflow:ellipsis;white-space:nowrap}.balance-flow{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:5px;color:var(--muted);font-family:var(--data-font);font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:650;line-height:1.35}.balance-flow>span{white-space:nowrap}.balance-flow .is-supply{color:var(--current)}.balance-flow .is-consumption{color:var(--alert)}.currency-tabs{display:flex;gap:6px;margin-top:25px;overflow-x:auto;scrollbar-width:none}.currency-tabs::-webkit-scrollbar{display:none}.currency-tabs button{min-width:58px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-family:var(--data-font);font-size:.68rem;font-weight:600}.currency-tabs button.is-active{border-color:#32d6c594;color:var(--current);background:#32d6c514}.chart-panel,.history-records{border:1px solid var(--line);border-radius:20px;background:var(--panel)}.chart-panel{position:relative;padding:18px 12px 8px;overflow:hidden}.chart-panel.is-loading:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#0718207a;content:"";pointer-events:none}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:2px 6px 0}.section-heading h1,.section-heading h2{margin-top:5px;color:var(--foam);font-family:var(--display-font);font-size:1rem;font-weight:650}.section-heading>span{color:var(--muted);font-family:var(--data-font);font-size:.63rem}.trend-chart{margin-top:20px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.trend-readout{display:flex;min-height:42px;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 6px}.trend-readout span{display:block;color:var(--muted);font-family:var(--data-font);font-size:.59rem}.trend-readout strong{display:block;margin-top:3px;color:var(--foam);font-family:var(--data-font);font-size:.72rem;font-weight:600}.trend-range{display:flex;gap:9px}.trend-svg{width:100%;height:224px;overflow:visible}.trend-guide{stroke:#a8cfcb1f;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.trend-area{fill:#32d6c50f}.trend-line{fill:none;stroke:var(--current);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;vector-effect:non-scaling-stroke}.trend-cursor{stroke:#e7f5f447;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}.trend-point-halo{fill:#32d6c529}.trend-point{fill:var(--foam);stroke:var(--current);stroke-width:2;vector-effect:non-scaling-stroke}.history-records{margin-top:14px;padding:18px}.record-list{position:relative;display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none}.record-list:before{position:absolute;top:18px;bottom:18px;left:4px;width:1px;background:#32d6c52e;content:""}.record-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:58px;padding:8px 0 8px 22px;border-bottom:1px solid var(--line)}.record-list li:last-child{border-bottom:0}.record-node{position:absolute;top:50%;left:1px;z-index:1;width:7px;height:7px;border:2px solid var(--panel);border-radius:50%;background:var(--muted);transform:translateY(-50%)}.record-list li:first-child .record-node{background:var(--current);box-shadow:0 0 0 2px #32d6c51f}.record-list time{color:var(--mist);font-size:.76rem}.record-list strong{color:var(--foam);font-family:var(--data-font);font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:600}.record-event{display:inline-flex;min-height:20px;align-items:center;margin-left:8px;padding:0 6px;border-radius:999px;color:var(--muted);background:#a8cfcb14;font-size:.58rem}.record-list li.is-supply .record-node{background:var(--current)}.record-list li.is-supply .record-event,.record-list li.is-supply .record-values span{color:var(--current)}.record-list li.is-consumption .record-node{background:var(--alert)}.record-list li.is-consumption .record-event,.record-list li.is-consumption .record-values span{color:var(--alert)}.record-values{display:flex;flex-direction:column;align-items:flex-end}.record-values span{margin-top:4px;color:var(--muted);font-family:var(--data-font);font-size:.6rem;font-variant-numeric:tabular-nums}.latest-label{display:inline-flex;min-height:20px;align-items:center;margin-left:8px;padding:0 6px;border-radius:999px;color:var(--current);background:#32d6c514;font-size:.58rem}@keyframes skeleton-breathe{50%{opacity:.38}}@media(min-width:760px){.app-shell{padding-top:36px;padding-bottom:34px}.provider-card{padding:22px}}@media(min-width:1020px){.history-page{display:grid;width:min(100% - 64px,1120px);grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px}.history-header,.history-page>.message-stack,.history-skeleton,.balance-hero{grid-column:1 / -1}.balance-hero{padding-bottom:26px}.chart-panel,.history-records{margin-top:0}.history-records{max-height:510px;overflow-y:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-page .overview-heading{padding:28px 0 24px}.usage-page{width:min(100% - 32px,900px)}.usage-filter-panel{display:grid;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.usage-filter-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.usage-filter-row>span{color:var(--muted);font-size:.68rem}.usage-segments{display:flex;min-width:0;gap:5px}.usage-segments button{min-width:58px;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:.68rem;font-weight:650;white-space:nowrap}.usage-segments button.is-active{border-color:#32d6c585;color:var(--current);background:#32d6c514}.usage-segments.is-grid{display:grid;width:100%;max-width:420px;grid-template-columns:repeat(4,minmax(0,1fr))}.usage-segments.is-grid.is-periods{max-width:300px}.usage-segments.is-grid button{min-width:0;padding-right:3px;padding-left:3px}.usage-message{margin-top:14px}.usage-skeleton{position:relative;display:grid;gap:16px;margin-top:18px;overflow:hidden}.usage-skeleton:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#a8cfcb09;content:"";animation:skeleton-breathe 1.5s ease-in-out infinite}.usage-hero{padding:30px 0 24px}.usage-hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.usage-hero-heading p,.usage-hero-heading span,.usage-hero>p{margin:0}.usage-hero-heading h1{margin:7px 0 0;color:var(--foam);font-family:var(--display-font);font-size:clamp(2rem,10vw,3.4rem);font-weight:500;letter-spacing:-.05em;line-height:1}.usage-hero-heading>span{color:var(--muted);font-family:var(--data-font);font-size:.62rem;white-space:nowrap}.usage-total{margin-top:28px}.usage-total strong{display:block;overflow:hidden;color:var(--foam);font-family:var(--display-font);font-size:clamp(3.4rem,17vw,7.2rem);font-variant-numeric:tabular-nums;font-weight:450;letter-spacing:-.065em;line-height:.9;text-overflow:ellipsis;white-space:nowrap}.usage-total p{margin:10px 0 0;color:var(--muted);font-family:var(--data-font);font-size:.64rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.usage-token-breakdown{margin-bottom:28px}.usage-token-details{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:16px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line)}.usage-token-details>div{min-width:0;padding:14px 12px;background:var(--panel)}.usage-token-details>div.is-primary{grid-column:span 3;padding:16px 14px}.usage-token-details>div.is-secondary{grid-column:span 2}.usage-token-details dt{overflow:hidden;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.usage-token-details dd{margin:6px 0 0;color:var(--mist);font-family:var(--data-font);font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.usage-token-details .is-primary dd{color:var(--foam);font-size:.88rem}.usage-empty{margin-top:4px}.usage-analysis-grid{display:grid;gap:14px}.usage-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel)}.usage-tide-panel{position:relative;padding:18px 14px 14px;overflow:hidden}.usage-tide-chart{margin-top:22px}.usage-tide-readout{display:flex;min-height:64px;flex-direction:column;gap:9px;padding:0 6px}.usage-day-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.usage-day-summary>span{color:var(--muted);font-family:var(--data-font);font-size:.6rem}.usage-day-summary strong{color:var(--foam);font-family:var(--data-font);font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:650}.usage-day-tools{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px 14px;font-family:var(--data-font);font-size:.57rem;font-variant-numeric:tabular-nums}.usage-day-tools .is-claude{color:#dca36a}.usage-day-tools .is-codex{color:var(--current)}.usage-day-tools .is-opencode{color:#9aabff}.usage-tide-plot{position:relative;display:grid;height:224px;grid-template-columns:repeat(var(--usage-day-count),minmax(4px,1fr));gap:clamp(2px,1.1vw,7px);padding:0 4px 25px;border-bottom:1px solid rgba(168,207,203,.14);cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none}.usage-tide-plot:before,.usage-tide-plot:after{position:absolute;right:4px;left:4px;height:1px;background:#a8cfcb17;content:"";pointer-events:none}.usage-tide-plot:before{top:25%}.usage-tide-plot:after{top:62%}.usage-day{position:relative;z-index:1;display:flex;min-width:0;height:100%;align-items:stretch;padding:0;background:transparent}.usage-day-track{position:relative;display:flex;width:100%;height:100%;align-items:flex-end;border-radius:5px 5px 1px 1px;background:#a8cfcb06}.usage-day-fill{display:flex;width:100%;min-height:2px;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:5px 5px 1px 1px;box-shadow:0 0 0 1px #e7f5f40a}.usage-day.is-selected .usage-day-track{box-shadow:0 0 0 1px #e7f5f457,0 0 22px #32d6c521}.usage-day-segment{display:block;width:100%;min-height:1px}.usage-day-segment.is-claude{background:#dca36a}.usage-day-segment.is-codex{background:var(--current)}.usage-day-segment.is-opencode{background:#899cff}.usage-day-label{position:absolute;top:calc(100% + 8px);left:50%;color:var(--muted);font-family:var(--data-font);font-size:.52rem;transform:translate(-50%);white-space:nowrap}.usage-day-label.is-hidden{visibility:hidden}.usage-tool-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;padding:16px 5px 0;color:var(--muted);font-size:.58rem}.usage-tool-legend>span{display:inline-flex;align-items:center;gap:5px}.usage-tool-legend i{width:6px;height:6px;border-radius:2px;background:currentColor}.usage-tool-legend .is-claude{color:#dca36a}.usage-tool-legend .is-codex{color:var(--current)}.usage-tool-legend .is-opencode{color:#9aabff}.usage-model-panel{padding:18px}.usage-model-list{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}.usage-model-list li{padding:12px 0;border-bottom:1px solid var(--line)}.usage-model-list li:last-child{border-bottom:0}.usage-model-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.usage-model-heading>span{min-width:0;overflow:hidden;color:var(--mist);font-family:var(--data-font);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.usage-model-heading strong{flex:0 0 auto;color:var(--foam);font-family:var(--data-font);font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:650}.usage-model-track{height:3px;margin-top:8px;overflow:hidden;border-radius:999px;background:#a8cfcb12}.usage-model-track>span{display:block;height:100%;border-radius:inherit;background:var(--current)}.usage-model-list small{display:block;margin-top:6px;color:var(--muted);font-size:.57rem}@media(max-width:520px){.usage-hero-heading{align-items:center}.usage-tide-panel{padding-right:10px;padding-left:10px}}@media(min-width:980px){.usage-page{width:min(100% - 64px,1120px)}.usage-analysis-grid{grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);align-items:start}.usage-model-panel{max-height:390px;overflow-y:auto}}