:root{color-scheme:light;--ink:#29343a;--muted:#626e73;--line:#dce1e2;--green:#256e60;--rose:#b2607c;--surface:#f7f8f8}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;background:var(--surface);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:21px;font-weight:650}h2{font-size:18px}h3{font-size:15px}
.usage-shell{max-width:860px;margin:auto;padding:env(safe-area-inset-top) 24px calc(32px + env(safe-area-inset-bottom))}
header{height:80px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:14px;border-bottom:1px solid var(--line)}
.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent;border-radius:6px;background:transparent;text-decoration:none}
.icon-button:hover{background:#e9eded}.icon-button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}.icon-button img{width:20px;height:20px}
section{padding:26px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.compact{margin-top:24px;margin-bottom:4px}
.badge{color:var(--green);font-size:12px;font-weight:600}.muted,.scope{color:var(--muted);font-size:13px}.scope{margin-top:6px}.estimate-windows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.estimate-window{min-width:0;padding:16px;border:1px solid var(--line);background:#fff;border-radius:8px}.estimate-window h3{font-weight:500}.remaining{display:block;font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums;margin:12px 0 8px;min-height:39px;overflow-wrap:anywhere}
.estimate-state{min-height:42px;font-size:12px;color:var(--muted)}.estimate-window progress{display:block;width:100%;height:6px;accent-color:var(--green);margin:14px 0}.estimate-window:last-child progress{accent-color:var(--rose)}.estimate-meta{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.segmented{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.segmented button{min-width:58px;min-height:34px;border:0;background:transparent;font-size:13px}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}
.token-total{display:block;font-size:34px;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere;margin:4px 0 8px}.token-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.token-breakdown div{border-left:3px solid var(--swatch);padding-left:10px;min-width:0}.token-breakdown span{display:block;color:var(--muted);font-size:12px}.token-breakdown strong{font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.quality{font-size:13px;color:#90552a;margin-top:14px}.daily-row{padding:15px 0;border-bottom:1px solid var(--line)}.daily-row:last-child{border:0}.day-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline;font-variant-numeric:tabular-nums}.day-heading strong{font-size:17px}.day-tokens{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.day-bar{display:flex;height:5px;width:100%;background:#e5e8e9;margin-top:10px;overflow:hidden}.day-bar span{min-width:0}
.calibration-link{display:inline-block;color:var(--green);font-size:13px;margin-top:14px;text-underline-offset:3px}
.estimate-window:first-child{grid-column:1/-1;border-color:var(--green)}.estimate-window:first-child .remaining{font-size:40px}.history-details{margin-top:20px}.activity-details{padding:20px 0}.activity-details>summary{font-size:16px}.estimate-window progress[hidden]{display:none}.estimate-state{min-height:0;margin-bottom:8px}
.notice{padding:12px 0;border-bottom:1px solid var(--line);color:#963e43;overflow-wrap:anywhere}.empty{padding:16px 0;color:var(--muted);font-size:14px}
.registration-receipt{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:8px;font-size:13px;overflow-wrap:anywhere}.registration-receipt>strong{display:block}.registration-result{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
details{margin-bottom:18px}summary{cursor:pointer;padding:8px 0;font-weight:500}form{margin-top:12px}fieldset{border:0;padding:0;margin:0;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:6px;font-size:13px;min-width:0}input,select{width:100%;min-width:0;max-width:100%;height:42px;padding:8px 10px;border:1px solid #bcc6c9;border-radius:6px;background:#fff;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #d9eae4}input[type=datetime-local]{font-size:13px}.check{display:flex;align-items:flex-start;gap:9px;margin:16px 0}.check input{width:18px;height:18px;flex-shrink:0;margin:2px 0;accent-color:var(--green)}.primary{border:0;border-radius:6px;background:var(--green);color:#fff;padding:10px 16px;min-height:42px}.observation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.observation-row small{display:block;color:var(--muted)}.observation-history{margin-top:22px}.observation-row button{color:#963e43}
@media(max-width:540px){.usage-shell{padding-left:18px;padding-right:18px}header{height:70px}.estimate-windows{gap:10px}.estimate-window{padding:12px}.remaining{font-size:28px}.token-total{font-size:29px}.token-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:minmax(0,1fr)}.day-heading strong{font-size:15px}.estimate-meta{font-size:11px}}