:root{--color-bg: #f7f6f3;--color-surface: #ffffff;--color-surface2: #f1f0ec;--color-border: rgba(0,0,0,.1);--color-border-strong: rgba(0,0,0,.2);--color-text: #1a1917;--color-text-muted: #6b6a65;--color-text-faint: #9e9d98;--color-accent: #185FA5;--color-accent-light: #E6F1FB;--color-accent-text: #0C447C;--color-green: #3B6D11;--color-green-light: #EAF3DE;--color-green-text: #27500A;--color-amber: #854F0B;--color-amber-light: #FAEEDA;--color-amber-text: #633806;--color-red: #A32D2D;--color-red-light: #FCEBEB;--color-red-text: #791F1F;--color-purple: #534AB7;--color-purple-light: #EEEDFE;--color-purple-text: #3C3489;--color-coral: #993C1D;--color-coral-light: #FAECE7;--color-coral-text: #712B13;--color-teal: #0F6E56;--color-teal-light: #E1F5EE;--color-teal-text: #085041;--color-electric: #FFD23F;--color-violet: #7C6FF0;--grad-hero: linear-gradient(135deg, #185FA5 0%, #3A3D9E 55%, #6B4FB8 100%);--shadow-card: 0 1px 3px rgba(0,0,0,.28), 0 6px 18px rgba(0,0,0,.18);--shadow-card-hover: 0 2px 6px rgba(0,0,0,.3), 0 12px 28px rgba(0,0,0,.24);--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--zone-z1-bg: linear-gradient(135deg, #0E7C5E, #16B98E);--zone-z1-fg: #ffffff;--zone-z2-bg: linear-gradient(135deg, #1A66B3, #3E5FD0);--zone-z2-fg: #ffffff;--zone-z3-bg: linear-gradient(135deg, #5E4FCC, #9171F2);--zone-z3-fg: #ffffff;--zone-z4-bg: linear-gradient(135deg, #F0A81E, #FFD23F);--zone-z4-fg: #241f0e;--zone-z5-bg: linear-gradient(135deg, #C8392A, #FF6F4D);--zone-z5-fg: #ffffff;--zone-strength-bg: linear-gradient(135deg, #3A4252, #5A6478);--zone-strength-fg: #ffffff;--radius: 10px;--radius-sm: 6px;--widget-unit: 100px}:root{color-scheme:dark;--color-bg: #1a1917;--color-surface: #242320;--color-surface2: #2c2c29;--color-border: rgba(255,255,255,.1);--color-border-strong: rgba(255,255,255,.2);--color-text: #f0efea;--color-text-muted: #a8a79f;--color-text-faint: #6b6a65;--color-accent-light: #0C447C;--color-accent-text: #B5D4F4;--color-green-light: #27500A;--color-green-text: #C0DD97;--color-amber-light: #633806;--color-amber-text: #FAC775;--color-red-light: #791F1F;--color-red-text: #F7C1C1;--color-purple-light: #3C3489;--color-purple-text: #CECBF6;--color-coral-light: #712B13;--color-coral-text: #F5C4B3;--color-teal-light: #085041;--color-teal-text: #9FE1CB}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg);-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;min-height:100dvh}#root{overflow-x:hidden}img,svg,video,canvas{max-width:100%}.app-shell{max-width:900px;margin:0 auto;padding-top:max(2rem,calc(env(safe-area-inset-top) + .5rem));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:max(1.5rem,env(safe-area-inset-left))}@media (min-width: 1000px){.app-shell{max-width:1120px}}.ov-cols{display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch;margin-bottom:1rem}.ov-cols>.card{margin-bottom:0}@media (min-width: 760px){.ov-cols{grid-template-columns:1fr 1fr}}.wgt-1{min-height:var(--widget-unit)}.wgt-2{min-height:calc(var(--widget-unit) * 2)}.wgt-3{min-height:calc(var(--widget-unit) * 3)}.hero{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--grad-hero);border-radius:var(--radius);padding:1.5rem 1.6rem;margin-bottom:1.5rem;box-shadow:var(--shadow-card);color:#fff}.hero:after{content:"";position:absolute;top:-50px;right:-30px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,210,63,.28),transparent 70%);pointer-events:none}.hero>*{position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:-.025em;line-height:1.08;color:#fff}.hero-sub{font-size:13px;color:#ffffffd1;margin-top:5px}.hero-streak{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:4px 11px;border-radius:20px;background:#00000038;font-size:12px;font-weight:600;color:#fff}.hero-side{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}.hero-countdown{text-align:right;padding:9px 15px;border-radius:var(--radius-sm);background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.hero-countdown .num{font-family:var(--font-display);font-size:1.7rem;font-weight:700;line-height:1;color:var(--color-electric)}.hero-countdown .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#ffffffc7;margin-top:2px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:var(--radius-sm);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:background .15s}.hero-btn:hover{background:#ffffff38}@media (max-width: 600px){.app-shell{padding-top:max(1.25rem,calc(env(safe-area-inset-top) + .5rem));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.hero{flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:1.25rem;gap:.85rem}.hero-title{font-size:1.4rem;word-break:break-word}.hero-side{width:100%;align-items:center;justify-content:space-between}.hero-countdown{display:flex;align-items:baseline;gap:7px;text-align:left}.hero-countdown .num{font-size:1.35rem}.hero-countdown .lbl{margin-top:0}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;padding:8px 13px}.card{padding:1rem 1.1rem}.stat-card .val{font-size:1.45rem}.field input,.field select,.field textarea{font-size:16px}}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-card);transition:transform .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card h2{font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem}.field{margin-bottom:1rem}.field label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:.5px solid var(--color-border-strong);background:var(--color-surface2);color:var(--color-text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #185fa52e}.field .hint{font-size:12px;color:var(--color-text-faint);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.btn:hover{background:var(--color-surface2);transform:translateY(-1px);box-shadow:var(--shadow-card)}.btn:active{transform:translateY(0);box-shadow:none}.btn-primary{background:var(--grad-hero);border-color:transparent;color:#fff}.btn-primary:hover{opacity:.92}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger{color:var(--color-red);border-color:var(--color-red)}.btn-danger:hover{background:var(--color-red-light)}.tabs{position:relative;display:flex;gap:4px;background:var(--color-surface2);border-radius:var(--radius-sm);padding:4px;margin-bottom:1.5rem;flex-wrap:wrap}.tab-indicator{position:absolute;left:0;top:0;border-radius:5px;background:var(--grad-hero);box-shadow:0 2px 10px #185fa573;z-index:0;pointer-events:none}.tab-indicator--animated{transition:transform .32s cubic-bezier(.22,.61,.36,1),width .32s cubic-bezier(.22,.61,.36,1),height .32s cubic-bezier(.22,.61,.36,1),opacity .2s}.tab-btn{position:relative;z-index:1;flex:1;padding:7px 8px;border-radius:5px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s;font-family:inherit;white-space:nowrap;text-align:center}.tab-btn:hover{color:var(--color-text)}.tab-btn.active,.tab-btn.active:hover{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:1.5rem}.stat-card{background:var(--color-surface);border:.5px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:13px 16px;box-shadow:var(--shadow-card)}.stat-card .val{font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:-.03em;line-height:1.05}.stat-card .lbl{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:3px}.stats-grid .stat-card:nth-child(4n+1){border-left-color:var(--color-accent)}.stats-grid .stat-card:nth-child(4n+2){border-left-color:var(--color-electric)}.stats-grid .stat-card:nth-child(4n+3){border-left-color:var(--color-violet)}.stats-grid .stat-card:nth-child(4n+4){border-left-color:var(--color-teal)}.sess-z1{background:var(--zone-z1-bg);color:var(--zone-z1-fg)}.sess-z2{background:var(--zone-z2-bg);color:var(--zone-z2-fg)}.sess-z3{background:var(--zone-z3-bg);color:var(--zone-z3-fg)}.sess-z4{background:var(--zone-z4-bg);color:var(--zone-z4-fg)}.sess-z5{background:var(--zone-z5-bg);color:var(--zone-z5-fg)}.sess-strength{background:var(--zone-strength-bg);color:var(--zone-strength-fg)}.wk-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wk-day{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.wk-dow{font-size:10px;font-weight:700;color:var(--color-text-faint)}.wk-num{font-size:10px;color:var(--color-text-muted)}.wk-block{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;overflow:hidden;white-space:nowrap}.wk-block.rest{background:var(--color-surface2)}.wk-day.today .wk-block{box-shadow:0 0 0 2px var(--color-electric)}.wk-day.today .wk-dow{color:var(--color-electric)}.heatmap{display:grid;gap:4px;width:100%}.heat-cell{aspect-ratio:1 / 1;border-radius:3px;min-width:0}.sess-rest{background:var(--color-surface2);color:var(--color-text-muted)}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500}.tag-base{background:var(--color-accent-light);color:var(--color-accent-text)}.tag-build{background:var(--color-green-light);color:var(--color-green-text)}.tag-race-prep{background:var(--color-purple-light);color:var(--color-purple-text)}.tag-taper{background:var(--color-amber-light);color:var(--color-amber-text)}.tag-recovery{background:var(--color-surface2);color:var(--color-text-muted)}.tip-box{background:var(--color-teal-light);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:var(--color-teal-text);margin-bottom:1rem;display:flex;gap:10px;align-items:flex-start;line-height:1.5}.adaptive-banner{border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;margin-bottom:12px;display:flex;gap:8px;align-items:flex-start;line-height:1.45}.adaptive-banner.good{background:var(--color-green-light);color:var(--color-green-text)}.adaptive-banner.hold{background:var(--color-accent-light);color:var(--color-accent-text)}.adaptive-banner.go{background:var(--color-teal-light);color:var(--color-teal-text)}.adaptive-banner.push{background:var(--color-amber-light);color:var(--color-amber-text)}.adaptive-banner.warning{background:var(--color-red-light);color:var(--color-red-text)}.progress-track{height:7px;background:var(--color-surface2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-violet),var(--color-electric),var(--color-violet),var(--color-accent));background-size:200% 100%;transition:width .6s ease;animation:progress-shimmer 5s linear infinite}@keyframes progress-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.boot-bolt{font-size:30px;color:var(--color-electric);animation:bolt-pulse 1.1s ease-in-out infinite;display:inline-block}@keyframes bolt-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.btn:focus-visible,.tab-btn:focus-visible,.hero-btn:focus-visible,.week-header:focus-visible,.sess-row:focus-visible,.drawer-tab:focus-visible,.drawer-x:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--color-electric);outline-offset:2px}@media (prefers-reduced-motion: reduce){.progress-fill{animation:none}.boot-bolt{animation:none;opacity:1}.card:hover,.btn:hover,.cal-cell:hover,.sess-row:hover{transform:none}.tab-indicator--animated{transition:none}}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:var(--color-surface2)}.week-header{transition:background .14s ease}.week-header:hover{background:var(--color-surface2)}.sess-row{transition:transform .14s ease,box-shadow .14s ease}.sess-row:hover{transform:translate(3px);box-shadow:var(--shadow-card)}.cal-cell{transition:transform .12s ease,box-shadow .12s ease}.cal-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);z-index:2}.cal-today{background:linear-gradient(135deg,var(--color-accent-light),rgba(124,111,240,.18))!important;box-shadow:0 0 0 1px var(--color-accent),0 4px 14px #185fa54d}.burger-ico{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:19px;height:18px}.burger-ico span{display:block;height:2px;border-radius:2px;background:currentColor}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;animation:drawer-fade .18s ease}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:360px;max-width:88vw;background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-8px 0 28px #00000038;display:flex;flex-direction:column;animation:drawer-slide .22s cubic-bezier(.22,1,.36,1)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--color-border)}.drawer-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.drawer-x{background:none;border:none;cursor:pointer;color:var(--color-text);display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:-6px -6px -6px 0;font-size:28px;line-height:1;border-radius:var(--radius-sm);font-family:inherit}.drawer-x:hover{background:var(--color-surface2)}.drawer-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--color-border)}.drawer-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.drawer-tab:hover{background:var(--color-surface2)}.drawer-tab.active{background:var(--color-accent-light);color:var(--color-accent-text)}.drawer-body{padding:18px;overflow-y:auto;flex:1}.drawer-body .field{margin-bottom:1rem}.drawer-footer{padding:12px 18px;border-top:1px solid var(--color-border);flex-shrink:0}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 600px){.drawer{width:86vw;max-width:86vw}}.toy-page-header{display:flex;align-items:center;gap:14px;margin-bottom:1.25rem;flex-shrink:0}.toy-page-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.toy-layout{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media (min-width: 900px){.toy-page-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.toy-page-shell .toy-layout{flex:1;min-height:0}.toy-layout{grid-template-columns:340px 1fr;align-items:stretch}.toy-sidebar{overflow-y:auto;min-height:0;padding-right:4px}}.toy-sidebar .card:last-child{margin-bottom:0}.toy-dropzone{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:1.25rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted);transition:border-color .15s,background .15s}.toy-dropzone.drag-over{border-color:var(--color-accent);background:var(--color-accent-light)}.toy-demo-link{background:none;border:none;cursor:pointer;font-size:12px;color:var(--color-text-faint);text-decoration:underline;font-family:inherit;padding:0}.toy-demo-link:hover{color:var(--color-text-muted)}.toy-ride-row{display:flex;align-items:center;gap:8px;background:var(--color-surface2);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;color:var(--color-text-muted)}.toy-ride-num{color:var(--color-text-faint);flex-shrink:0}.toy-ride-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toy-ride-km{flex-shrink:0;color:var(--color-text-faint)}.toy-ride-remove{flex-shrink:0;display:flex;background:none;border:none;cursor:pointer;color:var(--color-text-faint);padding:2px}.toy-ride-remove:hover{color:var(--color-red)}.toy-climb-row{display:flex;align-items:center;gap:8px;background:var(--color-surface2);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;color:var(--color-text-muted);cursor:pointer}.toy-colors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.toy-color-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.toy-color-swatch input[type=color]{width:100%;height:28px;border-radius:var(--radius-sm);border:.5px solid var(--color-border-strong);background:none;cursor:pointer;padding:0}.toy-viewer-pane{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);height:380px}@media (min-width: 900px){.toy-viewer-pane{height:100%;min-height:480px}}.toy-viewer-pane canvas{display:block}.toy-viewer-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:var(--color-surface2);color:var(--color-text-faint);font-size:13px}.toy-status-pill{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;background:#0009;color:#fff;padding:8px 14px;border-radius:20px;font-size:12px;box-shadow:var(--shadow-card);pointer-events:none}.toy-spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:var(--color-electric);animation:toy-spin .7s linear infinite}@keyframes toy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.toy-spinner{animation:none}}