:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--surface:#16191e;--surface-2:#1f232a;--surface-3:#2a2f37;--text:#f2f4f7;--text-2:#9aa3af;--border:#2a2f37;--accent:#30d158;--accent-soft:#30d15829;--on-accent:#04210d;--danger:#ff453a;--danger-soft:#ff453a29;--warn:#ffd60a;--warn-soft:#ffd60a29;--info:#64d2ff;--info-soft:#64d2ff29;--radius:16px;--tabbar-h:58px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--surface:#fff;--surface-2:#f2f2f7;--surface-3:#e5e5ea;--text:#111318;--text-2:#6b7280;--border:#e3e3e8;--accent:#34c759;--accent-soft:#34c75924;--danger:#ff3b30;--danger-soft:#ff3b301a;--warn:#c48a00;--warn-soft:#ffcc0029;--info:#007aff;--info-soft:#007aff1a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{overscroll-behavior-y:none;min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;line-height:1.2}.app{max-width:560px;min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--tabbar-h) + var(--safe-bottom) + 24px);margin:0 auto}.app.no-tabbar{padding-bottom:calc(var(--safe-bottom) + 24px)}.page-header{justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 16px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:30px;font-weight:800}.page-header .sub{color:var(--text-2);margin-top:2px;font-size:15px}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin-bottom:12px;display:flex}.topbar .title{text-align:center;flex:1;font-size:17px;font-weight:700}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--text-2)}.small{font-size:14px}.tiny{font-size:12px}.bold{font-weight:700}.center{text-align:center}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:20px 4px 8px;font-size:13px;font-weight:600}.card{background:var(--surface);border-radius:var(--radius);padding:16px}.card.tight{padding:12px 14px}.card.accent{background:var(--accent-soft)}.card h2{font-size:20px;font-weight:700}.card h3{font-size:17px;font-weight:650}.list{background:var(--surface);border-radius:var(--radius);overflow:hidden}.list-row{text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:12px;width:100%;padding:13px 16px;display:flex}.list-row:last-child{border-bottom:0}button.list-row:active{background:var(--surface-2)}.chevron:after{content:"›";color:var(--text-2);font-size:22px;line-height:1}.btn{background:var(--surface-2);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-size:17px;font-weight:650;transition:transform 60ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;pointer-events:none}.btn.block{width:100%}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.danger{background:var(--danger);color:#fff}.btn.danger-soft{background:var(--danger-soft);color:var(--danger)}.btn.ghost{color:var(--accent);background:0 0}.btn.sm{border-radius:11px;min-height:38px;padding:0 14px;font-size:15px}.btn.icon{border-radius:12px;width:40px;min-height:40px;padding:0;font-size:20px}.link{color:var(--accent);background:0 0;border:0;padding:8px 4px;font-size:16px;font-weight:600}.link.danger{color:var(--danger)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);border-radius:999px;min-height:40px;padding:8px 14px;font-size:15px;font-weight:550}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.badge{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:12.5px;font-weight:650;display:inline-flex}.badge.green{background:var(--accent-soft);color:var(--accent)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.amber{background:var(--warn-soft);color:var(--warn)}.badge.blue{background:var(--info-soft);color:var(--info)}.seg{background:var(--surface-2);border-radius:11px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.seg button{white-space:nowrap;color:var(--text-2);background:0 0;border:0;border-radius:9px;padding:8px;font-size:15px;font-weight:600}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000040}.field{flex-direction:column;gap:6px;display:flex}.field>span:not(.field-error){color:var(--text-2);padding-left:4px;font-size:14px;font-weight:550}.input{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;outline:none;width:100%;min-height:50px;padding:12px 14px;font-size:17px}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:96px}.input.invalid{border-color:var(--danger)}.field-error{color:var(--danger);padding-left:4px;font-size:14px}.stepper{background:var(--surface-2);border-radius:14px;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;overflow:hidden}.stepper button{height:56px;color:var(--accent);background:0 0;border:0;font-size:26px;font-weight:500}.stepper button:active{background:var(--surface-3)}.stepper input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:24px;font-weight:700}.stepper-label{color:var(--text-2);text-align:center;margin-bottom:4px;font-size:13px;font-weight:550}.mini-stepper{background:var(--surface-2);border-radius:10px;grid-template-columns:30px 38px 30px;align-items:center;display:inline-grid}.mini-stepper button{height:36px;color:var(--accent);background:0 0;border:0;font-size:20px}.mini-stepper input{text-align:center;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:16px;font-weight:700}.tabbar{z-index:20;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.tabbar a.active{color:var(--accent)}.tabbar svg{width:26px;height:26px}.tabbar .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin:-18px 0 0 22px;position:absolute}.backdrop{z-index:40;background:#00000080;animation:.18s fade;position:fixed;inset:0}.sheet{z-index:41;max-width:560px;max-height:calc(100dvh - var(--safe-top) - 24px);overscroll-behavior:contain;background:var(--bg);padding:8px 16px calc(var(--safe-bottom) + 20px);border-radius:20px 20px 0 0;margin:0 auto;animation:.24s cubic-bezier(.2,.9,.3,1) slide-up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet .grabber{background:var(--surface-3);border-radius:3px;width:38px;height:5px;margin:0 auto 10px}.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.sheet-header h2{font-size:22px;font-weight:750}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.timer-bar{z-index:10;margin:calc(-12px - var(--safe-top)) -16px 12px;padding:calc(var(--safe-top) + 10px) 16px 12px;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:800}.progress{background:var(--surface-2);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .3s}.ex-card{text-align:left;background:var(--surface);border-radius:var(--radius);border:0;width:100%;padding:14px 16px 14px 18px;display:block;position:relative;overflow:hidden}.ex-card:before{content:"";background:var(--surface-3);width:5px;position:absolute;top:0;bottom:0;left:0}.ex-card.in_progress:before{background:var(--info)}.ex-card.done:before{background:var(--accent)}.ex-card.partial:before{background:var(--warn)}.ex-card.skipped:before{background:var(--danger)}.ex-card:active{background:var(--surface-2)}.ex-card .name{font-size:17px;font-weight:650}.ex-card .sets-line{color:var(--text-2);margin-top:4px;font-size:14px}.set-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.set-row:last-child{border-bottom:0}.set-row.editing{background:var(--info-soft)}.set-num{background:var(--surface-2);width:26px;height:26px;color:var(--text-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.set-value{font-variant-numeric:tabular-nums;flex:1;font-weight:600}.prev-box{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:14px}.reason{border-left:3px solid var(--danger);color:var(--text-2);padding:4px 0 4px 10px;font-size:14px}.reason.system{border-color:var(--warn)}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar .wd{text-align:center;color:var(--text-2);padding-bottom:4px;font-size:12px;font-weight:600}.calendar .day{aspect-ratio:1;background:var(--surface-2);font-variant-numeric:tabular-nums;border:0;border-radius:12px;place-items:center;width:100%;min-width:0;padding:0;font-size:15px;font-weight:600;display:grid;position:relative}.calendar .day.empty{background:0 0}.calendar .day.trained{background:var(--accent);color:var(--on-accent)}.calendar .day.today{box-shadow:inset 0 0 0 2px var(--text)}.calendar .day.trained.today{box-shadow:inset 0 0 0 2px var(--on-accent)}.calendar .day .marker{opacity:.8;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.calendar .day:disabled{color:var(--text-2);cursor:default}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--surface);text-align:center;border-radius:14px;padding:12px}.stat .v{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat .l{color:var(--text-2);font-size:12px;font-weight:600}.toast{left:16px;right:16px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);z-index:60;background:var(--text);max-width:528px;color:var(--bg);border-radius:14px;margin:0 auto;padding:12px 16px;font-size:15px;font-weight:600;animation:.2s fade;position:fixed;box-shadow:0 8px 30px #0000004d}.toast.error{background:var(--danger);color:#fff}.banner{border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.error{background:var(--danger-soft);color:var(--danger)}.banner.info{background:var(--info-soft);color:var(--info)}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-2);padding:32px 16px}.steps{gap:6px;margin:4px 0 16px;display:flex}.steps>div{background:var(--surface-3);border-radius:2px;flex:1;height:4px}.steps>div.on{background:var(--accent)}.check{border:2px solid var(--surface-3);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid}.check.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sticky-bottom{bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 8px);z-index:5;margin-top:16px;position:sticky}.no-tabbar .sticky-bottom{bottom:calc(var(--safe-bottom) + 8px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
