:root{--c-primary:#0e8074;--c-primary-strong:#0a635a;--c-primary-soft:#d9efec;--c-petrol:#0d3b3e;--c-petrol-2:#12494d;--c-bg:#f4f7f7;--c-surface:#fff;--c-surface-2:#eef3f3;--c-text:#16302f;--c-text-2:#5a6f6e;--c-text-3:#8aa09e;--c-border:#dde7e6;--c-success:#1d9e63;--c-success-soft:#ddf3e8;--c-warning:#d97a1f;--c-warning-soft:#fbeedd;--c-danger:#cf3f3f;--c-danger-soft:#fae3e3;--c-focus:#0e8074;--radius-s:10px;--radius-m:16px;--radius-l:22px;--shadow-1:0 1px 3px #0d3b3e12, 0 4px 14px #0d3b3e0f;--shadow-2:0 4px 10px #0d3b3e1a, 0 12px 32px #0d3b3e1f;--font:"Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--text-scale:1;--nav-h:62px;--icon-nav:22px;--icon-btn:20px;--icon-empty:48px;--control-h:46px;--control-h-sm:40px;--touch-min:44px;--card-pad:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--c-primary:#2cc4b4;--c-primary-strong:#43d6c7;--c-primary-soft:#103d3a;--c-petrol:#0a2b2e;--c-petrol-2:#0e3a3e;--c-bg:#0c1a1b;--c-surface:#122425;--c-surface-2:#183031;--c-text:#e4efee;--c-text-2:#9db4b2;--c-text-3:#6d8987;--c-border:#22403f;--c-success:#35c081;--c-success-soft:#123527;--c-warning:#e79b4e;--c-warning-soft:#3a2a14;--c-danger:#e06a6a;--c-danger-soft:#3d1a1a;--shadow-1:0 1px 3px #0006, 0 4px 14px #0000004d;--shadow-2:0 4px 10px #00000073, 0 12px 32px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:calc(16px * var(--text-scale));background:var(--c-bg);color:var(--c-text);overscroll-behavior-y:none;line-height:1.45}#root{min-height:100dvh}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:1.55em}h2{font-size:1.25em}h3{font-size:1.05em}p{margin:0}button{font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit}a{color:var(--c-primary)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:4px}.vt-icon{vertical-align:middle;flex-shrink:0;display:inline-block}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{transition-duration:1ms!important;animation-duration:1ms!important}@media (prefers-reduced-motion:reduce){.vt-anim-auto *{animation-duration:1ms!important}}.vt-shell{min-height:100dvh;display:flex}.vt-main{width:100%;max-width:680px;padding:16px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}@media (width>=1024px){.vt-main{max-width:860px;padding:28px 32px 48px}}.vt-bottomnav{height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--c-surface);border-top:1px solid var(--c-border);z-index:60;display:flex;position:fixed;bottom:0;left:0;right:0}.vt-bottomnav a{color:var(--c-text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:.68em;font-weight:600;text-decoration:none;display:flex}.vt-bottomnav a.active{color:var(--c-primary)}.vt-bottomnav svg{width:var(--icon-nav);height:var(--icon-nav)}@media (width>=1024px){.vt-bottomnav{display:none}}.vt-sidebar{background:var(--c-petrol);color:#e6f2f1;flex-direction:column;flex-shrink:0;gap:4px;width:240px;height:100dvh;padding:22px 14px;display:none;position:sticky;top:0}@media (width>=1024px){.vt-sidebar{display:flex}}.vt-sidebar .brand{letter-spacing:.04em;color:#fff;padding:6px 12px 20px;font-size:1.3em;font-weight:800}.vt-sidebar .brand span{color:#2cc4b4}.vt-sidebar a{border-radius:var(--radius-s);color:#b8d2d0;align-items:center;gap:12px;padding:11px 12px;font-size:.95em;font-weight:600;text-decoration:none;display:flex}.vt-sidebar a:hover{color:#fff;background:#ffffff12}.vt-sidebar a.active{color:#4fe0d0;background:#2cc4b429}.vt-sidebar svg{width:var(--icon-nav);height:var(--icon-nav)}.vt-sidebar .spacer{flex:1}.vt-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:var(--card-pad)}@media (width>=1024px){:root{--card-pad:20px}}.vt-card+.vt-card{margin-top:14px}.vt-card-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vt-card-title h2{font-size:1.02em}.vt-card-title a,.vt-card-title button.link{font-size:.85em;font-weight:700}.vt-btn{cursor:pointer;border-radius:var(--radius-s);border:none;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px 20px;font-size:.97em;font-weight:700;text-decoration:none;transition:filter .12s,transform 60ms;display:inline-flex}.vt-btn:active{transform:scale(.98)}.vt-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.vt-btn.primary{background:var(--c-primary);color:#fff}.vt-btn.primary:hover:not(:disabled){filter:brightness(1.07)}.vt-btn.secondary{background:var(--c-primary-soft);color:var(--c-primary-strong)}.vt-btn.ghost{color:var(--c-text-2);border:1.5px solid var(--c-border);background:0 0}.vt-btn.danger{background:var(--c-danger-soft);color:var(--c-danger)}.vt-btn.small{min-height:var(--control-h-sm);border-radius:9px;padding:8px 14px;font-size:.87em}@media (pointer:coarse){.vt-btn.small{min-height:var(--touch-min)}}.vt-btn.icon-only{min-width:var(--touch-min);min-height:var(--touch-min);padding:10px}.vt-btn.block{width:100%}button.link{color:var(--c-primary);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.9em;font-weight:700}.vt-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.vt-field label{color:var(--c-text-2);font-size:.86em;font-weight:700}.vt-field .hint{color:var(--c-text-3);font-size:.8em}.vt-input,.vt-select,.vt-textarea{border:1.5px solid var(--c-border);border-radius:var(--radius-s);background:var(--c-surface);width:100%;color:var(--c-text);min-height:46px;padding:12px 14px;font-size:1em}.vt-input:focus,.vt-select:focus,.vt-textarea:focus{border-color:var(--c-primary);outline:none}.vt-field.error .vt-input{border-color:var(--c-danger)}.vt-field .error-msg{color:var(--c-danger);font-size:.82em;font-weight:600}.vt-chips{flex-wrap:wrap;gap:8px;display:flex}.vt-chip{border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text-2);cursor:pointer;border-radius:999px;min-height:40px;padding:9px 16px;font-size:.9em;font-weight:600;transition:all .12s}.vt-chip.selected{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.vt-chip.small{min-height:30px;padding:5px 12px;font-size:.8em}.vt-tag{background:var(--c-surface-2);color:var(--c-text-2);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75em;font-weight:700;display:inline-flex}.vt-tag.primary{background:var(--c-primary-soft);color:var(--c-primary-strong)}.vt-tag.success{background:var(--c-success-soft);color:var(--c-success)}.vt-tag.warning{background:var(--c-warning-soft);color:var(--c-warning)}.vt-tag.danger{background:var(--c-danger-soft);color:var(--c-danger)}.vt-progress{background:var(--c-surface-2);border-radius:999px;height:8px;overflow:hidden}.vt-progress>div{background:var(--c-primary);border-radius:999px;height:100%;transition:width .4s}.vt-modal-backdrop{z-index:90;background:#0a1e1f8c;justify-content:center;align-items:flex-end;animation:.18s vtFade;display:flex;position:fixed;inset:0}.vt-modal{background:var(--c-surface);border-radius:var(--radius-l) var(--radius-l) 0 0;width:100%;max-width:560px;max-height:88dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));animation:.22s vtSlideUp;overflow-y:auto}@media (width>=700px){.vt-modal-backdrop{align-items:center;padding:24px}.vt-modal{border-radius:var(--radius-l)}}.vt-modal-handle{background:var(--c-border);border-radius:999px;width:42px;height:4px;margin:0 auto 14px}@keyframes vtFade{0%{opacity:0}}@keyframes vtSlideUp{0%{opacity:.6;transform:translateY(30px)}}.vt-skeleton{background:linear-gradient(100deg, var(--c-surface-2) 40%, var(--c-border) 50%, var(--c-surface-2) 60%);background-size:200% 100%;border-radius:8px;animation:1.3s linear infinite vtShimmer}@keyframes vtShimmer{to{background-position:-200% 0}}.vt-toasts{bottom:calc(var(--nav-h) + 14px + env(safe-area-inset-bottom,0px));z-index:120;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width>=1024px){.vt-toasts{bottom:24px}}.vt-toast{background:var(--c-petrol);color:#eafffd;border-radius:var(--radius-s);box-shadow:var(--shadow-2);justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:.92em;font-weight:600;animation:.2s vtSlideUp;display:flex}.vt-toast.success{background:var(--c-success);color:#fff}.vt-toast.error{background:var(--c-danger);color:#fff}.vt-empty{text-align:center;color:var(--c-text-2);flex-direction:column;align-items:center;gap:12px;padding:34px 20px;display:flex}.vt-empty svg{width:var(--icon-empty);height:var(--icon-empty);color:var(--c-text-3)}.vt-list-item{border-bottom:1px solid var(--c-border);align-items:center;gap:12px;min-height:52px;padding:13px 4px;display:flex}.vt-list-item:last-child{border-bottom:none}.vt-page-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.vt-page-head .back-btn{background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer;width:40px;height:40px;color:var(--c-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vt-page-head h1{flex:1;font-size:1.3em}.vt-timer-ring{transform:rotate(-90deg)}.vt-timer-ring circle{fill:none;stroke-width:7px}.vt-timer-ring .track{stroke:var(--c-surface-2)}.vt-timer-ring .bar{stroke:var(--c-primary);stroke-linecap:round;transition:stroke-dashoffset .5s linear}.vt-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vt-row{align-items:center;gap:10px;display:flex}.vt-row.between{justify-content:space-between}.vt-row.wrap{flex-wrap:wrap}.vt-col{flex-direction:column;gap:4px;display:flex}.vt-muted{color:var(--c-text-2);font-size:.88em}.vt-small{color:var(--c-text-3);font-size:.8em}.vt-stat{text-align:center}.vt-stat .value{color:var(--c-text);font-size:1.35em;font-weight:800}.vt-stat .label{color:var(--c-text-2);font-size:.75em;font-weight:600}.vt-switch{flex-shrink:0;width:46px;height:27px;position:relative}.vt-switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.vt-switch .track{background:var(--c-border);border-radius:999px;transition:background .15s;position:absolute;inset:0}.vt-switch .thumb{background:#fff;border-radius:50%;width:21px;height:21px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.vt-switch input:checked~.track{background:var(--c-primary)}.vt-switch input:checked~.thumb{left:22px}.vt-week{gap:6px;display:flex}.vt-week .day{text-align:center;background:var(--c-surface-2);color:var(--c-text-3);border:1.5px solid #0000;border-radius:12px;flex:1;padding:8px 2px;font-size:.72em;font-weight:700}.vt-week .day .dot{background:var(--c-border);border-radius:50%;width:8px;height:8px;margin:4px auto 0}.vt-week .day.planned .dot{background:var(--c-primary);opacity:.4}.vt-week .day.done{background:var(--c-success-soft);color:var(--c-success)}.vt-week .day.done .dot{background:var(--c-success)}.vt-week .day.missed .dot{background:var(--c-warning)}.vt-week .day.today{border-color:var(--c-primary);color:var(--c-primary)}.vt-chart{width:100%;overflow:hidden}.vt-ob-shell{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding:24px 18px 40px;display:flex}.vt-ob-progress{gap:5px;margin:14px 0 22px;display:flex}.vt-ob-progress div{background:var(--c-surface-2);border-radius:99px;flex:1;height:4px}.vt-ob-progress div.done{background:var(--c-primary)}.vt-ob-actions{gap:10px;margin-top:auto;padding-top:22px;display:flex}.vt-player{border-radius:var(--radius-m);aspect-ratio:4/3;background:linear-gradient(160deg,#dfeceb 0%,#c8dcda 100%);width:100%;max-height:340px;position:relative;overflow:hidden}[data-theme=dark] .vt-player{background:linear-gradient(160deg,#14282a 0%,#0e1e20 100%)}.vt-player canvas{display:block;width:100%!important;height:100%!important}@media (width>=1024px){.vt-player{aspect-ratio:16/9;max-height:400px}}.vt-player .controls{z-index:5;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.vt-player .ctrl-btn{width:var(--touch-min);height:var(--touch-min);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d3b3eb8;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.vt-player .ctrl-btn:hover{background:#0d3b3ee0}.vt-player .play-overlay{z-index:4;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.vt-player .play-overlay .disc{color:#fff;width:60px;height:60px;box-shadow:var(--shadow-2);background:#0d3b3ec7;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s;display:flex}.vt-player .play-overlay:hover .disc{transform:scale(1.06)}.vt-player .fallback{color:var(--c-text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex;position:absolute;inset:0}.vt-workout-actions{z-index:70;background:var(--c-surface);border-top:1px solid var(--c-border);padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));align-items:center;gap:8px;max-width:680px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.vt-workout-actions .vt-btn{min-height:var(--control-h-sm);padding:8px 14px}.vt-workout-actions .vt-btn.primary{min-height:var(--control-h)}@media (width>=1024px){.vt-workout-actions{max-width:860px;left:240px}}.vt-compare{border-radius:var(--radius-m);aspect-ratio:3/4;position:relative;overflow:hidden}.vt-compare img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vt-fade-in{animation:.25s vtFadeIn}@keyframes vtFadeIn{0%{opacity:0;transform:translateY(6px)}}