@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-size:var(--font-body);color:#e8e9e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#0b0d0d;--panel:#141717;--panel-raised:#191d1d;--field:#0d1010;--border:#292e2d;--muted-border:#202524;--text:#e8e9e8;--muted:#858e8b;--subtle:#626c68;--orange:#ff713e;--orange-dark:#e65a1f;--orange-soft:#ff713e1f;--green:#62dda0;--green-dark:#173728;--font-body:1.05rem;--font-2xs:.46rem;--font-xs:.53rem;--font-sm:.59rem;--font-base:.66rem;--font-md:.72rem;--font-lg:.79rem;--font-xl:.85rem;--font-2xl:.92rem;--font-3xl:.98rem;--font-4xl:1.05rem;--font-5xl:1.12rem;--font-section-title:1.44rem;--font-page-title:1.64rem;--font-hero-title:clamp(1.51rem, 2.43vw, 2.03rem);--font-display-title:clamp(2.1rem, 5.2vw, 3.22rem);background:#0b0d0d;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{background:var(--bg);min-height:100vh}.topbar{background:#0c0e0e;border-bottom:1px solid #222625;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:66px;padding:0 clamp(20px,4.2vw,64px);display:grid}.brand{width:fit-content;font-family:Manrope,sans-serif;font-size:var(--font-4xl);letter-spacing:-.55px;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--orange);border-radius:6px;flex:none;justify-content:center;align-items:center;gap:1.5px;width:20px;height:20px;padding:4px 5px;display:inline-flex}.brand-mark span{background:#111515;border-radius:4px;width:1.5px;display:block}.brand-mark span:first-child,.brand-mark span:nth-child(5){height:5px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){height:9px}.brand-mark span:nth-child(3){height:12px}.main-nav{align-self:stretch;align-items:stretch;gap:28px;display:flex}.nav-link{color:#8c9491;font-size:var(--font-md);align-items:center;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}.nav-link:hover,.nav-link.active{color:#f1f2f1}.nav-link.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:0;left:0;right:0}.topbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.preview-pill,.status-pill{color:#a6aeab;white-space:nowrap;font-size:var(--font-base);background:#171b1a;border:1px solid #252b29;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;display:inline-flex}.preview-pill{transition:border-color .15s,color .15s}.preview-pill:hover{color:#fff;border-color:#3c4943}.online-dot{background:var(--green);border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}.spotify-session{color:#a4adaa;font-size:var(--font-base);align-items:center;gap:9px;display:flex}.session-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.text-button{color:var(--orange);font-size:var(--font-base);background:0 0;border:0;padding:5px}.page-content{width:min(1440px,100%);margin:0 auto;padding:18px clamp(16px,3.6vw,52px) 28px}.hero-banner{isolation:isolate;background:linear-gradient(108deg,#151a19 0%,#131716 55%,#0e1614 100%);border:1px solid #202624;border-radius:11px;align-items:center;min-height:142px;display:flex;position:relative;overflow:hidden}.hero-banner:after{content:"";z-index:-1;background:linear-gradient(90deg,#141817 0%,#141817f7 40%,#14181787 69%,#1418171f 100%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(610px,65%);padding:22px 24px}.eyebrow,.result-kicker{color:var(--orange);font-size:var(--font-xs);letter-spacing:.45px;margin:0 0 8px;font-weight:700}.hero-copy h1{font-family:Manrope,sans-serif;font-size:var(--font-hero-title);letter-spacing:-.9px;margin:0;font-weight:500;line-height:1.18}.hero-description{color:#8c9691;max-width:480px;font-size:var(--font-base);margin:8px 0 0;line-height:1.7}.hero-art{z-index:-2;width:80%;position:absolute;inset:0 0 0 auto;overflow:hidden}.hero-image{object-fit:cover;object-position:center;opacity:.6;width:100%;height:100%;position:absolute;bottom:0;right:0}.workspace-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:14px;margin-top:15px;display:grid}.setup-column{flex-direction:column;gap:12px;min-width:0;display:flex}.panel{border:1px solid var(--border);background:var(--panel);border-radius:11px;min-width:0}.setup-panel{padding:19px 18px 16px}.panel-heading{align-items:flex-start;gap:9px;margin-bottom:20px;display:flex}.panel-heading h2,.result-heading h2{color:#e6e9e7;font-family:Manrope,sans-serif;font-size:var(--font-2xl);letter-spacing:-.25px;margin:0;font-weight:600}.panel-heading p{color:var(--muted);font-size:var(--font-sm);margin:3px 0 0}.field-block{min-width:0}.field-block label{color:#c5cbc8;font-size:var(--font-sm);margin-bottom:7px;display:block}.field-block label span{color:var(--muted)}.field-hint{color:#737d79;font-size:var(--font-xs);margin:6px 0 0;line-height:1.55}.workout-type-field{margin-bottom:17px}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-left:34px;padding-right:35px}.type-icon{z-index:1;color:var(--orange);font-size:var(--font-5xl);line-height:1;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.select-chevron{color:#98a19d;pointer-events:none;font-size:var(--font-3xl);position:absolute;top:50%;right:11px;transform:translateY(-60%)}input:not([type=checkbox]),select,textarea{background:var(--field);color:#e6e9e7;width:100%;min-width:0;font-size:var(--font-base);border:1px solid #292f2d;border-radius:5px;outline:none;transition:border-color .14s,box-shadow .14s}input:not([type=checkbox]),select{height:35px;padding:0 10px}textarea{resize:vertical;padding:10px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#ff713eb8;box-shadow:0 0 0 2px #ff713e14}input:disabled,select:disabled,textarea:disabled{opacity:.48;cursor:not-allowed}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-unit{align-items:center;min-width:0;display:flex;position:relative}.input-with-unit input{padding-right:43px}.input-with-unit>span{color:#87918d;font-size:var(--font-xs);pointer-events:none;white-space:nowrap;position:absolute;right:9px}.form-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px;display:grid}.steady-top-fields{align-items:start}.pace-field{position:relative}.pace-field>label{padding-right:36px}.unit-caption{color:#8b9490;font-size:var(--font-xs);position:absolute;top:0;right:0}.pace-inputs{grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr);align-items:center;gap:5px;display:grid}.pace-separator{color:#7c8581;text-align:center;font-size:var(--font-lg)}.pace-inputs .input-with-unit input{padding-left:9px;padding-right:30px}.pace-inputs .input-with-unit>span{right:7px}.step-length-field{margin-top:17px}.step-length-note{color:#9aa39f;background:#1d2221;border-radius:6px;align-items:center;gap:10px;margin-top:13px;padding:9px 10px;display:flex}.step-length-note p{font-size:var(--font-xs);margin:0;line-height:1.55}.note-icon{color:#9ca6a2;font-size:var(--font-4xl);flex:none}.generation-actions{margin-top:16px}.primary-button{border:1px solid var(--orange);background:var(--orange);color:#171311;width:100%;min-height:40px;font-size:var(--font-base);border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-weight:700;transition:filter .15s,transform .15s;display:flex}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button-wave{font-size:var(--font-3xl)}.button-arrow{font-size:var(--font-4xl);margin-left:1px}.button-caption{color:#7d8782;text-align:center;font-size:var(--font-xs);margin:7px 0 0;line-height:1.5}.secondary-action{color:#89938e;font-size:var(--font-xs);background:0 0;border:0;margin:8px auto 0;padding:4px 8px;display:block}.secondary-action:hover{color:#d1d7d3}.progress-container{width:100%;margin-top:1rem}.progress-heading{font-size:var(--font-base);justify-content:space-between;margin-bottom:.5rem;display:flex}.progress-track{background:var(--green-dark);border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--orange-dark);border-radius:10px;height:100%;transition:width .4s}.interval-list-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.interval-list-heading h3{font-size:var(--font-base);margin:0;font-weight:600}.interval-list-heading>span{color:var(--muted);font-size:var(--font-xs)}.interval-intro{margin:6px 0 10px}.interval-card{background:#191d1c;border:1px solid #2a302e;border-radius:6px;margin-bottom:8px;padding:9px}.interval-card-heading{color:#d4d9d6;font-size:var(--font-sm);justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.interval-card-heading b{color:var(--orange);font-size:var(--font-xs);margin-right:5px}.icon-button{color:#9ba5a1;width:20px;height:20px;font-size:var(--font-4xl);background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}.icon-button:hover:not(:disabled){color:var(--orange)}.interval-input-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr) minmax(0,.8fr);gap:8px;display:grid}.interval-input-grid .field-block label{margin-bottom:5px}.interval-input-grid .input-with-unit input{height:32px;padding-left:7px;padding-right:28px}.interval-input-grid .input-with-unit>span{font-size:var(--font-2xs);right:6px}.interval-pace-inputs{grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr);gap:3px}.interval-pace-inputs .input-with-unit input{padding-left:6px;padding-right:25px}.interval-pace-inputs .input-with-unit>span{right:5px}.add-interval-button{width:100%;height:31px;color:var(--orange);font-size:var(--font-sm);background:#ff713e1f;border:1px solid #a94a2b;border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.add-interval-button:hover{background:#ff713e33}.interval-total{text-align:right}.interval-total strong{color:#cbd2cd;font-weight:600}.secondary-panel{overflow:hidden}.secondary-panel summary{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 16px;list-style:none;display:grid}.secondary-panel summary::-webkit-details-marker{display:none}.summary-title{color:#e3e7e4;font-size:var(--font-md);font-weight:600}.summary-description{color:var(--muted);font-size:var(--font-xs);grid-column:1}.summary-chevron{color:#929c97;font-size:var(--font-3xl);grid-area:1/2/span 2;transition:transform .15s}.secondary-panel[open] .summary-chevron{transform:rotate(45deg)}.details-content{flex-direction:column;gap:14px;padding:0 16px 16px;display:flex}.section-description{color:var(--muted);font-size:var(--font-sm);margin:0;line-height:1.55}.checkbox-row{color:#bfc6c2;font-size:var(--font-sm);align-items:center;gap:8px;display:flex}.checkbox-row input{accent-color:var(--orange);width:13px;height:13px;margin:0}.advanced-grid{grid-template-columns:1fr 1fr}.result-panel{flex-direction:column;min-height:410px;padding:17px 17px 15px;display:flex}.result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-heading h2{font-size:var(--font-xl);font-weight:500}.status-pill{font-size:var(--font-xs);padding:5px 9px}.status-pill .online-dot{background:#6c8580;width:4px;height:4px}.status-pill.status-success .online-dot{background:var(--green)}.sound-core{z-index:1;background:var(--green);border-radius:50%;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 0 30px #62dda021}.brand-mark-dark{background:0 0;width:18px;height:18px;padding:3px 4px}.brand-mark-dark span{background:#123321}.sound-bars{opacity:.65;align-items:center;gap:5px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sound-bars span{background:#214e37;border-radius:5px;width:4px;min-height:5px}.sound-bars-left{right:calc(50% + 65px)}.sound-bars-right{left:calc(50% + 65px)}.result-content{padding:18px 0 0}.result-kicker{color:var(--green);font-size:var(--font-2xs);margin-bottom:8px}.result-content h3{font-family:Manrope,sans-serif;font-size:var(--font-4xl);letter-spacing:-.35px;margin:0;font-weight:700;line-height:1.35}.result-description{color:#8e9893;max-width:520px;font-size:var(--font-sm);margin:7px 0 0;line-height:1.65}.result-reserved{border:1px dashed #2a322e;border-radius:6px;margin-top:18px;padding:12px 11px}.result-reserved>p{color:#a8b0ac;font-size:var(--font-2xs);margin:0 0 12px}.reserved-columns{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.reserved-columns>div{color:#87918c;font-size:var(--font-2xs);flex-direction:column;gap:5px;display:flex}.reserved-line{background:#5d7367;border-radius:5px;width:20px;height:2px}.reserved-line-long{width:36px}.result-footer{color:#89948e;font-size:var(--font-xs);align-items:center;gap:6px;margin:auto 0 0;padding-top:24px;display:flex}.headphone-icon{color:var(--green);font-size:var(--font-lg)}.error-message{color:#e7c4b5;font-size:var(--font-sm);white-space:pre-line;background:#ff713e12;border:1px solid #ff713e59;border-radius:6px;margin:0 0 12px;padding:10px 32px 10px 11px;line-height:1.5;position:relative}.error-message strong{color:#ff9c79;margin-bottom:3px;display:block}.error-message p{margin:0}.dismiss-error{color:#dfa28e;font-size:var(--font-5xl);background:0 0;border:0;position:absolute;top:5px;right:7px}.result-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.result-stat{background:#171c19;border:1px solid #29312d;border-radius:6px;flex-direction:column;gap:5px;padding:10px;display:flex}.result-stat span{color:#84918a;font-size:var(--font-xs)}.result-stat strong{color:#dfe8e1;font-size:var(--font-2xl);font-weight:600}.result-detail-box,.warning-list{background:#111513;border:1px solid #29312d;border-radius:6px;margin-top:12px;padding:12px}.result-detail-box h4,.warning-list h4{font-size:var(--font-sm);margin:0 0 9px;font-weight:600}.segment-list,.warning-list ul{color:#aab4ae;font-size:var(--font-xs);margin:0;padding-left:18px;line-height:1.8}.segment-list code{overflow-wrap:anywhere;color:#b5c8bc;font-size:var(--font-xs)}.result-detail-box>p{color:var(--muted);font-size:var(--font-xs)}.workout-segments{gap:10px;max-height:400px;padding-right:3px;display:grid;overflow-y:auto}.workout-segments::-webkit-scrollbar{width:6px}.workout-segments::-webkit-scrollbar-track{background:0 0;border-radius:4px}.workout-segments::-webkit-scrollbar-thumb{background:var(--orange);border-radius:4px}.workout-segments::-webkit-scrollbar-thumb:hover{background:var(--orange-dark)}.workout-segment-card{border:1px solid var(--border);background:radial-gradient(#11241a 0%,#0d1c15 55%,#0d1914 100%);border-radius:6px;padding:13px}.workout-segment-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.segment-number{color:var(--green);font-size:var(--font-2xs);letter-spacing:.45px;font-weight:700}.workout-segment-heading h5{color:#e6e9e7;font-family:Manrope,sans-serif;font-size:var(--font-lg);letter-spacing:-.2px;margin:5px 0 0;font-weight:600}.segment-duration{background:var(--orange-soft);color:var(--orange);font-size:var(--font-base);white-space:nowrap;border:1px solid #ff713e33;border-radius:5px;padding:6px 9px;font-weight:600}.segment-cadence{border-top:1px solid #29312d;border-bottom:1px solid #29312d;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px 0;display:grid}.segment-cadence div{flex-direction:column;gap:5px;min-width:0;display:flex}.segment-cadence strong{color:#dfe8e1;font-family:Manrope,sans-serif;font-size:var(--font-lg);letter-spacing:-.2px;font-weight:600}.segment-cadence span,.track-artist{color:var(--muted);font-size:var(--font-xs);line-height:1.45}.segment-tracks{margin-top:13px}.segment-tracks h6{color:#dfe5e0;font-size:var(--font-sm);align-items:center;gap:7px;margin:0 0 7px;font-weight:600;display:flex}.segment-tracks h6>span:first-child{color:var(--green);font-size:var(--font-lg)}.track-count{min-width:18px;height:18px;color:var(--green);font-size:var(--font-xs);background:#17231c;border:1px solid #293a30;border-radius:4px;place-items:center;padding:0 4px;font-weight:600;display:inline-grid}.segment-track{border-bottom:1px solid #202824;align-items:center;gap:10px;padding:10px 0;display:flex}.segment-track:last-child{border-bottom:0}.track-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.track-title{overflow-wrap:anywhere;color:#e1e6e2;font-size:var(--font-sm);font-weight:500;line-height:1.45}.track-title a{color:inherit;text-decoration:none;transition:color .15s}.track-title a:hover{color:var(--orange)}.track-bpm,.track-duration{color:#87918b;font-size:var(--font-xs);white-space:nowrap}.track-duration{text-align:right;min-width:29px}.segment-timing{color:var(--muted);font-size:var(--font-xs);background:#141717a6;border:1px solid #29312d;border-radius:5px;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-top:10px;padding:9px;line-height:1.5;display:flex}.segment-timing strong{color:#dfe8e1;font-weight:600}.segment-timing>span:last-child{color:var(--orange)}.page-footer{color:#616b66;font-size:var(--font-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:18px 0 0;display:flex}.page-footer p{gap:7px;margin:0;display:flex}.page-footer strong{color:#8c9690;font-weight:500}.footer-meta{align-items:center;gap:6px;margin-left:auto;display:flex}.footer-meta span{color:#99a39e;font-size:var(--font-xl)}.attribution{color:#606b65;text-decoration:none}.attribution:hover{color:var(--orange)}.developer-tools{color:#7e8983;font-size:var(--font-sm);margin-top:22px}.developer-tools summary{cursor:pointer;width:fit-content}.developer-tools>div{gap:8px;padding-top:10px;display:flex}.outline-button{color:#c0c7c2;font-size:var(--font-sm);background:#151918;border:1px solid #303734;border-radius:5px;padding:7px 10px}.outline-button:hover:not(:disabled){border-color:#53625a}.page-view{min-height:420px}.page-view-generator{animation:.3s both page-from-left}.page-view-how{animation:.3s both page-from-right}@keyframes page-from-left{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes page-from-right{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.how-page{flex-direction:column;gap:22px;display:flex}.how-hero{isolation:isolate;border:1px solid var(--border);background:radial-gradient(at 90% 15%,#62dda021,#0000 38%),linear-gradient(115deg,#171d1a,#101513);border-radius:11px;padding:clamp(28px,5vw,58px);position:relative;overflow:hidden}.how-hero h1{max-width:700px;font-family:Manrope,sans-serif;font-size:var(--font-display-title);letter-spacing:-1.5px;margin:0;font-weight:700;line-height:1.12}.how-hero>p:not(.eyebrow){color:#9aa49e;max-width:590px;font-size:var(--font-lg);margin:14px 0 0;line-height:1.8}.how-flow{flex-wrap:wrap;align-items:center;gap:9px;margin-top:28px;display:flex}.how-flow-step{color:#cbd5ce;font-size:var(--font-sm);background:#141c17cc;border:1px solid #303a34;border-radius:5px;padding:8px 12px}.how-flow-arrow{color:var(--orange);font-size:var(--font-2xl)}.how-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-top:8px;display:flex}.how-section-heading h2{font-family:Manrope,sans-serif;font-size:var(--font-section-title);letter-spacing:-.5px;margin:0;font-weight:600}.how-section-heading>p{max-width:280px;color:var(--muted);font-size:var(--font-sm);margin:0;line-height:1.6}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.how-card{border:1px solid var(--border);background:linear-gradient(145deg,#181d1b,#111514);border-radius:11px;flex-direction:column;min-height:225px;padding:21px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.how-card:hover{border-color:#48584e;transform:translateY(-3px)}.how-card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.how-number{color:var(--orange);font-size:var(--font-xs);letter-spacing:.7px;font-weight:700}.how-icon{width:35px;height:35px;color:var(--green);font-size:var(--font-5xl);background:#1b2920;border:1px solid #344438;border-radius:8px;place-items:center;display:grid}.how-card h3{color:#e8ece9;font-family:Manrope,sans-serif;font-size:var(--font-3xl);margin:0;font-weight:600}.how-card>p{color:#929d96;font-size:var(--font-sm);margin:9px 0 20px;line-height:1.8}.how-card-footer{color:#718078;font-size:var(--font-xs);border-top:1px solid #29312d;margin-top:auto;padding-top:12px}.how-note{background:#141c17;border:1px solid #29362e;border-radius:8px;align-items:center;gap:12px;padding:15px 17px;display:flex}.how-note-mark{width:23px;height:23px;color:var(--green);font-size:var(--font-lg);background:#22392a;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.how-note p{color:#929d96;font-size:var(--font-sm);margin:0;line-height:1.7}.how-note strong{color:#dce5de}.main-nav .nav-link{cursor:pointer;background:0 0;border:0;padding:0}@media (width>=1500px){.page-content{padding-top:18px}.hero-banner{min-height:154px}.setup-panel{padding:21px 20px 17px}.result-panel{padding:19px 19px 16px}}@media (width<=900px){.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-card:last-child{grid-column:1/-1}.topbar{grid-template-columns:1fr auto;gap:14px}.main-nav{grid-area:2/1/auto/-1;justify-content:center;gap:25px;height:35px}.topbar{height:89px;padding-inline:20px}.topbar-actions{grid-area:1/2}.workspace-grid{grid-template-columns:minmax(0,1fr)}.result-panel{min-height:460px}.hero-copy{width:75%}.hero-art{width:65%}.page-footer{align-items:flex-start}.footer-meta{margin-left:0}}@media (width<=560px){.how-grid{grid-template-columns:1fr}.how-card:last-child{grid-column:auto}.how-section-heading{flex-direction:column;align-items:flex-start;gap:7px}.how-hero{padding:26px 19px}.how-hero h1{font-size:var(--font-display-title)}.how-flow{gap:6px}.how-flow-step{font-size:var(--font-xs);padding:7px 8px}.topbar{padding-inline:15px}.brand{font-size:var(--font-2xl)}.main-nav{gap:20px}.nav-link{font-size:var(--font-base)}.spotify-session .session-name{display:none}.page-content{padding:13px 12px 24px}.hero-banner{min-height:165px}.hero-copy{width:100%;padding:20px 18px}.hero-banner:after{background:linear-gradient(90deg,#141817fc 0%,#141817e6 65%,#1418178c 100%)}.hero-art{opacity:.6;width:75%}.hero-copy h1{max-width:310px;font-size:var(--font-page-title)}.hero-description{max-width:320px}.setup-panel{padding:16px 13px 14px}.form-grid{grid-template-columns:minmax(0,1fr);gap:13px}.interval-input-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.interval-step-field{grid-column:1/-1}.interval-step-field .input-with-unit{max-width:50%}.result-panel{padding:14px 13px}.result-heading{align-items:flex-start}.status-pill{white-space:normal;text-align:center;max-width:145px}.result-stats-grid{grid-template-columns:1fr}.reserved-columns{gap:7px}.page-footer{flex-direction:column;gap:8px}.footer-meta{margin-left:0}.workout-segment-card{padding:11px}.segment-cadence{gap:5px}.segment-cadence strong{font-size:var(--font-md)}.segment-track{gap:7px}}@media (prefers-reduced-motion:reduce){.page-view-generator,.page-view-how{animation:none}.how-card{transition:none}}