:root{--radius: 14px;--tap: 48px}[data-theme=dark]{--bg: #0f1115;--bg-veil: rgba(15, 17, 21, .94);--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e7eaf0;--text-dim: #9aa3b2;--accent: #4c8dff;--accent-ink: #ffffff;--success: #3ecf8e;--warn: #ffb547;--danger: #ff6b6b;--series-4: #c084fc;--scrim: rgba(0, 0, 0, .6);--tint-t1: rgba(76, 141, 255, .16);--ink-t1: #8fb6ff;--tint-t2: rgba(62, 207, 142, .16);--ink-t2: #7fdfb4;--tint-t3: rgba(255, 181, 71, .16);--ink-t3: #ffcd80;--tint-ok: rgba(62, 207, 142, .18);--tint-miss: rgba(255, 107, 107, .18);--tint-warn: rgba(255, 181, 71, .12)}[data-theme=light]{--bg: #f5f6f8;--bg-veil: rgba(245, 246, 248, .94);--surface: #ffffff;--surface-2: #eef0f4;--border: #d7dae1;--text: #14161a;--text-dim: #5b6472;--accent: #2563eb;--accent-ink: #ffffff;--success: #0f7a4f;--warn: #a35c00;--danger: #c0362c;--series-4: #7c3aed;--scrim: rgba(20, 22, 26, .45);--tint-t1: rgba(37, 99, 235, .12);--ink-t1: #1d4ed8;--tint-t2: rgba(15, 122, 79, .12);--ink-t2: #0f7a4f;--tint-t3: rgba(163, 92, 0, .14);--ink-t3: #8a4d00;--tint-ok: rgba(15, 122, 79, .14);--tint-miss: rgba(192, 54, 44, .12);--tint-warn: rgba(163, 92, 0, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none}.app{display:flex;flex-direction:column;min-height:100%}.screen{flex:1;padding:16px 16px 24px;padding-top:calc(16px + env(safe-area-inset-top));max-width:720px;width:100%;margin:0 auto}.screen.with-tabs{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.screen.with-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bg-veil);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabbar button{flex:1;min-height:var(--tap);padding:10px 4px;background:none;border:0;color:var(--text-dim);font-size:12px;font-weight:600;letter-spacing:.02em}.tabbar button[aria-current=page]{color:var(--accent)}.sticky-footer{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg-veil);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10}.sticky-footer>*{max-width:720px;margin:0 auto}h1{font-size:26px;margin:0 0 4px;letter-spacing:-.02em}h2{font-size:18px;margin:24px 0 10px}h3{font-size:16px;margin:0}p{margin:0 0 12px}.lede{color:var(--text-dim);margin-bottom:20px}.dim{color:var(--text-dim)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.divider{height:1px;background:var(--border);margin:14px 0}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.badge.tier-T1{background:var(--tint-t1);color:var(--ink-t1)}.badge.tier-T2{background:var(--tint-t2);color:var(--ink-t2)}.badge.tier-T3{background:var(--tint-t3);color:var(--ink-t3)}.badge.ok{background:var(--tint-ok);color:var(--success)}.badge.miss{background:var(--tint-miss);color:var(--danger)}.badge.skip{background:var(--surface-2);color:var(--text-dim)}button{font:inherit;cursor:pointer}.btn{min-height:var(--tap);padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:600}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger)}.btn.ghost{background:none}.btn.block{display:block;width:100%}.btn.big{min-height:64px;font-size:18px}.btn.small{min-height:36px;padding:6px 12px;font-size:14px;border-radius:10px}.linkish{background:none;border:0;color:var(--accent);padding:8px 0;font-weight:600}label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:4px;font-weight:600}input[type=text],input[type=search],input[type=date],select,textarea{width:100%;min-height:var(--tap);padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:16px;font-family:inherit}input[type=date]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:76px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field{margin-bottom:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stepper{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-2)}.stepper button{width:var(--tap);flex:0 0 var(--tap);border:0;background:none;color:var(--text);font-size:22px;line-height:1}.stepper button:active{background:var(--border)}.stepper input{flex:1;min-width:0;width:100%;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0;background:none;text-align:center;font-size:16px;font-variant-numeric:tabular-nums;color:var(--text);min-height:var(--tap);padding:0 4px}.stepper input:focus{outline:2px solid var(--accent);outline-offset:-2px}.actions{gap:6px;margin-top:12px}.actions>*{flex:1;min-width:92px;text-align:center}.actions a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text)}.explainer-table{width:100%;border-collapse:collapse}.explainer-table td{padding:6px 0;vertical-align:middle}.explainer-table td:first-child{width:44px}.chips{gap:6px;margin-top:8px}.chips .btn{flex:1;min-width:46px;padding:6px 4px}.tier-badge{border:0;font:inherit;font-size:12px;font-weight:700;line-height:inherit}.tier-q{margin-left:3px;font-size:9px;vertical-align:super;opacity:.75}.helptip{flex:0 0 auto;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:700;line-height:1}.helptip:active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.label-row label{margin-bottom:0}.help-body p{color:var(--text-dim);font-size:14px}.help-body dt{font-weight:700;color:var(--text);font-size:14px;margin-top:12px}.help-body dd{margin:4px 0 0;color:var(--text-dim);font-size:14px}.help-body .mono{color:var(--text)}.segmented{display:flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.segmented button{flex:1;min-height:44px;border:0;border-radius:9px;background:none;color:var(--text-dim);font-size:14px;font-weight:600}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.structure-slot{padding:8px 0}.structure-slot+.structure-slot{border-top:1px solid var(--border)}.ratio-track{position:relative;height:12px;margin-top:6px;border-radius:6px;background:var(--surface-2);overflow:hidden}.ratio-fill{height:100%;border-radius:6px;background:var(--accent)}.ratio-fill.tier-T1{background:var(--ink-t1)}.ratio-fill.tier-T2{background:var(--ink-t2)}.ratio-fill.tier-T3{background:var(--ink-t3)}.ratio-target{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.65}.chart{margin:0 0 16px}.chart figcaption{margin-bottom:6px;font-weight:600}.chart svg{width:100%;height:auto;display:block;overflow:visible}.cycle-divider{display:flex;align-items:center;gap:10px;margin:20px 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.cycle-divider:after{content:"";flex:1;height:1px;background:var(--border)}.chart-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;list-style:none}.chart-legend li{display:flex;align-items:center;gap:6px}.chart-swatch{width:10px;height:10px;border-radius:2px;flex:none}.superset{border-color:var(--accent)}.superset-head+.superset-head{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.superset-round+.superset-round{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.round-label{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.superset-name{margin-top:6px;font-size:12px}.warmup{border:1px solid var(--border);border-radius:10px;margin:12px 0;overflow:hidden}.warmup-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:8px 12px;background:var(--surface-2);border:0;color:var(--text-dim);font-size:13px;font-weight:700}.warmup-body{padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px}.setrow{display:grid;grid-template-columns:22px 1fr 132px;align-items:center;gap:8px;padding:7px 0}.setrow .stepper button{width:40px;flex:0 0 40px;font-size:20px}.setrow .stepper input{font-size:17px;font-weight:600}.setrow+.setrow{border-top:1px solid var(--border)}.setrow .idx{color:var(--text-dim);font-size:13px;font-weight:700}.setrow .target{color:var(--text-dim);font-size:14px}.setrow.done .target{color:var(--success)}.setrow.missed .target{color:var(--danger)}.tick{min-height:var(--tap);min-width:var(--tap);border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:18px}.tick.on{background:var(--tint-ok);border-color:var(--success);color:var(--success)}@media (max-width: 359px){.tick{min-height:40px;min-width:40px}}.picker-list{max-height:52vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px}.picker-group{padding:6px 12px;background:var(--surface-2);font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}.picker-item{display:block;width:100%;text-align:left;min-height:var(--tap);padding:10px 12px;background:none;border:0;border-top:1px solid var(--border);color:var(--text)}.picker-item.selected{color:var(--accent);font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal:focus{outline:none}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:720px;max-height:88vh;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.note{position:relative;background:var(--surface-2);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px 10px 38px;color:var(--text-dim);font-size:14px;margin-bottom:14px}.note:before{content:"ℹ︎";position:absolute;left:12px;top:9px;font-size:16px;line-height:1.25;color:var(--accent)}.note.warn{border-left-color:var(--warn);background:var(--tint-warn);color:var(--text)}.note.warn:before{content:"⚠︎";color:var(--warn);font-weight:700}.empty{text-align:center;color:var(--text-dim);padding:40px 16px}.steps{display:flex;gap:6px;margin-bottom:18px}.steps span{flex:1;height:4px;border-radius:2px;background:var(--border)}.steps span.on{background:var(--accent)}a{color:var(--accent)}