@layer components{._4KNOoW_page{gap:var(--space-6);display:grid;container-type:inline-size}._4KNOoW_intro{gap:var(--space-4);padding-inline:var(--space-2);color:var(--color-on-frame);align-items:end;display:grid}@container (inline-size>=40rem){._4KNOoW_intro{grid-template-columns:minmax(0,1fr) auto}}._4KNOoW_heading{gap:var(--space-3);display:grid}._4KNOoW_title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;text-shadow:var(--text-shadow-frame);font-weight:700;line-height:1}._4KNOoW_stats{gap:var(--space-2);flex-wrap:wrap;display:flex}._4KNOoW_stats div{border-radius:var(--radius-full);background:var(--color-frame-pill);align-items:baseline;gap:.4rem;padding:.3rem .8rem;display:flex}._4KNOoW_stats dt{color:var(--color-on-frame-muted);font-size:var(--text-xs);font-weight:560}._4KNOoW_stats dd{font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;font-weight:700}._4KNOoW_statsSkeleton{background-color:var(--color-frame-pill);block-size:1.875rem;inline-size:26rem;max-inline-size:100%}._4KNOoW_alerts{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}._4KNOoW_alert{--alert-candy:var(--sticker-archive);--color-focus:var(--color-accent);align-items:center;gap:var(--space-3);min-block-size:4rem;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-base);box-shadow:var(--shadow-sheet);text-wrap:pretty;grid-template-columns:auto minmax(0,1fr);font-weight:600;display:grid}._4KNOoW_alert[data-level=critical]{--alert-candy:var(--sticker-pdf);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--color-danger), transparent 55%), var(--shadow-sheet)}._4KNOoW_alertMark{border-radius:var(--radius-blob);background:var(--candy-gloss), var(--alert-candy);block-size:2.75rem;inline-size:2.75rem;color:var(--sticker-ink);box-shadow:inset 0 -4px 6px -2px color-mix(in oklch, var(--alert-candy), black 22%), inset 0 2px 3px oklch(100% 0 0/.55);place-items:center;display:grid;rotate:-6deg}._4KNOoW_alertMark svg{stroke-width:2.2px;block-size:1.375rem;inline-size:1.375rem}._4KNOoW_cliff{--level-fill:var(--color-accent);--level-candy:var(--sticker-folder);align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-6);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@container (inline-size<30rem){._4KNOoW_cliff{padding:var(--space-5) var(--space-4)}}._4KNOoW_cliff[data-level=warn]{--level-fill:color-mix(in oklch, var(--sticker-html), black 28%);--level-candy:var(--sticker-archive)}._4KNOoW_cliff[data-level=critical]{--level-fill:var(--color-danger);--level-candy:var(--sticker-pdf)}._4KNOoW_cliffMark{border-radius:var(--radius-blob);background:var(--candy-gloss), var(--level-candy);block-size:3.25rem;inline-size:3.25rem;color:var(--sticker-ink);box-shadow:inset 0 -4px 6px -2px color-mix(in oklch, var(--level-candy), black 22%), inset 0 2px 3px oklch(100% 0 0/.55);place-items:center;display:grid;rotate:-6deg}._4KNOoW_cliffMark svg{stroke-width:2.1px;block-size:1.625rem;inline-size:1.625rem}._4KNOoW_cliffText{gap:.125rem;min-inline-size:0;display:grid}._4KNOoW_cliffTitle{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;line-height:1.15}._4KNOoW_cliffCount{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}._4KNOoW_cliffCount strong{font-family:var(--font-display);font-size:clamp(1.75rem,1.3rem + 1.6cqi,2.25rem);font-weight:700;line-height:1.05}._4KNOoW_cliffOf{color:var(--color-text-muted);font-size:var(--text-base);font-weight:560}._4KNOoW_cliffShare{color:var(--level-fill);font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;align-self:center;font-weight:700}._4KNOoW_cliff>._4KNOoW_cliffBar{grid-column:1/-1;block-size:1.125rem}._4KNOoW_cliffFoot{gap:var(--space-1) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-column:1/-1;display:flex}._4KNOoW_cliffFoot strong{color:var(--color-text);font-weight:650}._4KNOoW_cliffRule{color:var(--color-text-faint)}._4KNOoW_panel{gap:var(--space-5);padding:var(--space-6);display:grid;container-type:inline-size}@container (inline-size<30rem){._4KNOoW_panel{padding:var(--space-5) var(--space-4)}}._4KNOoW_panelHead{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}._4KNOoW_panelTitle{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.005em;font-weight:600;line-height:1.15}._4KNOoW_panelFigure{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}._4KNOoW_panelFigure strong{color:var(--color-text);font-size:var(--text-lg);font-weight:700}._4KNOoW_chartDay{font-weight:620}._4KNOoW_chartEgress{color:var(--color-text-faint)}._4KNOoW_meters{gap:var(--space-5);display:grid}._4KNOoW_meter{gap:var(--space-2);display:grid}._4KNOoW_meterHead{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}._4KNOoW_meterLabel{font-size:var(--text-base);font-weight:650}._4KNOoW_meterFigure{font-variant-numeric:tabular-nums;align-items:baseline;gap:.4rem;display:flex}._4KNOoW_meterFigure strong{font-size:var(--text-lg);font-weight:700}._4KNOoW_meterOf{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:560}._4KNOoW_meterFoot{justify-content:space-between;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}._4KNOoW_meterShare{font-weight:620}._4KNOoW_meter[data-over]>._4KNOoW_meterFoot>._4KNOoW_meterShare{color:var(--color-danger)}._4KNOoW_meterProjected{color:var(--color-text-faint)}._4KNOoW_bar{border-radius:var(--radius-full);background:var(--color-surface-sunken);block-size:.75rem;box-shadow:inset 0 2px 3px color-mix(in oklch, var(--color-text), transparent 88%);display:block;position:relative;overflow:hidden}._4KNOoW_barUsed,._4KNOoW_barProjected{border-radius:var(--radius-full);position:absolute;inset-block:0;inset-inline-start:0}._4KNOoW_barUsed{background:var(--level-fill,var(--color-accent));box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--level-fill,var(--color-accent)), black 20%), inset 0 2px 2px oklch(100% 0 0/.28);transition:inline-size var(--duration-base) var(--ease-out)}._4KNOoW_meter[data-over] ._4KNOoW_barUsed{--level-fill:var(--color-danger)}._4KNOoW_barProjected{background:repeating-linear-gradient(115deg, color-mix(in oklch, var(--color-accent), var(--color-surface) 58%) 0 5px, color-mix(in oklch, var(--color-accent), var(--color-surface) 80%) 5px 10px)}._4KNOoW_split{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}._4KNOoW_split div{padding:var(--space-1) .7rem;border-radius:var(--radius-full);background:var(--color-surface-sunken);align-items:baseline;gap:.4rem;display:flex}._4KNOoW_split dt{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:560}._4KNOoW_split dd{font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;font-weight:650}._4KNOoW_egress{align-items:baseline;gap:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-border);flex-wrap:wrap;padding-block-start:var(--space-4);display:flex}._4KNOoW_egressLabel{font-size:var(--text-base);font-weight:650}._4KNOoW_egressValue{font-size:var(--text-lg);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:700}._4KNOoW_tag{min-block-size:1.5rem;padding-inline:var(--space-2);border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-xs);white-space:nowrap;align-items:center;font-weight:650;display:inline-flex}._4KNOoW_tableFrame{margin-inline:calc(-1 * var(--space-2));container-type:inline-size}._4KNOoW_costTable,._4KNOoW_costTable thead,._4KNOoW_costTable tbody,._4KNOoW_costTable tfoot,._4KNOoW_costTable tr,._4KNOoW_historyTable,._4KNOoW_historyTable thead,._4KNOoW_historyTable tbody,._4KNOoW_historyTable tr{display:grid}._4KNOoW_costTable,._4KNOoW_historyTable{font-variant-numeric:tabular-nums;inline-size:100%}._4KNOoW_lineName{font-size:var(--text-base);overflow-wrap:anywhere;font-weight:650}._4KNOoW_lineCell{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-inline-size:0;display:flex}._4KNOoW_cell{gap:.125rem;min-inline-size:0;display:grid}._4KNOoW_cellLabel{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:560}._4KNOoW_cellValue{font-size:var(--text-sm);white-space:nowrap;font-weight:560}._4KNOoW_per,._4KNOoW_none{color:var(--color-text-faint)}._4KNOoW_totalRow{font-weight:700}._4KNOoW_totalRow ._4KNOoW_cellValue{font-size:var(--text-base);font-weight:700}@container (inline-size>=56rem){._4KNOoW_costTable{grid-template-columns:minmax(7rem,1fr) repeat(4,minmax(0,6.75rem)) 7rem repeat(2,minmax(0,6.75rem))}._4KNOoW_historyTable{grid-template-columns:minmax(6rem,1fr) repeat(4,minmax(0,6.75rem))}._4KNOoW_costTable thead,._4KNOoW_costTable tbody,._4KNOoW_costTable tfoot,._4KNOoW_costTable tr,._4KNOoW_historyTable thead,._4KNOoW_historyTable tbody,._4KNOoW_historyTable tr{grid-column:1/-1;grid-template-columns:subgrid}._4KNOoW_costTable th,._4KNOoW_historyTable th{padding:0 var(--space-2) var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);text-align:end;white-space:nowrap;font-weight:620}:is(._4KNOoW_costTable th,._4KNOoW_historyTable th)[data-col=line],:is(._4KNOoW_costTable th,._4KNOoW_historyTable th)[data-col=month]{text-align:start}._4KNOoW_costTable td,._4KNOoW_historyTable td{min-block-size:3rem;padding:var(--space-2);text-align:end;align-content:center}._4KNOoW_costTable td[data-col=line],._4KNOoW_historyTable td[data-col=month]{text-align:start}._4KNOoW_cellLabel{display:none}._4KNOoW_tableRow+._4KNOoW_tableRow,._4KNOoW_tableFoot{border-block-start:1.5px solid var(--color-border)}._4KNOoW_totalRow td[data-col=mtd]{grid-column:7}._4KNOoW_totalRow td[data-col=cost]{grid-column:8}}@container (inline-size<56rem){._4KNOoW_tableHead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._4KNOoW_tableFoot{margin-block-start:var(--space-2)}._4KNOoW_tableRow,._4KNOoW_totalRow{gap:var(--space-3);padding:var(--space-4) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));position:relative}._4KNOoW_tableRow+._4KNOoW_tableRow:before{content:"";inset-inline:var(--space-2);border-block-start:1.5px solid var(--color-border);position:absolute;inset-block-start:0}._4KNOoW_totalRow{border-radius:var(--radius-lg);background:var(--color-accent-soft)}._4KNOoW_lineCell,._4KNOoW_cell[data-col=rate]{grid-column:1/-1}}@container (inline-size<17rem){._4KNOoW_tableRow,._4KNOoW_totalRow{grid-template-columns:minmax(0,1fr)}}._4KNOoW_topPair{align-items:start;gap:var(--space-4);display:grid}@container (inline-size>=54rem){._4KNOoW_topPair{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}._4KNOoW_topList{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0;padding:0;list-style:none;display:grid}._4KNOoW_topRow{align-items:center;gap:var(--space-3);min-block-size:3.75rem;padding:var(--space-2);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}._4KNOoW_topRow+._4KNOoW_topRow:before{content:"";inset-inline:var(--space-2);border-block-start:1px solid var(--color-border);position:absolute;inset-block-start:0}@media (hover:hover){._4KNOoW_topRow:hover{background:var(--color-surface-hover)}._4KNOoW_topRow:hover:before,._4KNOoW_topRow:hover+._4KNOoW_topRow:hover:before{border-color:#0000}._4KNOoW_topRow:hover>:first-child{rotate:0deg;scale:1.08}}._4KNOoW_topRow:has(._4KNOoW_topName:focus-visible){outline:2.5px solid var(--color-accent);outline-offset:-2px}._4KNOoW_topText{gap:.0625rem;min-inline-size:0;display:grid}._4KNOoW_topName{color:var(--color-text);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:620;text-decoration:none;overflow:hidden}._4KNOoW_topName:after{content:"";border-radius:inherit;position:absolute;inset:0}._4KNOoW_topName:focus-visible{outline:none}._4KNOoW_topPath{color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:540;overflow:hidden}._4KNOoW_topFigure{font-variant-numeric:tabular-nums;justify-items:end;gap:.0625rem;display:grid}._4KNOoW_topBytes{font-size:var(--text-sm);font-weight:700}._4KNOoW_topViews{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:540}._4KNOoW_listEmpty{align-items:center;gap:var(--space-3);min-block-size:3.75rem;color:var(--color-text-muted);font-size:var(--text-sm);display:flex}._4KNOoW_emptyMark{border:2px dashed var(--color-border-strong);border-radius:50%;flex:none;place-items:center;block-size:2.5rem;inline-size:2.5rem;display:grid}._4KNOoW_emptyMark svg{block-size:1.125rem;inline-size:1.125rem}._4KNOoW_chart{--chart-height:clamp(6rem, 16vh, 9rem);position:relative}._4KNOoW_limitLine{border-block-start:2px dashed color-mix(in oklch, var(--color-danger), transparent 35%);pointer-events:none;position:absolute;inset-inline:0}._4KNOoW_limitLabel{color:var(--color-danger);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:620;position:absolute;inset-block-end:.15rem;inset-inline-end:0}._4KNOoW_bars{touch-action:pan-y;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.125rem;margin:0;padding:0;list-style:none;display:grid}._4KNOoW_barSlot{gap:var(--space-1);min-inline-size:0;display:grid}._4KNOoW_dayBar{block-size:var(--chart-height);transition:background-color var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:.4rem .4rem .25rem .25rem;align-items:end;padding:0;display:grid}@media (hover:hover){._4KNOoW_dayBar:hover{background:var(--color-surface-hover)}}._4KNOoW_dayBar[data-picked]{background:var(--color-surface-hover)}._4KNOoW_dayBar:focus-visible{outline:2.5px solid var(--color-accent);outline-offset:1px}._4KNOoW_dayFill{border-radius:inherit;background:var(--color-accent);inline-size:100%;box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--color-accent), black 20%);display:block}._4KNOoW_dayLabel{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;font-weight:560}._4KNOoW_barSlot:not(:nth-child(5n+1))>._4KNOoW_dayLabel{visibility:hidden}._4KNOoW_dayBar[data-today]+._4KNOoW_dayLabel{visibility:visible;color:var(--color-text);font-weight:700}._4KNOoW_metaSkeleton{background-color:color-mix(in oklch, var(--color-on-frame), transparent 70%);block-size:.875rem;inline-size:7rem}._4KNOoW_factsSkeleton{block-size:1.75rem;inline-size:min(22rem,100%)}._4KNOoW_pendingCliff{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}._4KNOoW_pendingMark{border-radius:var(--radius-blob);block-size:3.25rem;inline-size:3.25rem}._4KNOoW_pendingTitle{block-size:1.5rem;inline-size:min(14rem,60%)}._4KNOoW_pendingBar{grid-column:1/-1;block-size:.75rem}._4KNOoW_pendingMeter{gap:var(--space-2);display:grid}._4KNOoW_pendingLine{block-size:1rem;inline-size:min(18rem,70%)}}