.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-8);background:var(--surface)}.error-boundary__content{max-width:500px;display:flex;flex-direction:column;gap:var(--spacing-6)}.error-boundary__content .body-lg{color:var(--on-surface-variant)}.error-boundary__actions{display:flex;gap:var(--spacing-3)}.error-boundary__details{color:var(--on-surface-variant)}.error-boundary__details summary{cursor:pointer}.error-boundary__stack{margin-top:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-container-low);font-size:.75rem;color:var(--on-surface-variant);white-space:pre-wrap;word-break:break-word}.top-nav{display:none;height:56px;background:var(--surface);align-items:center;padding:0 var(--spacing-6);border-bottom:1px solid rgba(68,71,78,.15)}@media(min-width:768px){.top-nav{display:flex}}.top-nav__brand{display:flex;align-items:center;gap:var(--spacing-2);font-size:1.1rem;font-weight:700;letter-spacing:.06em;color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none}.top-nav__links{display:flex;gap:var(--spacing-8);margin-left:auto;margin-right:auto}.top-nav__link{color:var(--on-surface-variant);text-decoration:none;padding:var(--spacing-2) 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.top-nav__link:hover{color:var(--on-surface)}.top-nav__link--active{color:var(--primary);border-bottom-color:var(--primary)}.top-nav__status{display:flex;align-items:center;gap:var(--spacing-3)}.top-nav__ride-badge{background:var(--tertiary);color:var(--on-primary);padding:2px var(--spacing-2);cursor:pointer;font-weight:600}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface-container-low)}@media(min-width:768px){.bottom-tab-bar{display:none}}.bottom-tab-bar__tabs{display:flex;height:60px}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--on-surface-variant);text-decoration:none;transition:color var(--transition-fast)}.bottom-tab--active{color:var(--primary)}.bottom-tab__icon{font-size:1.2rem}.bottom-tab__label{font-size:.55rem}.mini-bar__block{min-width:2px;opacity:.85;transition:opacity .15s ease}.mini-bar__block:hover{opacity:1}.smart-recommend{margin-bottom:var(--spacing-8)}.sr-header{margin-bottom:var(--spacing-6)}.sr-title{display:flex;align-items:baseline;gap:var(--spacing-3);margin-bottom:var(--spacing-1)}.sr-confidence{font-family:Space Grotesk,monospace;font-size:.625rem;letter-spacing:.1em;color:var(--on-surface-variant)}.sr-confidence--high{color:var(--success)}.sr-confidence--medium{color:var(--warning)}.sr-confidence--low{color:var(--on-surface-variant)}.sr-how-it-works{margin-left:auto;color:var(--on-surface-variant);text-decoration:none;font-size:.625rem;letter-spacing:.08em;padding:2px 6px;background:var(--surface-container-low);border:1px solid rgba(142,145,143,.15);transition:all var(--transition-fast)}.sr-how-it-works:hover{color:var(--primary);background:var(--surface-container-high);border-color:#8e918f4d}.sr-plan-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-5);background:var(--surface-container-low);border-left:3px solid var(--primary);color:var(--on-surface);text-decoration:none;transition:background var(--transition-fast)}.sr-plan-strip:hover{background:var(--surface-container-high)}.sr-plan-strip__arrow{color:var(--on-surface-variant);font-size:1.1rem;flex-shrink:0}.sr-form-bar{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--surface-container-low);margin-bottom:var(--spacing-5)}.sr-form-bar__values{display:flex;gap:var(--spacing-6);flex:1}.sr-metric{display:flex;flex-direction:column;gap:2px}.sr-metric__label{color:var(--on-surface-variant);letter-spacing:.08em}.sr-metric__value{font-family:Space Grotesk,monospace;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface)}.sr-metric__value--peak{color:#a8e6a3}.sr-metric__value--fresh{color:var(--success)}.sr-metric__value--neutral{color:var(--on-surface)}.sr-metric__value--tired{color:var(--warning)}.sr-metric__value--overtrained{color:var(--error)}.sr-form-badge{font-family:Space Grotesk,monospace;font-size:.625rem;font-weight:700;letter-spacing:.1em;padding:var(--spacing-1) var(--spacing-2);background:var(--surface-container-high);color:var(--on-surface-variant)}.sr-form-badge--peak{background:#a8e6a326;color:#a8e6a3}.sr-form-badge--fresh{background:#4caf5026;color:var(--success)}.sr-form-badge--neutral{background:var(--surface-container-highest)}.sr-form-badge--tired{background:#d4c98d26;color:var(--warning)}.sr-form-badge--overtrained{background:#e5393526;color:var(--error)}.sr-controls{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-5);flex-wrap:wrap}.sr-control{display:flex;flex-direction:column;gap:var(--spacing-2)}.sr-control__label{color:var(--on-surface-variant);letter-spacing:.08em}.sr-pills{display:flex;gap:var(--spacing-1)}.sr-pill{position:relative}.sr-pill input{position:absolute;opacity:0;width:0;height:0}.sr-pill__label{display:block;padding:var(--spacing-2) var(--spacing-3);background:var(--surface-container-low);font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;letter-spacing:.04em}.sr-pill__label:hover{background:var(--surface-container-high);color:var(--on-surface)}.sr-pill input:checked+.sr-pill__label{background:var(--primary);color:var(--on-primary)}.sr-pill__label--readiness{min-width:2.75rem;text-align:center}.sr-result{background:var(--surface-container);padding:var(--spacing-5);position:relative;overflow:hidden}.sr-result:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--tertiary)}.sr-result__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.sr-result__meta{flex:1;min-width:0}.sr-result__zone{color:var(--tertiary);letter-spacing:.1em;margin-bottom:var(--spacing-1)}.sr-result__name{margin-bottom:var(--spacing-2)}.sr-result__stats{display:flex;gap:var(--spacing-4)}.sr-result__stat{display:flex;gap:var(--spacing-1);align-items:baseline}.sr-result__stat-value{font-family:Space Grotesk,monospace;font-size:.875rem;font-weight:600;color:var(--on-surface)}.sr-result__stat-label{color:var(--on-surface-variant)}.sr-result__preview{margin-bottom:var(--spacing-4);padding:var(--spacing-2);background:var(--surface-container-low);border:1px solid rgba(255,255,255,.04)}.sr-explanation{padding-top:var(--spacing-3);border-top:1px solid rgba(68,71,78,.15);color:var(--on-surface-variant);font-style:italic;line-height:1.5}.sr-result__actions{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}.sr-result__start-btn{width:100%}.sr-result__start-btn:disabled{opacity:.4;cursor:not-allowed}.sr-result__actions .btn-ghost{width:100%}.sr-zones{display:flex;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.sr-zone-chip{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.sr-zone-chip__name{color:var(--on-surface-variant);letter-spacing:.06em}.sr-zone-chip__bar{width:40px;height:3px;background:var(--surface-container-high);position:relative}.sr-zone-chip__fill{position:absolute;top:0;left:0;height:100%;background:var(--primary);transition:width .4s ease}.sr-zone-chip__level{color:var(--on-surface);font-family:Space Grotesk,monospace;font-size:.7rem}.sr-no-data{padding:var(--spacing-5);background:var(--surface-container-low);color:var(--on-surface-variant);text-align:center}.pre-ride-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--spacing-4)}.pre-ride-modal{width:100%;max-width:600px;background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:12px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5);box-shadow:0 24px 48px #0009;max-height:90vh;overflow-y:auto}@media(max-width:600px){.pre-ride-modal{padding:var(--spacing-4);gap:var(--spacing-4)}}.pre-ride-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.pre-ride-modal__tag{color:var(--tertiary);letter-spacing:.08em}.pre-ride-modal__title{margin-top:2px;color:var(--primary)}.pre-ride-workout-preview{background:var(--surface-container-lowest);border:1px solid var(--surface-container);border-radius:8px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.pre-ride-workout-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-4) var(--spacing-6)}.pre-ride-workout-stats .label-md{color:var(--on-surface-variant)}.pre-ride-workout-stats strong{color:var(--on-surface)}.pre-ride-mini-bar{padding-top:var(--spacing-1)}.pre-ride-devices{display:flex;flex-direction:column;gap:var(--spacing-3)}.pre-ride-devices__title{color:var(--on-surface-variant);letter-spacing:.06em}.pre-ride-device-card{display:flex;align-items:center;gap:var(--spacing-4);background:var(--surface-container);border:1px solid var(--surface-container-highest);border-radius:8px;padding:var(--spacing-4);transition:all var(--transition-fast)}@media(max-width:520px){.pre-ride-device-card{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}}.pre-ride-device-card--required{border-left:4px solid var(--warning)}.pre-ride-device-card--ok{border-left:4px solid var(--success)}.pre-ride-device-card__icon{width:40px;height:40px;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.25rem;flex-shrink:0}.pre-ride-device-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.pre-ride-device-card__name-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.pre-ride-device-card__desc{color:var(--on-surface-variant);margin:0}.pre-ride-device-card__error{color:var(--error);margin-top:2px}.pre-ride-device-card__action{flex-shrink:0}.pre-ride-badge{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.06em}.pre-ride-badge--connected{background:#4caf5026;color:var(--success);border:1px solid rgba(76,175,80,.3)}.pre-ride-badge--connecting,.pre-ride-badge--reconnecting{background:#d4c98d26;color:var(--warning);border:1px solid rgba(212,201,141,.3);animation:pulse 1.2s infinite ease-in-out}.pre-ride-badge--disconnected{background:#8e918f1f;color:var(--outline);border:1px solid var(--surface-container-highest)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pre-ride-connect-btn{background:var(--tertiary);color:#fff;border:none}.pre-ride-connect-btn:hover:not(:disabled){background:#d88950}.pre-ride-modal__footer{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--surface-container-highest)}.pre-ride-trainer-warning{color:var(--warning);margin:0;text-align:center}.pre-ride-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);width:100%}.pre-ride-begin-btn{padding:var(--spacing-3) var(--spacing-6);letter-spacing:.04em}.pre-ride-begin-btn:disabled{opacity:.4;cursor:not-allowed}.workout-selection{padding:var(--spacing-6);padding-bottom:100px;max-width:1100px;margin:0 auto}.workout-selection__subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1)}.workout-selection__divider{height:1px;background:var(--surface-container-high);margin:var(--spacing-8) 0 var(--spacing-6)}.workout-selection__alt-hint{color:var(--on-surface-variant);text-align:center;margin-top:var(--spacing-4)}.workout-selection__section-header{margin-bottom:var(--spacing-4)}.workout-selection__filters{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap}.workout-selection__warning{background:#d4c98d1a;padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);border-left:3px solid var(--warning)}.workout-selection__warning .body-md{color:var(--warning)}.workout-selection__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:768px){.workout-selection__grid{grid-template-columns:repeat(2,1fr)}}.workout-card{display:flex;flex-direction:column;gap:var(--spacing-3)}.workout-card__meta .label-sm{color:var(--tertiary)}.workout-card__desc{color:var(--on-surface-variant);flex:1}.mini-bar{display:flex;align-items:flex-end;height:40px;gap:1px;width:100%}.mini-bar__block{min-width:2px;opacity:.8}.workout-card__stats{display:flex;gap:var(--spacing-6)}.workout-card__stats .label-md{color:var(--on-surface-variant)}.workout-card__stats strong{color:var(--on-surface);margin-left:var(--spacing-1)}.workout-card__start{width:100%;margin-top:var(--spacing-2)}.workout-card__start:disabled{opacity:.4;cursor:not-allowed}.ftp-suggestion-card{margin-bottom:var(--spacing-6);background:var(--surface-container-high);padding:var(--spacing-5) var(--spacing-6);border-left:4px solid var(--primary)}.ftp-suggestion-card--calibration{border-left-color:var(--tertiary)}.ftp-suggestion-card__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.ftp-suggestion-card__body{flex:1;min-width:260px}.ftp-suggestion-card__tag-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.ftp-suggestion-card__tag{font-weight:700;letter-spacing:.08em;color:var(--primary)}.ftp-suggestion-card__tag--calibration{color:var(--tertiary)}.ftp-suggestion-card__title{margin:2px 0 6px;letter-spacing:-.01em}.ftp-suggestion-card__desc{color:var(--on-surface-variant);line-height:1.45;margin:0}.ftp-suggestion-card__actions{display:flex;gap:var(--spacing-3);align-items:center}.macro-graph{width:100%;height:80px;display:block;background:var(--surface-dim)}.immediate-graph{width:100%;height:200px;display:block;background:var(--surface-dim)}@media(min-width:768px){.macro-graph{height:100px}.immediate-graph{height:280px}}.live-metrics{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.live-metrics__primary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4)}.live-metrics__power{display:flex;flex-direction:column;align-items:center}.live-metrics__power .display-lg{line-height:1}.live-metrics__target{text-align:center;color:var(--on-surface-variant);padding:var(--spacing-1) var(--spacing-3);background:var(--surface-container);display:inline-block;margin:0 auto}.live-metrics__secondary,.live-metrics__tertiary{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.live-metrics__metric{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-3);background:var(--surface-container-low)}.live-metrics__metric--sm .body-lg{font-size:.9rem}.live-metrics__interval{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--surface-container)}.live-metrics__interval .headline-md{font-family:Space Grotesk,sans-serif}@keyframes pulse-heart{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.heart-icon.active{animation:pulse-heart 1s ease-in-out infinite;display:inline-block}.metric-header{display:flex;justify-content:space-between;align-items:center;width:100%}.hr-badge{font-size:.65rem;font-weight:700;padding:.15rem .4rem;color:var(--surface);transition:background-color .3s ease}.headline-md.hr-value{transition:color .3s ease}.ride-controls{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);justify-content:center;flex-wrap:wrap}.ride-controls__btn{flex:1;min-width:120px;max-width:200px;padding:var(--spacing-4) var(--spacing-6);font-size:.875rem}.ride-controls__status{color:var(--warning);display:flex;align-items:center}.corridor-hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:max(var(--spacing-4),env(safe-area-inset-top)) var(--spacing-4) max(var(--spacing-4),env(safe-area-inset-bottom));color:#f4f1fa;pointer-events:none}.corridor-hud>*{pointer-events:auto}.corridor-hud__exit{align-self:flex-start;background:#0e0d148c;border-color:#fff3;color:#f4f1fa}.corridor-hud__gate-time{position:absolute;top:var(--spacing-4);left:50%;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:.75rem;letter-spacing:.08em;color:#f4f1fa8c}.corridor-hud__power{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1)}.corridor-hud__power .label-sm{color:#f4f1fa99;letter-spacing:.14em}.corridor-hud__power-value{font-family:var(--font-display, sans-serif);font-size:3.5rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.6)}.corridor-hud__cluster{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.corridor-hud__bias{display:flex;gap:var(--spacing-1)}.corridor-hud__bias .btn{background:#0e0d148c;border-color:#fff3;color:#f4f1fa}.corridor-hud__metric{display:flex;flex-direction:column;align-items:center;gap:2px}.corridor-hud__metric .label-sm{color:#f4f1fa99;letter-spacing:.1em;display:flex;align-items:center;gap:3px}.corridor-hud__metric-value{font-family:var(--font-mono, monospace);font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f4f1fa}.corridor-hud__controls{display:flex;gap:var(--spacing-1)}.corridor-hud__control-btn{min-width:2.75rem;padding:.5rem}@media(orientation:landscape){.corridor-hud{flex-direction:row;align-items:stretch;padding:max(var(--spacing-3),env(safe-area-inset-top)) max(var(--spacing-4),env(safe-area-inset-right)) max(var(--spacing-3),env(safe-area-inset-bottom)) max(var(--spacing-4),env(safe-area-inset-left))}.corridor-hud__exit{position:absolute;top:var(--spacing-3);left:var(--spacing-4)}.corridor-hud__gate-time{top:var(--spacing-3)}.corridor-hud__power{flex:1}.corridor-hud__cluster{flex-direction:column;justify-content:center;align-items:flex-end;gap:var(--spacing-4);width:auto}.corridor-hud__bias,.corridor-hud__controls{flex-direction:column}}.corridor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#07060c;overscroll-behavior:none;touch-action:none}.corridor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.debrief-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a0a0ad9;animation:debriefFadeIn .2s ease;padding:var(--spacing-4);z-index:1100}@keyframes debriefFadeIn{0%{opacity:0}to{opacity:1}}.debrief-modal{position:relative;max-width:640px;width:100%;padding:var(--spacing-6) var(--spacing-8);background:var(--surface-container-high);border:1px solid rgba(142,145,143,.2);border-top:3px solid var(--tertiary);box-shadow:0 24px 60px #0009;max-height:92vh;overflow-y:auto;animation:debriefScaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes debriefScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.debrief-modal__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:transparent;border:none;color:var(--on-surface-variant);font-size:1.25rem;line-height:1;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:color var(--transition-fast),background var(--transition-fast)}.debrief-modal__close:hover{color:var(--on-surface);background:var(--surface-container-highest)}.debrief-modal__header{margin-bottom:var(--spacing-6);padding-right:var(--spacing-8)}.debbrief-modal__eyebrow{color:var(--tertiary);font-weight:700;letter-spacing:.1em;display:block;margin-bottom:var(--spacing-1)}.debrief-modal__title{font-family:Space Grotesk,Inter,sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--on-surface);margin-bottom:var(--spacing-2)}.debrief-modal__subtitle{color:var(--on-surface-variant);font-size:.875rem;line-height:1.5}.survey__section{margin-bottom:var(--spacing-6)}.survey__section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--spacing-3)}.survey__label{display:block;color:var(--on-surface-variant);font-family:Space Grotesk,monospace;font-weight:600;font-size:.75rem;letter-spacing:.08em}.survey__rpe-scale-hint{color:var(--outline);font-size:.7rem;font-family:Space Grotesk,monospace;letter-spacing:.04em}.survey__rpe-bar{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;background:var(--surface-container-lowest);padding:4px;border:1px solid rgba(142,145,143,.15);margin-bottom:var(--spacing-3)}.survey__rpe-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;background:var(--surface);border:1px solid rgba(142,145,143,.12);cursor:pointer;color:var(--on-surface-variant);transition:all var(--transition-fast);padding:0}.survey__rpe-btn-num{font-family:Space Grotesk,monospace;font-size:1.15rem;font-weight:700;line-height:1;color:inherit}.survey__rpe-btn-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--btn-zone-color, var(--outline));opacity:.45;transition:opacity var(--transition-fast),height var(--transition-fast)}.survey__rpe-btn:hover{background:var(--surface-container-high);color:var(--on-surface);border-color:#ffffff4d}.survey__rpe-btn:hover .survey__rpe-btn-indicator{opacity:.9;height:4px}.survey__rpe-btn--selected{background:var(--surface-container-highest);color:var(--primary);border-color:var(--primary);box-shadow:0 0 14px #ffffff1f}.survey__rpe-btn--selected .survey__rpe-btn-indicator{opacity:1;height:4px;background:var(--btn-zone-color, var(--primary));box-shadow:0 0 8px var(--btn-zone-color)}.survey__rpe-btn--selected .survey__rpe-btn-num{color:var(--primary);font-weight:800}.survey__rpe-banner{min-height:76px;background:var(--surface-container-lowest);border:1px solid rgba(142,145,143,.15);border-left-width:4px;padding:var(--spacing-3) var(--spacing-4);display:flex;flex-direction:column;justify-content:center;transition:border-left-color .2s ease,background .2s ease}.survey__rpe-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-1)}.survey__rpe-banner-title{display:flex;align-items:center;gap:var(--spacing-2)}.survey__rpe-banner-num{font-family:Space Grotesk,monospace;font-size:.95rem;font-weight:800;color:var(--primary);background:var(--surface-container-highest);padding:1px 6px;border:1px solid rgba(255,255,255,.15)}.survey__rpe-banner-label{font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--on-surface)}.survey__rpe-banner-badge{font-family:Space Grotesk,monospace;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:2px 6px;border:1px solid currentColor;background:#00000040}.survey__rpe-banner-detail{font-size:.82rem;color:var(--on-surface-variant);line-height:1.4;margin:0}.survey__rpe-banner-placeholder{display:flex;flex-direction:column;gap:2px}.survey__rpe-banner-placeholder .label-sm{color:var(--on-surface-variant);font-weight:600;letter-spacing:.06em}.survey__rpe-banner-placeholder .body-sm{color:var(--outline);font-size:.75rem;margin:0}.survey__quality-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}@media(min-width:560px){.survey__quality-options{grid-template-columns:repeat(4,1fr)}}.survey__quality-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--spacing-3) var(--spacing-3);background:var(--surface);border:1px solid rgba(142,145,143,.15);cursor:pointer;text-align:left;transition:all var(--transition-fast);min-height:64px}.survey__quality-card:hover{background:var(--surface-container-high);border-color:#ffffff40}.survey__quality-card--selected{background:var(--surface-container-highest);border-color:var(--primary);box-shadow:0 0 12px #ffffff1a}.survey__quality-title{font-family:Space Grotesk,monospace;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--on-surface);margin-bottom:2px}.survey__quality-card--selected .survey__quality-title{color:var(--primary)}.survey__quality-desc{font-size:.65rem;color:var(--on-surface-variant);line-height:1.25}.debrief-modal__actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid rgba(142,145,143,.15)}.post-ride{padding:var(--spacing-6);padding-bottom:100px;max-width:900px;margin:0 auto}.post-ride__header{margin-bottom:var(--spacing-6)}.post-ride__header .label-md{color:var(--on-surface-variant);display:block;margin-bottom:var(--spacing-1)}.post-ride__graph{margin-bottom:var(--spacing-2);border:1px solid rgba(142,145,143,.1)}.post-ride__graph-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-6)}.post-ride__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}@media(min-width:768px){.post-ride__stats{grid-template-columns:repeat(4,1fr)}}.post-ride__stat{background:var(--surface-container-low);padding:var(--spacing-4);display:flex;flex-direction:column}.post-ride__stat .label-md{color:var(--on-surface-variant);margin-bottom:var(--spacing-1)}.post-ride__stat .display-md{font-size:2rem;line-height:1;margin-bottom:var(--spacing-1)}.post-ride__stat .label-sm{color:var(--on-surface-variant)}.post-ride__debrief-section{margin-bottom:var(--spacing-6)}.post-ride__debrief-card{padding:var(--spacing-4) var(--spacing-5);background:var(--surface-container-low);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);border:1px solid rgba(142,145,143,.15)}.post-ride__debrief-card--completed{border-left:3px solid var(--success)}.post-ride__debrief-card--pending{border-left:3px solid var(--tertiary);flex-wrap:wrap}.post-ride__debrief-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#4caf5026;color:var(--success);font-weight:700;border-radius:50%;flex-shrink:0}.post-ride__debrief-body{flex:1;min-width:200px}.post-ride__debrief-status-tag{color:var(--tertiary);font-size:.7rem;font-weight:700;letter-spacing:.08em;display:block;margin-bottom:2px}.post-ride__debrief-card--completed .post-ride__debrief-status-tag{color:var(--success)}.post-ride__debrief-title{color:var(--on-surface);font-size:.95rem;font-weight:600;margin-bottom:4px;letter-spacing:.02em}.post-ride__debrief-text{color:var(--on-surface-variant);font-size:.8rem;line-height:1.4}.post-ride__debrief-btn{flex-shrink:0}.post-ride__actions{margin-bottom:var(--spacing-8)}.post-ride__actions .title-md{color:var(--on-surface-variant);margin-bottom:var(--spacing-4)}.post-ride__action-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.post-ride__download-group{display:flex;gap:var(--spacing-3)}.post-ride__save-error{margin-bottom:var(--spacing-4);border-left:3px solid var(--error);display:flex;flex-direction:column;gap:var(--spacing-2)}.post-ride__save-error-title{font-weight:600}.post-ride__save-error-body{color:var(--on-surface-variant);line-height:1.5}.ride-dashboard{display:flex;flex-direction:column;gap:0;padding-bottom:80px;overscroll-behavior-y:none}.ride-dashboard__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-container-low)}.ride-dashboard__view-toggle{flex-shrink:0}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-6);min-height:60vh;text-align:center;padding:var(--spacing-8)}.dashboard-empty .body-md{color:var(--on-surface-variant)}@media(min-width:768px){.ride-dashboard{display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto auto 1fr auto;gap:0;padding-bottom:0;min-height:calc(100vh - 56px)}.ride-dashboard__header,.macro-graph{grid-column:1 / -1}.immediate-graph{grid-column:2;grid-row:3}.live-metrics{grid-column:1;grid-row:3}.ride-controls{grid-column:1 / -1}}.history-page{padding:var(--spacing-6);padding-bottom:100px;max-width:900px;margin:0 auto}.history-page__header{margin-bottom:var(--spacing-6);display:flex;justify-content:space-between;align-items:flex-start}.history-page__import{text-align:right}.history-page__import-status{margin-top:4px}.history-page__subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1)}.history-empty{padding:var(--spacing-12) var(--spacing-4);text-align:center}.history-empty .body-md{color:var(--on-surface-variant)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.history-card{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.history-card__info{flex:1;display:flex;flex-direction:column;min-width:160px}.history-card__info .label-sm{color:var(--on-surface-variant)}.history-card__stats{display:flex;gap:var(--spacing-4)}.history-card__stats .label-sm{color:var(--on-surface-variant)}.history-card__actions{display:flex;gap:var(--spacing-2)}.history-card{cursor:pointer}.history-page__error-message{margin-top:var(--spacing-3)}.history-page__error-retry{margin-top:var(--spacing-4)}.ride-detail{padding:var(--spacing-6);padding-bottom:100px;max-width:900px;margin:0 auto}.ride-detail__back{margin-bottom:var(--spacing-4)}.ride-detail__header{margin-bottom:var(--spacing-6)}.ride-detail__date{color:var(--on-surface-variant);display:block;margin-bottom:var(--spacing-1)}.ride-detail__graph{margin-bottom:var(--spacing-2);border:1px solid rgba(142,145,143,.1)}.ride-detail__graph-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-6)}.ride-detail__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}@media(min-width:768px){.ride-detail__stats{grid-template-columns:repeat(4,1fr)}}.ride-detail__stat{background:var(--surface-container-low);padding:var(--spacing-4);display:flex;flex-direction:column}.ride-detail__stat .label-md{color:var(--on-surface-variant);margin-bottom:var(--spacing-1)}.ride-detail__stat .display-md{font-size:2rem;line-height:1;margin-bottom:var(--spacing-1)}.ride-detail__stat .label-sm{color:var(--on-surface-variant)}.ride-detail__actions{margin-bottom:var(--spacing-8)}.ride-detail__actions .title-md{color:var(--on-surface-variant);margin-bottom:var(--spacing-4)}.ride-detail__download-group{display:flex;gap:var(--spacing-3)}.settings-page{padding:var(--spacing-6);padding-bottom:100px;max-width:900px;margin:0 auto}.settings-page__header{margin-bottom:var(--spacing-8)}.settings-page__subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1)}.settings-section{margin-bottom:var(--spacing-12)}.settings-section__subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1);margin-bottom:var(--spacing-4)}.device-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.device-card{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.device-card__info{flex:1;display:flex;flex-direction:column;min-width:120px}.device-card__info .label-sm{color:var(--on-surface-variant)}.device-card__status{display:flex;align-items:center;gap:var(--spacing-2)}.device-card__status .label-sm{color:var(--on-surface-variant)}.settings-ftp{display:flex;flex-direction:column;gap:var(--spacing-3)}.settings-data{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-1)}.settings-ftp+.settings-ftp{margin-top:var(--spacing-4)}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-2)}.toggle-switch input[type=checkbox]{width:1.25rem;height:1.25rem}.settings-note{color:var(--on-surface-variant);line-height:1.5}.settings-status--success{color:var(--success)}.settings-status--error{color:var(--error)}.settings-button-row{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.settings-info-card{display:flex;flex-direction:column;gap:var(--spacing-3)}.settings-info-card+.settings-info-card{margin-top:var(--spacing-4)}.settings-info-card__title{display:block}.settings-status-card{margin-bottom:var(--spacing-4);border-left:3px solid transparent}.settings-status-card--success{border-left-color:var(--success)}.settings-status-card--error{border-left-color:var(--error)}.settings-status-card__message{font-weight:600}.settings-intervals{display:flex;flex-direction:column;gap:var(--spacing-4)}.settings-intervals__header{display:flex;justify-content:space-between}.settings-intervals__info{display:flex;flex-direction:column}.settings-intervals__key-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.settings-intervals__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.settings-intervals__form input{width:100%}.settings-divider-block{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid rgba(142,145,143,.15)}.training-plan-wizard{position:relative}.training-plan-wizard__back{display:inline-block;color:var(--on-surface-variant);cursor:pointer;margin-bottom:var(--spacing-4);background:none;border:none;padding:0}.training-plan-wizard__back:hover{color:var(--on-surface)}.training-plan-wizard__prompt{color:var(--on-surface-variant);margin-bottom:var(--spacing-4)}.training-plan-wizard__cards{display:flex;flex-direction:column;gap:var(--spacing-2)}.training-plan-wizard__card{display:flex;flex-direction:column;gap:var(--spacing-1);text-align:left;padding:var(--spacing-4);background:var(--surface-container);border:1px solid rgba(142,145,143,.15);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.training-plan-wizard__card:hover{border-color:var(--primary);background:var(--surface-container-high)}.training-plan-wizard__card-desc{color:var(--on-surface-variant);line-height:1.4}.training-plan-wizard__divider{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-5) 0;color:var(--on-surface-variant)}.training-plan-wizard__divider:before,.training-plan-wizard__divider:after{content:"";flex:1;height:1px;background:#8e918f26}.training-plan-wizard__divider span{font-size:.7rem;letter-spacing:.06em;white-space:nowrap}.training-plan-wizard__preview{color:var(--on-surface-variant);margin-bottom:var(--spacing-2)}.training-plan-wizard__preview strong{color:var(--on-surface)}.training-plan-wizard__review-block{padding:var(--spacing-4);background:var(--surface-container);border-left:3px solid var(--primary)}.training-plan-wizard__note{color:var(--on-surface-variant);line-height:1.5;margin-top:var(--spacing-2)}.training-plan-wizard__zones{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2)}.training-plan-wizard__zone-option{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer}.training-plan-wizard__zone-option input{margin-top:3px}.training-plan-wizard__zone-option>span{display:flex;flex-direction:column;gap:2px}.training-plan-page{padding:var(--spacing-6);padding-bottom:100px;max-width:900px;margin:0 auto}.training-plan-page__header{margin-bottom:var(--spacing-8)}.training-plan-page__header .btn{margin-bottom:var(--spacing-3)}.training-plan-page__subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1)}.settings-ftp__input-row{display:flex;align-items:center;gap:var(--spacing-3);max-width:300px}.settings-ftp__input-row .input-field{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.science-page{padding:var(--spacing-6);max-width:860px;margin:0 auto;padding-bottom:var(--spacing-16)}.science-page__header{margin-bottom:var(--spacing-8)}.science-page__nav{margin-bottom:var(--spacing-4)}.science-page__subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1);letter-spacing:.08em}.science-section{margin-bottom:var(--spacing-10)}.science-section__title{display:flex;align-items:baseline;gap:var(--spacing-3);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(142,145,143,.15)}.science-section__desc{color:var(--on-surface-variant);line-height:1.6;margin-bottom:var(--spacing-5)}.science-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(min-width:640px){.science-grid--2col{grid-template-columns:repeat(2,1fr)}.science-grid--3col{grid-template-columns:repeat(3,1fr)}}.science-card{background:var(--surface-container-low);padding:var(--spacing-5);border-left:3px solid rgba(142,145,143,.25)}.science-card--accent{border-left-color:var(--tertiary)}.science-card--primary{border-left-color:var(--primary)}.science-card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-2)}.science-card__title{font-size:.95rem;font-weight:600;letter-spacing:.02em}.science-card__tag{font-family:Space Grotesk,monospace;font-size:.75rem;color:var(--on-surface-variant)}.science-card__body{color:var(--on-surface-variant);font-size:.875rem;line-height:1.5}.science-formula{background:var(--surface);border:1px solid rgba(142,145,143,.15);padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-4);font-family:Space Grotesk,monospace;font-size:.85rem;color:var(--on-surface)}.science-formula__title{font-size:.7rem;letter-spacing:.1em;color:var(--on-surface-variant);margin-bottom:var(--spacing-2);text-transform:uppercase}.science-formula__code{color:var(--primary);font-weight:600;letter-spacing:.04em;display:block}.science-formula__notes{margin-top:var(--spacing-2);font-size:.75rem;color:var(--on-surface-variant);line-height:1.4}.science-table-wrapper{overflow-x:auto;margin-bottom:var(--spacing-6);background:var(--surface-container-low)}.science-table{width:100%;border-collapse:collapse;text-align:left;font-size:.825rem}.science-table th{padding:var(--spacing-3) var(--spacing-4);background:var(--surface-container);color:var(--on-surface-variant);font-family:Space Grotesk,monospace;font-weight:600;letter-spacing:.06em;border-bottom:1px solid rgba(142,145,143,.2)}.science-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid rgba(142,145,143,.1);color:var(--on-surface)}.science-table tr:last-child td{border-bottom:none}.science-table td code{font-family:Space Grotesk,monospace;color:var(--primary);background:var(--surface);padding:2px 6px;font-size:.8rem}.science-callout{padding:var(--spacing-4) var(--spacing-5);background:var(--surface-container);border-left:3px solid var(--tertiary);margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}.science-callout p{color:var(--on-surface);font-size:.875rem;line-height:1.5}.unsupported-browser{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-8);background:var(--surface)}.unsupported-browser__content{max-width:500px;display:flex;flex-direction:column;gap:var(--spacing-6)}.unsupported-browser__content .body-lg{color:var(--on-surface-variant)}.unsupported-browser__list ul{margin-top:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1)}.unsupported-browser__list .body-md{color:var(--on-surface);padding-left:var(--spacing-3)}.unsupported-browser__list .body-md:before{content:"→ ";color:var(--on-surface-variant)}.unsupported-browser__ios .body-md{color:var(--on-surface-variant);margin-top:var(--spacing-2)}.unsupported-browser__ios a{color:var(--primary);text-decoration:underline}.ftp-onboarding{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-6);background:var(--surface-dim);position:relative;overflow-x:hidden}.ftp-onboarding__glow{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,#c8794114,#13131300 70%);pointer-events:none;z-index:0}.ftp-onboarding__card{width:100%;max-width:640px;position:relative;z-index:1;background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:12px;padding:var(--spacing-8);box-shadow:0 16px 36px #0006}@media(max-width:600px){.ftp-onboarding{padding:var(--spacing-4)}.ftp-onboarding__card{padding:var(--spacing-6)}}.ftp-onboarding__welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-6)}.ftp-onboarding__brand{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.ftp-onboarding__logo{border-radius:18px;box-shadow:0 8px 24px #00000080;border:1px solid var(--surface-container-highest);transition:transform var(--transition-normal)}.ftp-onboarding__logo:hover{transform:scale(1.04)}.ftp-onboarding__title{font-family:Space Grotesk,sans-serif;letter-spacing:.12em;color:var(--primary);margin:0}.ftp-onboarding__tagline{color:var(--tertiary);letter-spacing:.08em}.ftp-onboarding__features{display:flex;flex-direction:column;gap:var(--spacing-5);width:100%;text-align:left;background:var(--surface-container-lowest);padding:var(--spacing-5);border-radius:8px;border:1px solid var(--surface-container-high)}.ftp-feature-item{display:flex;flex-direction:column}.ftp-feature-item__title{display:flex;align-items:baseline;gap:var(--spacing-2);color:var(--primary);letter-spacing:.04em;margin:0}.ftp-feature-item__desc{color:var(--on-surface-variant);margin-top:4px;line-height:1.45}.ftp-onboarding__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);width:100%}.ftp-onboarding__cta{width:100%;padding:var(--spacing-4) var(--spacing-8);font-size:1rem;letter-spacing:.06em}.ftp-onboarding__how-it-works{color:var(--on-surface-variant);transition:color var(--transition-fast)}.ftp-onboarding__how-it-works:hover{color:var(--primary)}.ftp-onboarding__privacy-note{color:var(--on-surface-variant);opacity:.7;text-align:center;margin-top:calc(-1 * var(--spacing-2))}.ftp-onboarding__setup{display:flex;flex-direction:column;gap:var(--spacing-6)}.ftp-onboarding__setup-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.ftp-onboarding__back{align-self:flex-start;padding:var(--spacing-1) var(--spacing-2);margin-bottom:var(--spacing-2)}.ftp-onboarding__setup-subtitle{color:var(--on-surface-variant);line-height:1.5}.ftp-paths{display:flex;flex-direction:column;gap:var(--spacing-4)}.ftp-path-card{cursor:pointer;border:1px solid var(--surface-container-highest);transition:border-color var(--transition-fast),background var(--transition-fast);padding:var(--spacing-5);position:relative}.ftp-path-card:hover{border-color:var(--outline);background:var(--surface-container)}.ftp-path-card--active{border-color:var(--primary);background:var(--surface-container);box-shadow:0 4px 16px #0000004d}.ftp-path-card--highlight{border-left:4px solid var(--tertiary)}.ftp-path-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.ftp-path-card__title-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.ftp-path-card__tag{color:var(--on-surface-variant);font-size:.75rem;letter-spacing:.08em}.ftp-path-card__tag--accent{color:var(--tertiary);font-weight:700}.ftp-path-card__indicator{color:var(--primary);font-size:1.1rem}.ftp-path-card__desc{color:var(--on-surface-variant);line-height:1.5;margin:0}.ftp-path-card__expand{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--surface-container-highest);display:flex;flex-direction:column;gap:var(--spacing-4)}.ftp-input-group{display:flex;align-items:center;gap:var(--spacing-3)}.ftp-input-field{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;max-width:160px;text-align:center;padding:var(--spacing-3)}.ftp-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}@media(max-width:520px){.ftp-presets-grid{grid-template-columns:1fr}}.ftp-preset-btn{background:var(--surface-container-lowest);border:1px solid var(--surface-container-high);border-radius:8px;padding:var(--spacing-3);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:all var(--transition-fast)}.ftp-preset-btn:hover{background:var(--surface-container);border-color:var(--outline)}.ftp-preset-btn--selected{border-color:var(--primary);background:var(--surface-container-high);box-shadow:inset 0 0 0 1px var(--primary)}.ftp-preset-btn__watts{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:var(--primary)}.ftp-preset-btn__label{color:var(--tertiary);font-weight:600}.ftp-preset-btn__desc{font-size:.75rem;color:var(--on-surface-variant);line-height:1.3;margin-top:2px}.ftp-estimate-adjust{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);background:var(--surface-container-lowest);padding:var(--spacing-3) var(--spacing-4);border-radius:6px}.ftp-stepper{display:flex;align-items:center;gap:var(--spacing-3)}.ftp-stepper__value{min-width:60px;text-align:center;color:var(--primary)}.ftp-error{color:var(--error)}.ftp-ramp-start-btn{width:100%;padding:var(--spacing-3)}.ftp-science-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:var(--spacing-6)}.ftp-science-modal-content{width:100%;max-width:960px;background:var(--surface);border:1px solid var(--surface-container-highest);border-radius:12px;margin:var(--spacing-6) auto;position:relative;overflow:hidden;box-shadow:0 24px 48px #000000b3}.ftp-science-modal-close-bar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--surface-container-highest);padding:var(--spacing-3) var(--spacing-6);display:flex;justify-content:flex-end}.ftp-skip-modal-content{max-width:460px;margin:auto;background:var(--surface-container);border:1px solid var(--surface-container-highest);border-radius:16px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);box-shadow:0 24px 48px #0009}.ftp-skip-modal-content__title{margin:0}.ftp-skip-modal-content__body{color:var(--on-surface-variant);line-height:1.6;margin:0}.ftp-skip-modal-content__actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-2)}.animate-fade-in{animation:fadeIn .22s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--surface: #131313;--surface-dim: #0e0e0e;--surface-bright: #3a3939;--surface-container-lowest: #171717;--surface-container-low: #1c1b1b;--surface-container: #252525;--surface-container-high: #2c2c2c;--surface-container-highest: #353534;--surface-variant: #353534;--on-surface: #e2e2e2;--on-surface-variant: #c4c7c5;--primary: #ffffff;--primary-container: #d4d4d4;--on-primary: #1a1c1c;--tertiary: #c87941;--outline: #8e918f;--outline-variant: #44474e;--error: #e53935;--success: #4caf50;--warning: #d4c98d;--zone-1: #a0a0a0;--zone-2: #8a9ca8;--zone-3: #8a9a8a;--zone-4: #d4c98d;--zone-5: #c87941;--zone-6: #8b3a3a;--zone-7: #6b1a1a;--spacing-px: 1px;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 5.5rem;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,sans-serif;font-weight:400;background-color:var(--surface);color:var(--on-surface);line-height:1.5;min-height:100dvh}html.ride-active,body.ride-active{overscroll-behavior-y:none}#root{min-height:100dvh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.display-lg{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.display-md{font-family:Inter,sans-serif;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.headline-lg{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.headline-md{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.title-lg{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4}.title-md{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}.body-lg{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.body-md{font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.label-lg{font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.04em;line-height:1.4;text-transform:uppercase}.label-md{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.label-sm{font-family:Space Grotesk,sans-serif;font-size:.625rem;font-weight:400;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.text-success{color:var(--success)}.text-error{color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);border-radius:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background-color var(--transition-fast),opacity var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.btn:active{opacity:.85}.btn-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary)}.btn-primary:hover{background:var(--primary)}.btn-tertiary{background:var(--surface-variant);color:var(--on-surface)}.btn-tertiary:hover{background:var(--surface-bright)}.btn-destructive{background:#e5393533;color:var(--error)}.btn-destructive:hover{background:#e5393559}.btn-ghost{background:transparent;color:var(--on-surface);border:1px solid rgba(68,71,78,.15)}.btn-ghost:hover{background:var(--surface-container-low)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:.75rem}.btn-icon{padding:var(--spacing-3);min-width:44px;min-height:44px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot--connected{background:var(--success)}.status-dot--disconnected{background:var(--error)}.status-dot--reconnecting{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#131313cc;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.dialog{background:var(--surface-container-high);box-shadow:0 20px 40px #0006;border-radius:0;max-width:400px;width:100%;padding:var(--spacing-8)}.dialog__title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--spacing-3)}.dialog__message{font-size:.875rem;color:var(--on-surface-variant);margin-bottom:var(--spacing-6);line-height:1.6}.dialog__actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.input-field{width:100%;padding:var(--spacing-3) 0;border-bottom:1px solid rgba(142,145,143,.15);color:var(--on-surface);font-size:1rem;transition:border-color var(--transition-normal)}.input-field:focus{border-bottom-color:var(--primary)}.input-field::placeholder{color:var(--on-surface-variant);opacity:.5}.card{background:var(--surface-container-low);padding:var(--spacing-6)}.card--elevated{background:var(--surface-container-highest)}.ride-active-bar{height:4px;background:var(--tertiary);cursor:pointer;transition:opacity var(--transition-fast)}.ride-active-bar:hover{opacity:.8}.heart-icon{display:inline-block;color:var(--error);animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}