tokens-dashboard{--tk-accent:light-dark(#30a14e,#26a641);--tk-meter:.375rem;--tk-p-anthropic:light-dark(#d97757,#cc785c);--tk-p-openai:light-dark(#10a37f,#2dc79f);--tk-p-google:light-dark(#4285f4,#7cacf8);--tk-p-alibaba:light-dark(#ff6a00,#ff8a3d);--tk-p-xai:light-dark(#52525b,#a1a1aa);--tk-p-cursor:light-dark(#8b5cf6,#a78bfa);--tk-p-deepseek:light-dark(#4d6bfe,#8ba0ff);--tk-p-meta:light-dark(#0866ff,#4d9fff);--tk-p-openrouter:light-dark(#6366f1,#818cf8);--tk-p-zed:light-dark(#084ccf,#7a9bff);--tk-p-opencode:light-dark(#78716c,#a8a29e);--tk-p-hermes:light-dark(#8a7248,#cdb37e);--tk-p-moonshot:light-dark(#16191e,#e4e4e7);--tk-p-zai:light-dark(#3859ff,#8da2ff);--tk-p-other:var(--gray-8);display:block;& section+section{margin-block-start:var(--space-l)}& h2{font-size:var(--step-1);line-height:calc(var(--leading-offset) + 1em);font-weight:var(--font-weight-medium);margin-block-end:var(--space-s);@media (width>=64rem){scroll-margin-block-start:calc(var(--page-offset-top) - .2em)}}& .tk-head{justify-content:space-between;align-items:baseline;gap:var(--space-3xs) var(--space-s);flex-wrap:wrap;margin-block-end:var(--space-s);display:flex}& .tk-head h2{margin-block-end:0}& .tk-sync,& .tk-day-empty{font-size:var(--step--1);color:var(--muted-foreground)}& .tk-day{gap:var(--space-2xs);margin-block-start:var(--space-m);display:grid}& .tk-day-head{justify-content:space-between;align-items:baseline;gap:var(--space-s);display:flex}& .tk-day-head .tk-label{margin-block:0}& .tk-day-back{font-size:var(--step--1);color:var(--muted-foreground);cursor:pointer}& .tk-day-back:hover{color:var(--foreground)}& .tk-day-back[hidden]{display:none}& .tk-day-body{gap:var(--space-s);display:grid}& .tk-day-body[hidden]{display:none}& .tk-day-breakdown{margin-block-start:var(--space-2xs)}& .tk-day-breakdown[hidden]{display:none}& .tk-day-legend{margin-block-start:calc(-1 * var(--space-3xs))}& .tk-controls{justify-content:space-between;gap:var(--space-2xs);flex-wrap:wrap;margin-block-end:var(--space-s);display:flex}& .tk-seg{border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:2px;display:inline-flex}& .tk-seg label{display:inline-flex;position:relative}& .tk-seg label[hidden]{display:none}& .tk-seg input{opacity:0;pointer-events:none;position:absolute;inset:0}& .tk-seg span{border-radius:var(--radius-full);font-size:var(--step--1);color:var(--muted-foreground);cursor:pointer;user-select:none;padding:.125rem .625rem}& .tk-seg input:checked+span{background-color:var(--foreground);color:var(--background)}& .tk-seg label:hover input:not(:checked)+span{color:var(--foreground)}& .tk-seg input:focus-visible+span{outline:2px solid var(--ring);outline-offset:1px}& .tk-seg-sm span{padding:.0625rem .5rem;font-size:.6875rem}& .tk-cards{gap:var(--space-s);grid-template-columns:repeat(4,1fr);margin:0;display:grid;@media (width<40rem){grid-template-columns:repeat(2,1fr)}}& .tk-card{gap:var(--space-3xs);align-content:start;display:grid}& .tk-card dt{font-size:var(--step--1);color:var(--muted-foreground)}& .tk-card .value{font-size:var(--step-2);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;margin:0;line-height:1.2}& .tk-facts .value{font-size:var(--step-1)}& .tk-card .sub,& .tk-card .delta{font-size:var(--step--1);color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin:0}& .tk-card .delta:empty{display:none}& .tk-card .delta .delta-val{color:var(--foreground)}& .tk-mix{gap:var(--space-xs);display:grid}& .tk-mix-bar{border-radius:var(--radius-full);background-color:var(--gray-4);block-size:.875rem;display:flex;overflow:hidden}& .tk-mix-bar span{background-color:var(--c,var(--gray-6));min-inline-size:3px}& .tk-mix-bar span+span{border-inline-start:2px solid var(--background)}& .tk-day-bar{block-size:var(--tk-meter);border-radius:var(--radius-full);gap:3px;display:flex}& .tk-day-bar span{min-inline-size:var(--tk-meter);border-radius:var(--radius-full);background-color:var(--p);transition:opacity .15s}& .tk-day-bar span[data-mute]{opacity:.25}& .tk-mix [data-k="0"]{--c:var(--foreground)}& .tk-mix [data-k="1"]{--c:color-mix(in oklab, var(--foreground) 60%, var(--background))}& .tk-mix [data-k="2"]{--c:var(--tk-accent)}& .tk-mix [data-k="3"]{--c:color-mix(in oklab, var(--tk-accent) 50%, var(--background))}& .tk-mix [data-k="4"]{--c:var(--gray-8)}& .tk-mix-legend{gap:var(--space-xs) var(--space-s);font-size:var(--step--1);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;@media (width<40rem){grid-template-columns:repeat(3,minmax(0,1fr))}}& .tk-mix-legend li{gap:var(--space-3xs);align-content:start;display:grid}& .tk-mix-legend .name{color:var(--muted-foreground);align-items:center;gap:.4em;display:flex}& .tk-mix-legend .chip{border-radius:var(--radius-xs);background-color:var(--c,var(--gray-6));flex-shrink:0;block-size:.625rem;inline-size:.625rem}& .tk-mix-legend .value{font-size:var(--step-1);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:1.2}& .tk-mix-legend .share{color:var(--muted-foreground);font-variant-numeric:tabular-nums}& .tk-mix-legend .sk-line{max-inline-size:100%}& .tk-quota-section[hidden]{display:none}& .tk-plans{gap:var(--space-m);grid-template-columns:1fr;display:grid;@media (width>=40rem){grid-template-columns:1fr 1fr}}& .tk-plans .tk-plan{gap:var(--space-s);align-content:start;display:grid}& .tk-plans .plan-head{align-items:center;gap:.4em;display:flex}& .tk-plans .plan-age{font-size:var(--step--1);color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto;padding-inline-start:var(--space-2xs)}& .tk-plans .plan-age[data-stale]{color:var(--destructive)}& .tk-plans .plan-name{font-weight:var(--font-weight-medium)}& .tk-plans .plan-head .ico{flex-shrink:0;justify-content:center;align-items:center;block-size:1.1em;inline-size:1.1em;display:inline-flex}& .tk-plans .plan-head .ico svg{block-size:100%;inline-size:100%}& .tk-plans .plan-tier{color:var(--muted-foreground);white-space:nowrap}& .tk-plans .tk-windows{gap:var(--space-xs);display:grid}& .tk-plans .tk-window{gap:var(--space-2xs);display:grid}& .tk-plans .win-head{justify-content:space-between;align-items:baseline;gap:var(--space-s);display:flex}& .tk-plans .win-label{font-size:var(--step--1);color:var(--muted-foreground)}& .tk-plans .win-used{font-size:var(--step-1);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:1.2}& .tk-plans .tk-window[data-reset] .win-used{font-weight:inherit;color:var(--muted-foreground)}& .tk-plans .tk-meter{block-size:var(--tk-meter);border-radius:var(--radius-full);background-color:var(--gray-4)}& .tk-plans .tk-meter[data-p]{background-color:color-mix(in oklab, var(--p) 22%, var(--gray-3))}& .tk-plans .tk-meter span{block-size:100%;min-inline-size:var(--tk-meter);border-radius:inherit;background-color:var(--p,var(--gray-8));display:block}& .tk-plans .win-foot,& .tk-plans .plan-credits{font-size:var(--step--1);color:var(--muted-foreground);font-variant-numeric:tabular-nums}& .tk-plans .plan-credits,& .tk-plans .credits-list{gap:var(--space-3xs);display:grid}& .tk-plans .credits-list li{border-inline-start:1px solid var(--gray-4);padding-inline-start:var(--space-xs)}& .tk-plans .tk-meter[data-high]{--p:var(--red-9)}& .tk-chart-head{justify-content:space-between;gap:var(--space-s);font-size:var(--step--1);color:var(--muted-foreground);margin-block-end:var(--space-2xs);display:flex}& .tk-chart-peak,& .tk-rhythm-peak{font-variant-numeric:tabular-nums}& .tk-chart-bars{border-block-end:1px solid var(--border);background-image:repeating-linear-gradient(to top, color-mix(in oklab, var(--border) 55%, transparent) 0 1px, transparent 1px 25%);align-items:flex-end;gap:2px;block-size:clamp(8rem,24vw,11rem);display:flex}& .tk-chart-bars span{min-inline-size:0;block-size:max(2px, calc(var(--v) * 100%));border-radius:var(--radius-xs) var(--radius-xs) 0 0;flex-direction:column-reverse;flex:1 1 0;display:flex;overflow:hidden}& .tk-chart-bars span:hover{filter:brightness(1.12)}& .tk-chart-bars span[data-zero]{background-color:var(--gray-6)}& .tk-chart-bars i{flex-basis:0}& .tk-chart{position:relative}& .tk-tip{z-index:5;gap:var(--space-3xs);max-inline-size:min(18rem,100%);padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-md);background-color:color-mix(in oklab, var(--background) 92%, transparent);backdrop-filter:blur(var(--blur-sm));font-size:var(--step--1);pointer-events:none;display:grid;position:absolute;inset-block-start:var(--space-3xs)}& .tk-tip .tip-title{font-weight:var(--font-weight-medium)}& .tk-tip .tip-total{color:var(--muted-foreground);font-variant-numeric:tabular-nums}& .tk-chart>.tk-tip{box-sizing:border-box;background-color:var(--background);inline-size:min(22rem,100%);max-inline-size:100%;line-height:1.5}& .tk-tip .tip-summary{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.125rem .75rem;display:flex}& .tk-tip .tip-summary>span{white-space:nowrap}& .tk-tip .tip-intensity{color:var(--muted-foreground)}& .tk-tip ul{border-block-start:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) max-content max-content;align-items:baseline;gap:.375rem .5rem;margin-block-start:var(--space-3xs);padding-block-start:var(--space-2xs);display:grid}& .tk-tip li{grid-template-columns:subgrid;font-variant-numeric:tabular-nums;grid-column:1/-1;align-items:baseline;display:grid}& .tk-tip .tip-label{overflow-wrap:anywhere;text-wrap:pretty}& .tk-tip .tip-value,& .tk-tip .tip-share{text-align:end;white-space:nowrap}& .tk-tip .tip-share{color:var(--muted-foreground)}& .tk-tip .chip{border-radius:var(--radius-xs);flex-shrink:0;block-size:.625rem;inline-size:.625rem}& .tk-chart-axis{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;margin-block-start:var(--space-3xs);font-size:.6875rem;display:flex}& .tk-chart-foot{justify-content:space-between;align-items:center;gap:var(--space-3xs) var(--space-s);font-size:var(--step--1);color:var(--muted-foreground);flex-wrap:wrap;margin-block-start:var(--space-2xs);display:flex}& .tk-chart-legend{gap:var(--space-3xs) var(--space-s);flex-wrap:wrap;display:flex}& .tk-chart-legend li{align-items:center;gap:.4em;display:inline-flex}& .tk-chart-legend .chip{border-radius:var(--radius-xs);block-size:.625rem;inline-size:.625rem}& .tk-rhythm{position:relative}& .tk-rhythm-plot{border-block-end:1px solid var(--border);block-size:clamp(6.5rem,18vw,8.5rem)}& .tk-rhythm-plot svg{block-size:100%;inline-size:100%;display:block;overflow:visible}& .tk-rhythm-plot .grid{stroke:color-mix(in oklab, var(--border) 55%, transparent);stroke-width:1px;shape-rendering:crispedges}& .tk-rhythm-plot .area{fill:color-mix(in oklab, var(--tk-accent) 12%, transparent)}& .tk-rhythm-plot .line{fill:none;stroke:var(--tk-accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}& .tk-rhythm-plot .dot{fill:var(--tk-accent);stroke:var(--background);stroke-width:1.5px}& .tk-rhythm-plot .dot[data-peak]{stroke:color-mix(in oklab, var(--tk-accent) 35%, var(--background));stroke-width:2.5px}& .tk-rhythm-plot .hit{fill:#0000}& .tk-rhythm-axis{color:var(--muted-foreground);text-align:center;grid-template-columns:repeat(7,1fr);margin-block-start:var(--space-3xs);font-size:.6875rem;display:grid}& .tk-rhythm-plot[data-skeleton]{border-radius:var(--radius-sm);background-color:var(--gray-5);animation:var(--sk-pulse)}& [data-p]{--p:var(--tk-p-other);background-color:var(--p)}& [data-p=anthropic],& [data-p=claude]{--p:var(--tk-p-anthropic)}& [data-p=openai],& [data-p=codex]{--p:var(--tk-p-openai)}& [data-p=google],& [data-p=gemini]{--p:var(--tk-p-google)}& [data-p=alibaba],& [data-p=qwen]{--p:var(--tk-p-alibaba)}& [data-p=xai],& [data-p=grok]{--p:var(--tk-p-xai)}& [data-p=cursor]{--p:var(--tk-p-cursor)}& [data-p=zed],& [data-p=zed\.dev]{--p:var(--tk-p-zed)}& [data-p=opencode]{--p:var(--tk-p-opencode)}& [data-p=hermes]{--p:var(--tk-p-hermes)}& [data-p=moonshotai]{--p:var(--tk-p-moonshot)}& [data-p=zai]{--p:var(--tk-p-zai)}& [data-p=deepseek]{--p:var(--tk-p-deepseek)}& [data-p=meta]{--p:var(--tk-p-meta)}& [data-p=openrouter]{--p:var(--tk-p-openrouter)}& [data-p=kimi]{--p:var(--tk-p-moonshot)}& [data-shade="1"]{background-color:color-mix(in oklab, var(--p) 78%, var(--background))}& [data-shade="2"]{background-color:color-mix(in oklab, var(--p) 58%, var(--background))}& [data-shade="3"]{background-color:color-mix(in oklab, var(--p) 40%, var(--background))}& .tk-rows{gap:var(--space-3xs);flex-direction:column;display:flex}& .tk-rows .tk-row{z-index:0;align-items:center;gap:var(--space-2xs);padding-block:var(--space-3xs);font-size:var(--step--1);grid-template-columns:auto minmax(0,1fr) max-content 3.2rem;display:grid;position:relative}& .tk-rows .tk-row:not([data-skeleton]):before{content:"";z-index:-1;inline-size:calc(var(--w,0) * 100%);border-radius:var(--radius-xs);background-color:color-mix(in oklab, var(--gray-5) 55%, transparent);position:absolute;inset-block:2px;inset-inline-start:0}& .tk-rows .ico{justify-content:center;align-items:center;block-size:1.1em;inline-size:1.1em;display:inline-flex}& .tk-rows .ico svg{block-size:100%;inline-size:100%}& .tk-rows .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}& .tk-rows .val{font-variant-numeric:tabular-nums;justify-self:end}& .tk-rows .share{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-self:end}& .tk-empty{padding-block:var(--space-3xs);font-size:var(--step--1);color:var(--muted-foreground)}& .tk-rows .tk-row-toggle{text-align:start;cursor:pointer;inline-size:100%}& .tk-rows .tk-row-toggle .name{align-items:center;gap:.3em;min-inline-size:0;display:flex}& .tk-rows .tk-row-toggle .name>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}& .tk-rows .tk-row-toggle .name svg{block-size:.85em;inline-size:.85em;color:var(--muted-foreground);flex-shrink:0;transition:rotate .15s}& .tk-rows .tk-row-toggle[aria-expanded=true] .name svg{rotate:180deg}& .tk-rows .tk-row-toggle:hover .name svg{color:var(--foreground)}& .tk-rows .tk-sub{margin-inline-start:calc(1.1em + var(--space-2xs))}& .tk-rows .tk-sub .tk-row{color:var(--muted-foreground)}& .tk-rows .tk-sub .name{color:var(--foreground)}& .tk-rows .tk-more{margin-block-start:var(--space-3xs)}& .tk-rows .tk-more-btn{inline-size:100%;padding-block:var(--space-2xs);font-size:var(--step--1);color:var(--muted-foreground);cursor:pointer;align-items:center;gap:.4em;display:flex}& .tk-rows .tk-more-btn:hover{color:var(--foreground)}& .tk-rows .tk-more-btn svg{block-size:1em;inline-size:1em;transition:rotate .15s}& .tk-rows .tk-more-btn[aria-expanded=true] svg{rotate:180deg}& .tk-rows .more-amount{font-variant-numeric:tabular-nums;margin-inline-start:auto}& .tk-split{gap:var(--space-s);grid-template-columns:1fr;margin-block-start:var(--space-m);display:grid;@media (width>=40rem){gap:var(--space-m);grid-template-columns:1fr 1fr}}& .tk-split .tk-label:first-child{margin-block-start:0}& .tk-devices{flex-direction:column;display:flex}& .tk-devices .tk-device+.tk-device{border-block-start:1px solid var(--border)}& .tk-devices .dev-row{align-items:center;gap:var(--space-2xs);inline-size:100%;padding-block:var(--space-2xs);text-align:start;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}& .tk-devices button.dev-row{cursor:pointer}& .tk-devices button.dev-row:hover svg{color:var(--foreground)}& .tk-devices button.dev-row:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}& .tk-devices .dev-row svg{block-size:1em;inline-size:1em;color:var(--muted-foreground);transition:rotate .15s}& .tk-devices .dev-row[aria-expanded=true] svg{rotate:180deg}& .tk-devices .dev-details{gap:var(--space-3xs) var(--space-s);font-size:var(--step--1);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-start:calc(.5rem + var(--space-2xs));padding-block-end:var(--space-2xs);display:grid;@media (width<30rem){grid-template-columns:minmax(0,1fr)}}& .tk-devices .dev-details>div{flex-wrap:wrap;gap:.4em;display:flex}& .tk-devices .dev-details dt{color:var(--muted-foreground)}& .tk-devices .dev-details dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}& .tk-devices .dot{border-radius:var(--radius-full);background-color:var(--gray-7);block-size:.5rem;inline-size:.5rem}& .tk-devices .dot[data-online]{background-color:var(--tk-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--tk-accent) 25%, transparent)}& .tk-devices .dev-id{gap:var(--space-3xs);display:grid}& .tk-devices .dev-name{font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}& .tk-devices .dev-seen{font-size:var(--step--1);color:var(--muted-foreground)}& .tk-devices .dev-usage{gap:var(--space-3xs);justify-items:end;display:grid}& .tk-devices .dev-tokens{font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:1.25}& .tk-devices .dev-meta{font-size:var(--step--1);color:var(--muted-foreground);font-variant-numeric:tabular-nums}& .sk-sub{block-size:.8em;inline-size:7em}& .sk-num{justify-self:end;inline-size:2.6em}& .sk-ico{border-radius:var(--radius-full)}& .sk-ico,& .tk-mix-bar[data-skeleton],& .tk-day-bar[data-skeleton],& .tk-plans .tk-meter[data-skeleton],& .tk-chart-bars[data-skeleton],& .tk-device[data-skeleton] .dot{background-color:var(--gray-5);animation:var(--sk-pulse)}& .tk-chart-bars[data-skeleton]{border-radius:var(--radius-sm);background-image:none}}header[data-astro-cid-h7vbbpek]{margin-block-end:var(--space-m);& h1{font-size:var(--step-3);line-height:calc(var(--leading-offset) + 1em);font-weight:var(--font-weight-medium)}}
