:root{--bg: #f7f2e8;--panel: #fff9ef;--ink: #1f2a32;--muted: #54606a;--accent: #f35b24;--accent-2: #1f7a8c;--good: #1e8f59;--line: #e8d6bc}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,#ffd7a1 0%,transparent 35%),radial-gradient(circle at 85% 10%,#a9d8de 0%,transparent 40%),linear-gradient(180deg,#fff7e8,#f2eadc)}.app{width:min(1080px,calc(100% - 2rem));margin:1.2rem auto 2rem;display:grid;gap:.9rem}.panel{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 10px 20px #00000014}.hero{background:linear-gradient(120deg,#fff5da,#ffe8c4 55%,#d8f0f3)}.eyebrow{margin:0;font-weight:700;color:var(--accent-2);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}h1{margin:.2rem 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}h2{margin-top:0}.subtitle{margin:0;color:var(--muted)}.seed-row{margin-top:.9rem;display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem}.input{border:2px solid var(--line);border-radius:10px;padding:.65rem;font-size:1rem}.seed-btn,.choice-btn,.chip,.play-toggle{border:none;border-radius:999px;padding:.65rem 1rem;font-weight:700;cursor:pointer;transition:transform .15s ease}.seed-btn:hover,.choice-btn:hover,.chip:hover,.play-toggle:hover{transform:translateY(-1px)}.seed-btn{background:#293241;color:#fff}.episode-title{margin:.8rem 0 0;font-weight:700}.play-toggle{width:100%;font-size:clamp(1.4rem,3.5vw,2.4rem);background:linear-gradient(90deg,var(--accent) 0%,#ff8f00 100%);color:#fff;padding:1rem;margin-bottom:1rem}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:.6rem}.meta-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.meta-value{margin:.2rem 0 0;font-size:1.02rem;font-weight:700}.stoke{color:var(--good)}.progress-wrap{margin-top:.8rem}.progress-label{font-size:.78rem;color:var(--muted);margin-bottom:.2rem}.progress-track{position:relative;background:#f0dfc7;border-radius:999px;height:14px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ef5b26,#ffa700)}.progress-fill.alt{background:linear-gradient(90deg,#1f7a8c,#5db7c4)}.line-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:999px;border:2px solid #fff;background:#ccb695;transform:translate(-50%,-50%);cursor:pointer;z-index:2}.line-marker.active{background:#293241}.nav-row{margin-top:.75rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.nav-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9b497;border-radius:999px;background:#fff4e2;color:var(--ink);font-weight:700;font-size:1.15rem;line-height:0;padding:.5rem;min-height:2.2rem;cursor:pointer}.nav-btn:disabled{opacity:.45;cursor:not-allowed}.intensity{margin-top:.9rem}.chip-row,.choice-row{display:flex;flex-wrap:wrap;gap:.45rem}.chip{background:#f2e6d4;color:var(--ink)}.chip.active{background:#293241;color:#fff}.intensity-copy{margin:.5rem 0 0;color:var(--muted)}.layout-two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.workout-title{margin:0;font-size:1.15rem;font-weight:700}.small-note{margin:.4rem 0 0;font-size:.82rem;color:var(--muted)}.checkbox{display:flex;gap:.45rem;align-items:center}.slider-wrap{margin-top:.45rem;display:grid;gap:.3rem}.distance{margin-bottom:0;font-size:1.4rem;font-weight:700}.choice-panel{border-color:#f6b66f;background:#fff2de}.choice-btn{background:#293241;color:#fff}.caption-live{margin:0;font-weight:700;font-size:1.06rem}.caption-history{margin-top:.7rem;border-top:1px dashed var(--line);padding-top:.6rem}.caption-history p{margin:0 0 .35rem;color:var(--muted)}.toast-stack{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.6rem;width:min(360px,calc(100vw - 1.5rem));z-index:1200;pointer-events:none}.toast{pointer-events:auto;background:#fffaf2;border:2px solid #e5d3b8;border-radius:14px;padding:.6rem .7rem .65rem;box-shadow:0 14px 24px #00000029;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.toast.closing{opacity:0;transform:translateY(10px)}.toast.info{border-color:#d6c39f}.toast.success{border-color:#7abf98}.toast.error{border-color:#d07660}.toast-title{margin:0;font-weight:700;font-size:.92rem}.toast-detail{margin:.25rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.2}.toast-progress-track{margin-top:.45rem;height:7px;border-radius:999px;background:#edd8ba;overflow:hidden}.toast-progress-fill{height:100%;background:linear-gradient(90deg,#1f7a8c,#36a7bf);transition:width .2s ease}.toast.error .toast-progress-fill{background:linear-gradient(90deg,#bf4f32,#e07a5f)}.timeline{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:.5rem}.timeline-item{width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;padding:.5rem;background:#fffefa;cursor:pointer}.timeline-item p{margin:0;font-weight:700}.timeline-item span{font-size:.85rem;color:var(--muted)}.timeline-item.current{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--accent-2)}.timeline-item.done{background:#e8f5e8}.prompt-list{margin:0;padding-left:1rem}.prompt-list li{margin-bottom:.4rem}@media (max-width: 850px){.seed-row,.meta-grid,.layout-two,.timeline{grid-template-columns:1fr}.nav-row{grid-template-columns:repeat(4,minmax(0,1fr))}}