:root{color-scheme:light dark;--bg:#f6f7f3;--card:#fff;--ink:#19332e;--muted:#63756e;--line:#dce3dc;--accent:#196c59;--soft:#e8f1e9;--danger:#b33037}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,nav,main,footer,#status{max-width:1080px;margin:auto;padding:20px 24px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:22px;color:var(--ink);text-decoration:none}.badge,.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}header button{margin-left:auto}nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:0}nav button{white-space:nowrap}nav button.active{background:var(--ink);color:var(--bg)}h1{font-size:38px;line-height:1.15;letter-spacing:-.04em;margin:8px 0 20px}h2{font-size:22px;letter-spacing:-.02em}h3{margin:0 0 5px;font-size:17px}p{margin:8px 0;color:var(--muted)}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--card);color:var(--ink)}button{cursor:pointer;min-height:44px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:white;border-color:var(--accent)}label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:14px}input,select,textarea{width:100%;min-width:0}input[type=checkbox]{width:22px;height:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:14px}.grid .card{margin:0}.hero{background:var(--soft)}.stat{font-size:44px;font-weight:650;letter-spacing:-.04em}.row{display:flex;gap:18px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.row:last-child{border:0}.row>div:first-child{flex:1;min-width:0}.row p{font-size:14px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px}.muted,small{color:var(--muted)}.danger{color:var(--danger)}progress{width:100%;height:10px;accent-color:var(--accent)}progress.overdue{accent-color:var(--danger)}.welcome{max-width:500px;margin:7vh auto}.welcome h1{font-size:50px}.welcome form{margin-top:35px}.welcome button{width:100%}#status{padding-top:8px;padding-bottom:0;font-size:14px;color:var(--danger)}footer{font-size:12px;color:var(--muted);padding-bottom:40px}dialog{width:min(540px,94vw);border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:26px;max-height:90vh;overflow:auto}dialog::backdrop{background:#10231e88}.empty{padding:36px;text-align:center;border:1px dashed var(--line);border-radius:18px}.queue{font-size:13px}.queue strong{color:var(--accent)}a{color:var(--accent)}[hidden]{display:none!important}@media(max-width:650px){header,nav,main,footer,#status{padding-left:18px;padding-right:18px}.badge{display:none}.grid{grid-template-columns:1fr}h1{font-size:32px}.card{padding:18px}.row{align-items:flex-start;flex-wrap:wrap}.row .actions{width:100%}nav{gap:6px}nav button{padding:9px 12px}.stat{font-size:38px}}@media(prefers-color-scheme:dark){:root{--bg:#121c1a;--card:#1c2a26;--ink:#e5f1e9;--muted:#a5b9af;--line:#34473d;--accent:#91d2b3;--soft:#263f33;--danger:#ff999e}.primary{background:#91d2b3;color:#13291f}.hero{background:#263f33}}
.chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.chart-heading h2{margin:0}.chart-unit{font-size:12px;color:var(--muted)}.chart-ranges{display:flex;gap:6px;margin:16px 0}.chart-ranges button{flex:1;padding:8px;font-size:14px}.chart-ranges [aria-pressed=true]{background:var(--ink);color:var(--bg)}.chart-readout{display:flex;flex-direction:column;min-height:62px;font-variant-numeric:tabular-nums}.chart-readout strong{font-size:24px}.chart-readout span{font-size:13px;color:var(--muted)}.level-chart{display:block;width:100%;height:auto;touch-action:pan-y;user-select:none;overflow:visible}.level-chart text{font:11px -apple-system,BlinkMacSystemFont,sans-serif;fill:var(--muted)}.chart-grid{stroke:var(--line);stroke-width:1}.chart-area{fill:var(--accent);opacity:.1}.chart-curve,.chart-low{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.chart-low{stroke:var(--danger)}.chart-threshold{stroke:var(--danger);stroke-width:1;stroke-dasharray:4 4}.chart-shot{fill:var(--accent);stroke:var(--card)}.chart-now{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 3}.chart-now-badge{fill:var(--ink)}.level-chart .chart-now-text{fill:var(--bg);font-weight:700}.chart-cursor{stroke:var(--muted);stroke-width:1;opacity:.6}.chart-dot{fill:var(--accent);stroke:var(--card);stroke-width:2}.chart-slider-label{font-size:12px;margin:8px 0}.chart-slider{padding:0;min-height:44px;accent-color:var(--accent)}.chart-help,.chart-threshold-note{font-size:12px}.chart-threshold-note{color:var(--danger)}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}footer{overflow-wrap:anywhere;padding-bottom:max(40px,env(safe-area-inset-bottom))}@media(max-width:430px){header,nav,main,footer,#status{padding-left:16px;padding-right:16px}.zepbound-chart{padding:14px}.chart-heading h2{font-size:20px}input,select,textarea{font-size:16px}.actions>button{flex-grow:1}dialog{padding:18px}.level-chart{min-height:210px}}
