:root{--bg:#0f1115;--panel:#171a21;--panel-alt:#1d212a;--border:#2a2f3a;--text:#e7e9ee;--muted:#99a1b3;--accent:#6ea8fe;--good:#6ee7a8;--warn:#f4c26b;--bad:#f28b82;--radius:10px}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--panel:#ffffff;--panel-alt:#f0f2f6;--border:#d9dde5;--text:#171a21;--muted:#5c6474;--accent:#1f5fd1;--good:#167c4a;--warn:#8a6100;--bad:#b3261e}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}main{max-width:1100px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.35rem;margin:0 0 4px}h2{font-size:1rem;margin:0 0 12px;letter-spacing:.02em;text-transform:uppercase}.subtitle,h2{color:var(--muted)}.subtitle{margin:0 0 24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:900px){.grid.two{grid-template-columns:1fr 1fr}}label{display:block;font-size:.8rem;color:var(--muted);margin:12px 0 4px}button,input,select,textarea{font:inherit;color:var(--text);background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%}textarea{resize:vertical;min-height:90px}button{cursor:pointer;background:var(--accent);color:#fff;border-color:transparent;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:transparent;color:var(--muted);border-color:var(--border);font-weight:500}.button-link{display:inline-block;padding:9px 13px;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>*{flex:1 1 160px}.response{background:var(--panel-alt);border:1px solid var(--border);border-radius:8px;padding:12px;min-height:60px;max-height:420px;overflow-y:auto;scrollbar-gutter:stable;overflow-wrap:anywhere}.response-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.response-heading h2{margin:0}.response-mode-toggle{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--panel-alt)}.response-mode-toggle button{width:auto;padding:4px 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:600;line-height:1.2}.response-mode-toggle button.active{background:var(--accent);color:#fff}.response-raw{white-space:pre-wrap}.response-markdown>:first-child{margin-top:0}.response-markdown>:last-child{margin-bottom:0}.response-markdown h1,.response-markdown h2,.response-markdown h3,.response-markdown h4{margin:1.15em 0 .45em;color:var(--text);font-size:1rem;letter-spacing:0;line-height:1.3;text-transform:none}.response-markdown h1{font-size:1.2rem}.response-markdown h2{font-size:1.1rem}.response-markdown blockquote,.response-markdown ol,.response-markdown p,.response-markdown ul{margin:.7em 0}.response-markdown ol,.response-markdown ul{padding-left:1.4rem}.response-markdown a{color:var(--accent)}.response-markdown blockquote{padding-left:12px;border-left:3px solid var(--border);color:var(--muted)}.response-markdown code,.response-markdown pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.response-markdown :not(pre)>code{border:1px solid var(--border);border-radius:4px;padding:1px 4px;background:var(--bg);font-size:.88em}.response-markdown pre{overflow-x:auto;margin:.8em 0;border:1px solid var(--border);border-radius:6px;padding:10px 12px;background:var(--bg);white-space:pre}.response-markdown table{margin:.8em 0}.model-rate{font-size:.8rem;margin-top:8px}.receipt{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.receipt-heading h2{margin:0}.receipt-status{display:inline-flex;align-items:center;gap:6px;color:var(--good);font-size:.75rem;font-weight:600}.receipt-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.receipt-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.receipt-total{min-width:0;padding-right:18px}.receipt-total+.receipt-total{padding-right:0;padding-left:18px;border-left:1px solid var(--border)}.receipt-metric span,.receipt-reference>span,.receipt-total span{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.receipt-total strong{display:block;margin-top:2px;overflow-wrap:anywhere;font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.receipt-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.receipt-metric{min-width:0;padding:12px 10px;border-right:1px solid var(--border)}.receipt-metric:first-child{padding-left:0}.receipt-metric:last-child{padding-right:0;border-right:0}.receipt-metric small,.receipt-metric strong{display:block;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.receipt-metric strong{margin-top:3px;font-size:.9rem}.receipt-metric small{margin-top:1px;color:var(--muted);font-size:.7rem}.receipt-reference{display:flex;align-items:baseline;gap:8px;min-width:0;margin-top:10px}.receipt-reference code{min-width:0;overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.capacity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.capacity-heading h2{margin:0}.capacity-badges{display:flex;gap:6px}.status-pill{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--border))}.capacity-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);grid-gap:28px;gap:28px;align-items:center}.battery-group{min-width:0}.battery{position:relative;height:54px;margin-right:12px;border:2px solid var(--border);border-radius:7px;background:var(--panel-alt)}.battery:after{content:"";position:absolute;top:14px;right:-10px;width:8px;height:22px;border-radius:0 4px 4px 0;background:var(--border)}.battery-fill{position:absolute;inset:0 auto 0 0;min-width:3px;border-radius:4px;background:var(--good);transition:width .24s ease}.battery-percent{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--text);font-size:.9rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.battery-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:.8rem}.battery-caption strong{color:var(--text);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spendable-total{padding-left:28px;border-left:1px solid var(--border)}.capacity-detail span,.spendable-total span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.spendable-total strong{display:block;margin-top:2px;font-size:1.45rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.capacity-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;padding-top:14px;border-top:1px solid var(--border)}.capacity-detail{min-width:0;padding:0 14px;border-right:1px solid var(--border)}.capacity-detail:first-child{padding-left:0}.capacity-detail:last-child{padding-right:0;border-right:0}.capacity-detail strong{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error{color:var(--bad);border:1px solid var(--bad);border-radius:8px;padding:10px 12px;background:transparent}.notice{color:var(--warn)}.notice,table{font-size:.85rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.table-scroll{overflow-x:auto}.history-table{table-layout:fixed;min-width:720px}.history-table td,.history-table th{padding:11px 10px}.history-time{width:18%;white-space:nowrap}.history-product{width:13%}.history-content{width:26%}.history-consumption{width:17%;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.history-table tbody tr{transition:background-color .12s ease}.history-table tbody tr:hover{background:var(--panel-alt)}.history-table tbody tr:last-child td{border-bottom:0}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.history-entry>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.history-timestamp{display:flex;flex-direction:column;gap:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-timestamp span:last-child{color:var(--muted);font-size:.75rem}.product-tag{display:inline-block;max-width:100%;overflow:hidden;font-size:.78rem;line-height:1.25;text-overflow:ellipsis}.history-tokens,.product-tag{color:var(--muted);white-space:nowrap}.history-tokens{flex:0 0 auto;font-size:.75rem}.history-tokens,.history-zero{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-zero,.muted,.pill{color:var(--muted)}.pill{display:inline-block;font-size:.7rem;padding:1px 7px;border-radius:999px;border:1px solid var(--border)}@media (max-width:640px){.capacity-primary{grid-template-columns:1fr;gap:18px}.spendable-total{padding:14px 0 0;border-top:1px solid var(--border);border-left:0}.capacity-details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.capacity-detail,.capacity-detail:first-child,.capacity-detail:last-child{padding:0;border:0}.battery-caption{align-items:flex-start;flex-direction:column;gap:2px}.history-table td,.history-table th{padding:10px 6px}.history-entry{align-items:flex-start;flex-direction:column;gap:2px}.response{max-height:50vh}.receipt-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-metric:nth-child(2){padding-right:0;border-right:0}.receipt-metric:nth-child(3),.receipt-metric:nth-child(4){border-top:1px solid var(--border)}}