:root{color:#eff6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#14b8a624,#0000 35%),radial-gradient(circle at 100% 100%,#fbbf242e,#0000 30%),#050816;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}code{font-family:IBM Plex Mono,monospace;font-size:.9em}.page-shell{min-height:100vh;position:relative;overflow:hidden}.background-orb{filter:blur(110px);opacity:.24;pointer-events:none;border-radius:999px;width:38rem;height:38rem;position:absolute}.background-orb-a{background:#14b8a6;top:-10rem;left:-8rem}.background-orb-b{background:#f59e0b;bottom:-14rem;right:-10rem}.app-frame{max-width:1280px;margin:0 auto;padding:3rem 1.5rem 2rem;position:relative}.hero{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.eyebrow,.section-label{color:#67e8f9;letter-spacing:.22em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:700}.hero h1,.routine-header h2,.control-strip h2{margin:0}.hero h1{font-size:clamp(2.5rem,5vw,4.75rem);line-height:.94}.hero-copy{color:#e2e8f0d1;max-width:52rem;margin:.85rem 0 0;font-size:1rem;line-height:1.6}.youtube-link,.overlay-link{color:#f8fafc;background:#0f172aeb;border:1px solid #94a3b83d;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,border-color .2s;display:inline-flex}.youtube-link{min-width:12rem;padding:.95rem 1.2rem}.youtube-link:hover,.overlay-link:hover{border-color:#67e8f97a;transform:translateY(-1px)}.layout{grid-template-columns:minmax(0,1.75fr) minmax(320px,.95fr);gap:1.25rem;display:grid}.card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#0f172ae0,#0f172aad);border:1px solid #94a3b829;border-radius:1.75rem;box-shadow:0 30px 100px #02081773}.player-panel{padding:1.15rem}.video-shell{aspect-ratio:16/9;background:#020617;border:1px solid #94a3b81f;border-radius:1.35rem;position:relative;overflow:hidden}.video-frame,.video-frame>div,.video-iframe{width:100%;height:100%}.video-overlay{border:0;position:absolute;inset:0}.transport-overlay{color:#f8fafc;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#0000 35%,#030712d1 100%);justify-content:flex-start;align-items:flex-end;padding:1.5rem;font-size:1rem;font-weight:700;display:flex}.transport-overlay span{background:#0f172acc;border:1px solid #94a3b82e;border-radius:999px;padding:.85rem 1rem}.error-state{background:linear-gradient(#7c2d12e6,#450a0aeb);flex-direction:column;justify-content:center;gap:.9rem;padding:1.8rem;display:flex}.error-state h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.error-state p{color:#ffedd5e6;margin:0;line-height:1.6}.status-tag{color:#fde68a;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.overlay-link{width:fit-content;padding:.9rem 1.1rem}.control-strip,.timer-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.subtle-copy{color:#cbd5e1bf;margin:.35rem 0 0}.duration-input{text-align:right;gap:.45rem;display:grid}.duration-input span{color:#94a3b8d6;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.duration-input input{color:#f8fafc;text-align:center;background:#0f172ad6;border:1px solid #94a3b833;border-radius:1rem;width:6rem;margin-left:auto;padding:.8rem .9rem}.timer-row{align-items:flex-end}.timer-face{color:#67e8f9;font-family:IBM Plex Mono,monospace;font-size:clamp(3.3rem,7vw,5.8rem);line-height:.92}.timer-live{color:#fbbf24}.transport-row{align-items:center;gap:.8rem;display:flex}.primary-button,.ghost-button{border:1px solid #0000;border-radius:999px;padding:.95rem 1.3rem;transition:transform .2s,opacity .2s,border-color .2s}.primary-button{color:#04111d;background:linear-gradient(135deg,#14b8a6,#0ea5e9);font-weight:700}.ghost-button{color:#e2e8f0;background:#0f172ad6;border-color:#94a3b82e}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed}.status-line{color:#e2e8f0c7;background:#0206176b;border-radius:1rem;align-items:center;gap:.65rem;margin-top:1.25rem;padding:1rem 1.1rem;display:flex}.pulse{background:#94a3b866;border-radius:999px;width:.75rem;height:.75rem}.pulse-live{background:#22c55e;box-shadow:0 0 0 8px #22c55e29}.routine-panel{padding:1.2rem}.routine-header{margin-bottom:1rem}.exercise-list{flex-direction:column;gap:.75rem;display:flex}.exercise-card{text-align:left;color:#e2e8f0;background:#0f172aad;border:1px solid #94a3b829;border-radius:1.15rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;width:100%;padding:1rem;transition:transform .2s,border-color .2s,background .2s;display:grid}.exercise-card:hover{border-color:#67e8f952;transform:translateY(-1px)}.exercise-card-active{background:linear-gradient(135deg,#14b8a633,#0ea5e92e);border-color:#67e8f985}.exercise-index{color:#67e8f9;font-family:IBM Plex Mono,monospace}.exercise-copy{gap:.2rem;display:grid}.exercise-copy span,.exercise-time{color:#cbd5e1b8;font-size:.92rem}@media (width<=980px){.layout{grid-template-columns:1fr}.hero,.control-strip,.timer-row{flex-direction:column;align-items:stretch}.duration-input{text-align:left}.duration-input input{margin-left:0}.transport-row{justify-content:stretch}.transport-row button{flex:1}}