:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Segoe UI Variable Display", "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif;--bg-top:#09111c;--bg-bottom:#101b2a;--surface-panel:#0c131fcc;--surface-elevated:#0f1826eb;--surface-soft:#ffffff0d;--border-soft:#80a0c624;--border-strong:#719fd947;--text-main:#eaf3ff;--text-soft:#eaf3ffbd;--text-muted:#eaf3ff94;--accent-blue:#5a92ff;--accent-blue-strong:#3876f6;--accent-cyan:#38d9ff;--accent-violet:#8b7cff;--accent-blue-soft:#5a92ff33;--accent-cyan-soft:#38d9ff29;--accent-violet-soft:#8b7cff2e;--glow-shadow:#020a1566;background:radial-gradient(circle at top left, #38d9ff29, transparent 28%), radial-gradient(circle at top right, #5a92ff2e, transparent 24%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);color:var(--text-main);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{font-feature-settings:"liga" 1, "kern" 1;background:0 0;min-width:320px;min-height:100vh;margin:0;position:relative}body:before{content:"";pointer-events:none;opacity:.9;z-index:-1;background:radial-gradient(circle at 14% 18%,#5a92ff1f,#0000 22%),radial-gradient(circle at 82% 14%,#38d9ff1a,#0000 24%),radial-gradient(circle at 68% 72%,#8b7cff14,#0000 26%),linear-gradient(#ffffff08,#0000 20%);position:fixed;inset:0}button,input,select{font:inherit}.app-shell{max-width:1380px;margin:0 auto;padding:32px 24px 56px}.hero-card,.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface-panel);border:1px solid var(--border-soft);box-shadow:0 24px 60px var(--glow-shadow);border-radius:28px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.hero-card:before,.panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#5a92ff14,#0000 30%),radial-gradient(circle at 0 100%,#38d9ff0f,#0000 24%),linear-gradient(#ffffff0a,#0000 26%);position:absolute;inset:0}.panel:hover,.hero-card:hover{border-color:var(--border-strong);box-shadow:0 28px 70px #020a157a}.hero-card{grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:24px;padding:32px;display:grid}.hero-copy{z-index:1;align-content:start;gap:18px;display:grid;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-cyan);margin:0 0 10px;font-size:.72rem}.hero-copy h1,.panel-header h2{font-family:var(--font-display);letter-spacing:-.038em;margin:0;font-weight:620}.hero-copy h1{max-width:10ch;font-size:clamp(2.5rem,4.6vw,5rem);line-height:.92}.hero-text{max-width:54ch;color:var(--text-soft);font-size:1.02rem;line-height:1.6}.hero-kicker-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-kicker-row .eyebrow{margin-bottom:0}.hero-chip{color:var(--text-main);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#38d9ff1a,#5a92ff29),#111c2bbd;border:1px solid #5e8cd338;border-radius:999px;align-items:center;padding:9px 13px;font-size:.82rem;display:inline-flex}.hero-signal-row{flex-wrap:wrap;gap:10px;display:flex}.hero-signal-pill{border:1px solid var(--border-soft);color:var(--text-soft);background:#111c2ba3;border-radius:999px;align-items:center;gap:10px;padding:11px 14px;font-size:.83rem;display:inline-flex}.hero-signal-dot{border-radius:999px;flex:0 0 8px;width:8px;height:8px}.hero-signal-dot-cyan{background:var(--accent-cyan);box-shadow:0 0 12px #38d9ff75}.hero-signal-dot-blue{background:var(--accent-blue);box-shadow:0 0 12px #5a92ff6b}.hero-signal-dot-violet{background:var(--accent-violet);box-shadow:0 0 12px #8b7cff6b}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hero-stats div,.status-chip,.inline-note,.error-note,.course-summary div,.totals-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:16px 18px}.hero-stats span,.map-overlay span,.song-row span,.field span,.inline-note,.status-chip,.error-note,.course-summary span,.totals-row span{color:var(--text-muted);font-size:.83rem;display:block}.hero-stats strong,.map-overlay strong,.song-row strong,.course-summary strong,.totals-row strong{margin-top:6px;font-size:1.2rem;display:block}.hero-stat-card{border:1px solid var(--border-soft);background:linear-gradient(#ffffff0a,#ffffff05),#0e1622e6;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #020a1538}.hero-stat-card:before{content:"";background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-blue) 60%, transparent 100%);border-radius:999px;height:2px;position:absolute;top:0;left:18px;right:18px}.hero-stat-card-primary:before{background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-blue) 45%, var(--accent-violet) 100%)}.hero-stat-card strong{letter-spacing:-.04em;font-size:1.45rem}.hero-stat-card small{color:var(--text-muted);margin-top:8px;font-size:.8rem;line-height:1.45;display:block}.stack-layout{gap:24px;display:grid}.panel{padding:24px}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-heading{align-items:flex-start;gap:14px;min-width:0;display:flex}.panel-heading>div{min-width:0}.panel-icon{background:linear-gradient(160deg,#38d9ff24,#5a92ff29),#111c2be6;border:1px solid #638bc938;border-radius:14px;flex:0 0 44px;width:44px;height:44px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 14px 28px #020a1533}.panel-icon:before,.panel-icon:after{content:"";position:absolute}.panel-icon-race:before{border:1.5px solid #eaf3ff9e;border-radius:999px;inset:10px}.panel-icon-race:after{background:var(--accent-cyan);border-radius:999px;width:10px;height:10px;top:17px;left:17px;box-shadow:0 0 12px #38d9ff6b}.panel-icon-pace:before{background:linear-gradient(140deg,#0000 18%,#38d9ffe6 18% 28%,#0000 28% 44%,#5a92ffe6 44% 54%,#0000 54% 66%,#8b7cffe6 66% 76%,#0000 76%);border-radius:10px;inset:11px 10px}.panel-icon-playlist:before{background:var(--accent-cyan);width:4px;height:18px;box-shadow:8px -4px 0 0 var(--accent-blue), 16px -1px 0 0 var(--accent-violet);border-radius:999px;bottom:11px;left:12px}.panel-icon-playlist:after{background:#eaf3ff38;height:1px;top:12px;left:11px;right:11px}.panel-meta-row{flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;gap:10px;display:flex}.panel-meta-chip{border:1px solid var(--border-soft);min-height:38px;color:var(--text-soft);background:#111c2bb3;border-radius:999px;align-items:center;padding:10px 13px;font-size:.82rem;display:inline-flex}.panel-subtext{color:#eaf3ffcc;max-width:60ch;margin:12px 0 0;line-height:1.6}.field{gap:8px;margin-bottom:16px;display:grid}.field input,.field select{border:1px solid var(--border-soft);width:100%;color:var(--text-main);background:#121d2ce0;border-radius:14px;padding:13px 14px}.field input[type=file]{color:#eaf3ffb8;cursor:pointer;background:linear-gradient(#5a92ff0f,#ffffff05),#121d2ce0;min-height:56px;padding:10px 12px}.field input[type=file]::file-selector-button{color:var(--text-main);font:inherit;cursor:pointer;background:linear-gradient(135deg,#38d9ff24,#5a92ff3d),#111c2beb;border:1px solid #6d97d13d;border-radius:999px;margin-right:12px;padding:10px 14px;font-weight:600}.goal-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.button-row{flex-wrap:wrap;gap:12px;display:flex}.ghost-button{color:var(--text-main);cursor:pointer;background:linear-gradient(135deg,#38d9ff24,#5a92ff42),#111c2beb;border:1px solid #6d97d142;border-radius:999px;padding:14px 18px;font-weight:700;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}.ghost-button:hover{background:linear-gradient(135deg,#38d9ff33,#5a92ff57),#142134f5;border-color:#5a92ff66;transform:translateY(-1px);box-shadow:0 10px 24px #0816284d}.ghost-button:active{background:linear-gradient(135deg,#38d9ff3d,#5a92ff61),#111c2bf5;transform:translateY(0);box-shadow:inset 0 2px 8px #00000047}.ghost-button:focus-visible{outline-offset:2px;outline:2px solid #38d9ffb8}.ghost-button-secondary{color:var(--text-main);background:linear-gradient(135deg,#8b7cff1f,#5a92ff2e),#111c2be6;border:1px solid #788ed338}.ghost-button-quiet{background:#ffffff0d}.error-note{color:#ffd7dd;border-color:#ff4d6d52}.empty-state{color:#eaf3ffd1;background:#ffffff0a;border:1px dashed #ffffff29;border-radius:24px;gap:8px;padding:28px;display:grid}.course-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.map-card,.elevation-card{border:1px solid var(--border-soft);background:#111a27c7;border-radius:26px;position:relative;overflow:hidden}.map-card{min-height:360px;padding:12px}.course-svg,.elevation-svg{width:100%;display:block}.course-bg{fill:#ffffff08}.marker-dot{fill:#101217;stroke:#f3efe7;stroke-width:1.5px}.marker-label{fill:#f3efe7;pointer-events:none;font-size:7px;font-weight:700}.elevation-grid{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:4 6}.elevation-axis-label{fill:#f3efe7ad;font-size:10px;font-weight:600}.highlighted-polyline{filter:drop-shadow(0 0 8px #38d9ff3d)}.map-overlay{justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.map-overlay div{border:1px solid var(--border-soft);background:#09101ac2;border-radius:18px;padding:14px 16px}.elevation-card{margin-top:16px;padding:18px 14px 14px}.mile-plan-panel{grid-template-columns:176px minmax(0,1fr);align-items:stretch;gap:14px;margin-top:16px;display:grid}.mile-plan-elevation-strip{border:1px solid var(--border-soft);background:#111a27b3;border-radius:22px;position:relative;overflow:hidden}.mile-plan-content{min-width:0}.mile-plan-list{grid-template-columns:1fr;gap:12px;display:grid}.mile-row-header,.mile-row{grid-template-columns:minmax(90px,1.1fr) .8fr .8fr .9fr 120px .9fr;align-items:center;gap:12px;display:grid}.mile-row-header{color:#f3efe785;text-transform:uppercase;letter-spacing:.08em;padding:0 14px;font-size:.78rem}.mile-row{border:1px solid var(--border-soft);background:#111a27a8;border-radius:18px;padding:12px 14px}.mile-row-active{background:#5a92ff24;border-color:#5a92ff80;box-shadow:inset 0 0 0 1px #38d9ff2e}.mile-target-input{border:1px solid var(--border-soft);min-width:0;color:var(--text-main);background:#121d2ce0;border-radius:12px;padding:10px 12px}.mile-cell{color:#f3efe7db}.mile-label{font-weight:700}.pace-cell{color:var(--accent-cyan)}.delta-up{color:#9fc2ff}.delta-down{color:var(--accent-violet)}.totals-row{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;padding:0;display:grid}.metric-tile,.totals-row>div{border:1px solid var(--border-soft);background:linear-gradient(#ffffff0a,#ffffff05),#0e1622e0;border-radius:20px;min-width:0;padding:16px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.metric-tile:before,.totals-row>div:before{content:"";background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-blue) 60%, transparent 100%);border-radius:999px;height:2px;position:absolute;top:0;left:18px;right:18px}.metric-tile strong,.totals-row strong{letter-spacing:-.04em;font-size:1.3rem}.timeline-panel{gap:14px;display:grid}.timeline-panel-note{color:#eaf3ffb8;font-size:.86rem;line-height:1.5}.timeline-audio-note{margin-top:12px}.panel-spotify{background:radial-gradient(circle at 100% 0,#5a92ff1f,#0000 24%),radial-gradient(circle at 0 100%,#38d9ff1a,#0000 28%),#0b121dd6}.panel-header-spotify{align-items:flex-end}.playlist-status-stack{gap:10px;min-width:190px;display:grid}.playlist-sync-chip{background:#ffffff0a}.playlist-sync-chip-warning{color:#d9e6ff;background:linear-gradient(135deg,#8b7cff29,#5a92ff1f),#ffffff0a;border-color:#788ed357}.playlist-studio{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:18px;display:grid}.playlist-command-deck,.playlist-focus-card,.timeline-stage{z-index:1;position:relative}.playlist-command-deck{gap:14px;display:grid}.playlist-command-bar,.playlist-selector-card,.playlist-focus-card,.timeline-stage{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;box-shadow:inset 0 1px #ffffff08}.playlist-command-bar{background:radial-gradient(circle at 0 0,#38d9ff1a,#0000 24%),radial-gradient(circle at 100%,#5a92ff1f,#0000 28%),#ffffff0a;flex-wrap:wrap;gap:12px;padding:16px;display:flex}.playlist-selector-card{background:linear-gradient(#ffffff0a,#ffffff08),#ffffff08;padding:18px}.playlist-selector-card .field{margin-bottom:0}.playlist-selector-card .field select{background:linear-gradient(#5a92ff14,#ffffff0a),#121d2ce6;min-height:58px}.playlist-selector-caption{color:#eaf3ffad;justify-content:space-between;gap:16px;margin-top:12px;font-size:.82rem;display:flex}.playlist-panel-note{margin-top:14px}.playlist-focus-card{background:radial-gradient(circle at 100% 0,#5a92ff2e,#0000 32%),radial-gradient(circle at 0 100%,#38d9ff14,#0000 28%),linear-gradient(160deg,#111c2bf2,#0a121efa);align-content:start;gap:16px;padding:22px;display:grid}.playlist-focus-card-imported{background:radial-gradient(circle at 100% 0,#5a92ff38,#0000 32%),radial-gradient(circle at 0 100%,#38d9ff24,#0000 30%),linear-gradient(160deg,#101b2afa,#08101d)}.playlist-focus-badge{color:#f3efe7c7;text-transform:uppercase;letter-spacing:.12em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;justify-self:start;padding:8px 12px;font-size:.78rem}.playlist-focus-kicker{color:var(--accent-cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem}.playlist-focus-copy h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:640;line-height:.94}.playlist-focus-copy p{color:#eaf3ffc2;margin:8px 0 0;line-height:1.5}.playlist-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.playlist-focus-grid div,.playlist-focus-summary-line{background:#07090d42;border:1px solid #ffffff14;border-radius:18px;padding:14px 15px}.playlist-focus-grid span,.playlist-focus-summary-line span{color:#eaf3ffa8;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;display:block}.playlist-focus-grid strong,.playlist-focus-summary-line strong{color:#faf6ed;margin-top:7px;font-size:1.04rem;display:block}.playlist-focus-summary{gap:10px;display:grid}.timeline-stage{background:radial-gradient(circle at 0 0,#38d9ff14,#0000 20%),radial-gradient(circle at 100%,#5a92ff14,#0000 26%),#ffffff08;margin-top:16px;padding:18px}.timeline-stage-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.timeline-stage-header span{color:#eaf3ffad;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;display:block}.timeline-stage-header strong{color:#f6f2ea;margin-top:6px;font-size:1rem;display:block}.timeline-stage-pill{color:#f3efe7c7;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:none;padding:10px 14px;font-size:.82rem}.timeline{--timeline-gutter:12px;--timeline-elevation-width:176px;--timeline-lane-gap:14px;background:linear-gradient(#ffffff0a,#ffffff05),#ffffff08;border:1px solid #ffffff14;border-radius:22px;padding:0 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 44px #0000002e}.timeline-vertical{min-height:960px}.timeline-full{margin-top:16px}.timeline-guide{left:calc(var(--timeline-gutter) + var(--timeline-elevation-width) + var(--timeline-lane-gap));z-index:0;border-top:1px dashed #ffffff1a;height:1px;position:absolute;right:12px}.timeline-guide span{top:-10px;left:calc((var(--timeline-elevation-width) + var(--timeline-lane-gap) - 8px) * -1);width:calc(var(--timeline-elevation-width) - 16px);color:#eaf3ffbd;text-align:left;background:#0c0f15e6;padding:0 8px;font-size:.72rem;position:absolute}.timeline-elevation-strip{top:0;left:var(--timeline-gutter);width:var(--timeline-elevation-width);z-index:0;height:100%;position:absolute}.timeline-elevation-svg{width:100%;height:100%;display:block}.timeline-elevation-title{letter-spacing:.12em;text-transform:uppercase;color:#f3efe77a;font-size:.68rem;position:absolute;top:10px;left:8px}.timeline-elevation-baseline{stroke:#ffffff24;stroke-width:1px}.timeline-elevation-fill{fill:#38d9ff14}.timeline-elevation-line{filter:drop-shadow(0 0 6px #38d9ff2e)}.timeline-block{left:calc(var(--timeline-gutter) + var(--timeline-elevation-width) + var(--timeline-lane-gap));z-index:1;cursor:grab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0f,#ffffff05),#0c0f15c7;border:1px solid #ffffff24;border-radius:18px;align-items:flex-start;gap:12px;padding:12px 14px 16px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;position:absolute;right:18px;overflow:hidden;box-shadow:0 12px 28px #00000029}.timeline-block:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 18px 34px #00000038}.timeline-artwork-link,.timeline-title-link{color:inherit;text-decoration:none}.timeline-artwork{object-fit:contain;background:#0a0c102e;border:1px solid #ffffff24;border-radius:12px;flex:0 0 58px;width:58px;height:58px}.timeline-artwork-fallback{text-align:center;place-items:center;padding:6px;font-size:.66rem;font-weight:700;display:grid}.timeline-block-copy{flex:1;align-content:start;gap:8px;min-width:0;display:grid}.timeline-block span,.timeline-block strong,.timeline-block small,.timeline-block em{text-overflow:ellipsis;display:block;overflow:hidden}.timeline-song-title{margin:0;font-size:.98rem;font-weight:700}.timeline-artist{color:#f3efe7c7;margin:0;font-size:.8rem}.timeline-support-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.timeline-album-block{flex:1;min-width:0}.timeline-album-label{letter-spacing:.12em;text-transform:uppercase;color:#eaf3ff8f;margin:0;font-size:.62rem}.timeline-album-name{color:#f3efe7eb;margin-top:4px;font-size:.9rem;font-weight:700;line-height:1.22}.timeline-album-name-fallback{color:#f3efe7ad;font-weight:600}.timeline-support-meta{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.timeline-meta-pill{color:#eaf3ffbd;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:28px;padding:6px 10px;font-size:.68rem;line-height:1.2;display:inline-flex}.timeline-time-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-time-row small{opacity:.72;font-size:.72rem;font-style:normal;line-height:1.3}.timeline-time-row-start{flex:1;min-width:0}.timeline-time-row-end{text-align:right;white-space:nowrap;flex:none}.timeline-telemetry-panel{background:radial-gradient(circle at 100% 0,#5a92ff2e,#0000 38%),linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1a;border-radius:14px;padding:10px 10px 14px;position:relative;overflow:hidden}.timeline-telemetry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.timeline-telemetry-card{background:#080a0e6b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-start;min-width:0;min-height:92px;padding:10px 10px 12px;display:flex}.timeline-telemetry-card-energy{background:linear-gradient(135deg,#38d9ff24,#5a92ff1a)}.timeline-telemetry-label{letter-spacing:.12em;text-transform:uppercase;color:#f3efe78a;text-overflow:clip;margin:0;font-size:.6rem;line-height:1.25;overflow:visible}.timeline-telemetry-value{color:#f9f5eb;text-overflow:clip;margin-top:4px;font-size:.9rem;font-weight:700;line-height:1.16;overflow:visible}.timeline-telemetry-unit{color:#f3efe78f;text-overflow:clip;margin-top:5px;font-size:.62rem;line-height:1.28;overflow:visible}.timeline-telemetry-meter{background:#ffffff14;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.timeline-telemetry-meter-fill{background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-blue) 52%, var(--accent-violet) 100%);border-radius:999px;height:100%;box-shadow:0 0 10px #5a92ff47}.timeline-metadata-panel{background:radial-gradient(circle at 0 0,#38d9ff1f,#0000 34%),linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1a;border-radius:14px;padding:10px 10px 14px;position:relative;overflow:hidden}.timeline-metadata-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.timeline-metadata-card{background:#080a0e6b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-start;min-width:0;min-height:92px;padding:10px 10px 12px;display:flex}.timeline-metadata-card-explicit{background:linear-gradient(135deg,#8b7cff1f,#ffffff08)}.timeline-metadata-card-isrc{background:linear-gradient(135deg,#38d9ff1a,#ffffff08)}.timeline-metadata-code{letter-spacing:.05em;text-overflow:clip;font-family:SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.18;overflow:visible}.timeline-title-link:hover span,.timeline-artwork-link:hover+.timeline-block-copy .timeline-title-link span{text-decoration:underline}.timeline-block-dragging{opacity:.45}.energy-warm{color:#e1f8ff;border-color:#38d9ff3d;box-shadow:inset 3px 0 #38d9ff80,0 12px 28px #00000029}.energy-steady{color:#e6efff;border-color:#5a92ff3d;box-shadow:inset 3px 0 #5a92ff7a,0 12px 28px #00000029}.energy-surge{color:#efe9ff;border-color:#8b7cff47;box-shadow:inset 3px 0 #8b7cff85,0 12px 28px #00000029}@media (width<=1120px){.hero-card,.playlist-studio{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:18px 14px 40px}.goal-grid,.mile-plan-list,.course-summary{grid-template-columns:1fr}.mile-row-header{display:none}.mile-plan-panel{grid-template-columns:1fr}.mile-plan-elevation-strip{display:none}.mile-row{grid-template-columns:1fr 1fr}.panel{padding:18px}.panel-header,.panel-header-spotify,.timeline-stage-header,.playlist-selector-caption{flex-direction:column;align-items:flex-start}.playlist-status-stack,.playlist-focus-grid{width:100%}.playlist-command-bar{padding:14px}.playlist-command-bar .ghost-button{width:100%}.playlist-focus-grid{grid-template-columns:1fr}.timeline-block{left:18px}.timeline{--timeline-gutter:0px;--timeline-elevation-width:0px;--timeline-lane-gap:0px}.timeline-guide{left:18px}.timeline-guide span{text-align:left;width:auto;padding:0 6px;left:8px}.timeline-elevation-strip{display:none}.timeline-time-row,.timeline-support-row{flex-direction:column;align-items:flex-start;gap:2px}.timeline-support-meta{justify-content:flex-start}.timeline-telemetry-grid,.timeline-metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}