:root{--color-bg:#f4f3ef;--color-surface:#fff;--color-text:#1c1c1a;--color-muted:#6b6a64;--color-line:#dcdad2;--color-accent:#2f5d50;--color-accent-text:#fff;--color-accent-soft:#e2ece8;--color-warn-soft:#f6ecd6;--color-error:#a3321f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:10px;--radius-small:8px;--radius-pill:999px;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--text-small:13px;--text-body:14px;--text-base:16px;--text-lead:18px;--text-title:20px;--text-big:40px;--text-huge:72px;--control-height:48px;--control-height-primary:56px;--control-height-stepper:64px;--content-width:480px;--buncss-light:initial;--buncss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--color-bg:#151614;--color-surface:#1f211e;--color-text:#ecebe6;--color-muted:#9c9b94;--color-line:#34362f;--color-accent:#6fb39c;--color-accent-text:#0f1a16;--color-accent-soft:#24332d;--color-warn-soft:#3a3322;--color-error:#e8836f}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font:var(--text-base)/1.5 var(--font);margin:0}#app{max-width:var(--content-width);display:flex;flex-direction:column;min-height:100dvh;margin:0 auto}#app>*{display:flex;flex-direction:column;flex:1}.app-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-line)}.app-header h1{font-size:var(--text-lead);margin:0}.app-header nav a{color:var(--color-muted);text-decoration:none;margin-left:var(--space-3);font-size:var(--text-body)}.app-header nav a[aria-current=page]{color:var(--color-text);font-weight:600}.app-main{padding:var(--space-4);display:flex;gap:var(--space-4);flex-direction:column;flex:1}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-4)}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.eyebrow{font-size:var(--text-small);color:var(--color-muted);margin:0}h2{font-size:var(--text-title);margin:var(--space-1)0 var(--space-3)}.body-text{font-size:var(--text-body);margin:0 0 var(--space-4)}.muted{color:var(--color-muted)}.btn{display:flex;min-height:var(--control-height);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);font:600 var(--text-base)var(--font);text-decoration:none;cursor:pointer;justify-content:center;align-items: center;width:100%}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);min-height:var(--control-height-primary);font-size:var(--text-lead)}.btn-quiet{color:var(--color-muted);background:0 0;border:0;font-weight:500}.btn-row{display:flex;gap:var(--space-2)}.hint{background:var(--color-warn-soft);border-radius:var(--radius);padding:var(--space-3);font-size:var(--text-body);margin:0}.list{list-style:none;font-size:var(--text-body);margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-line)}.list li:last-child{border-bottom:0}.band{display:inline-block;background:var(--color-accent-soft);color:var(--color-text);border-radius:var(--radius-pill);font-size:var(--text-small);padding:2px 10px;font-weight:600}.error-banner{position:fixed;inset:auto var(--space-4)var(--space-4);max-width:var(--content-width);background:var(--color-surface);border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius);padding:var(--space-3);font-size:var(--text-body);margin:0 auto}.error-banner[hidden]{display:none}.btn-inline{padding:var(--space-1)var(--space-2);color:var(--color-muted);font:500 var(--text-body)var(--font);cursor:pointer;background:0 0;border:0}.btn-inline.danger{color:var(--color-error);font-weight:600}.list li.row-stacked{flex-wrap:wrap;align-items: center}.row-actions{display:flex;align-items: center;margin-left:auto}.row-confirm{display:flex;align-items: center;gap:var(--space-1);flex-wrap:wrap}.big{font-size:var(--text-big);font-variant-numeric:tabular-nums;margin:0 0 var(--space-3);font-weight:700;line-height:1.1}.huge{font-size:var(--text-huge);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-weight:700;line-height:1}.huge-left{text-align:left}.centered{text-align:center}.spacer{flex:1}.meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1)var(--space-3);font-size:var(--text-body);margin:0 0 var(--space-4)}.meta dt{color:var(--color-muted)}.meta dd{margin:0}.progress{--progress-gap:3px;--progress-height:6px;display:flex;gap:var(--progress-gap);margin-top:var(--space-2)}.progress span{height:var(--progress-height);border-radius:calc(var(--progress-height)/2);background:var(--color-line);flex:1}.progress span.done{background:var(--color-accent)}.progress span.next{background:var(--color-accent-soft);outline:1px solid var(--color-accent)}.confirm{display:flex;gap:var(--space-2);flex-direction:column}.stepper{display:grid;grid-template-columns:var(--control-height-stepper)1fr var(--control-height-stepper);align-items: center;gap:var(--space-3)}.stepper button{height:var(--control-height-stepper);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:28px}.tempo{background:var(--color-accent-soft);border-radius:var(--radius);padding:var(--space-3);text-align:center;margin:0;font-weight:600}.sets{display:flex;gap:var(--space-2)}.sets span{text-align:center;padding:var(--space-2)0;border-radius:var(--radius-small);border:1px solid var(--color-line);font-variant-numeric:tabular-nums;font-size:var(--text-body);flex:1}.sets span.done{background:var(--color-accent-soft);border-color:var(--color-accent)}.sets span.short{background:var(--color-warn-soft)}.sets span.current{outline:2px solid var(--color-accent)}details{font-size:var(--text-body)}summary{cursor:pointer;font-weight:600}.steps{margin:var(--space-2)0 0;padding-left:20px}.steps li+li{margin-top:var(--space-1)}.reps-input{height:var(--control-height-stepper);font:700 32px var(--font);text-align:center;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%}.sign-in{text-align:center;justify-content:center;align-items: center}.sign-in .card{width:100%}.gis-button{display:flex;min-height:var(--control-height);justify-content:center}.volume-chart{--volume-height:120px;--volume-gap:2px;--volume-bar-max:24px;--volume-label-space:20px;display:flex;align-items: flex-end;gap:var(--volume-gap);height:calc(var(--volume-height) + var(--volume-label-space));padding-top:var(--space-2);border-bottom:1px solid var(--color-line)}.volume-slot{height:var(--volume-height);display:flex;cursor:default;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items: center;padding:0}.volume-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.volume-bar{position:relative;display:block;max-width:var(--volume-bar-max);background:var(--color-accent);border-radius:4px 4px 0 0;width:100%}.volume-slot:hover .volume-bar{opacity:.75}.volume-slot:focus-visible .volume-bar{opacity:.75}.volume-label{position:absolute;font-size:var(--text-small);color:var(--color-text);font-variant-numeric:tabular-nums;margin-bottom:var(--space-1);bottom:100%;left:50%;transform:translate(-50%)}.volume-axis{display:flex;color:var(--color-muted);margin-top:var(--space-1);justify-content:space-between;font-size:12px}.volume-readout{margin:var(--space-2)0;min-height:1.5em}.volume-table{border-collapse:collapse;font-size:var(--text-body);font-variant-numeric:tabular-nums;margin-top:var(--space-2);width:100%}.volume-table th,.volume-table td{text-align:left;padding:var(--space-1)0;border-bottom:1px solid var(--color-line)}