:root{--bg:#101114;--panel:#191b20;--panel-2:#22242a;--text:#f4f3ef;--muted:#9a9ba1;--line:#34363e;--lime:#c7f36b;--orange:#ff855c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}button,a{font:inherit}.app-shell,.remote-shell{max-width:1050px;margin:auto;padding:34px 42px 28px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{color:var(--text);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.15em}.brand-mark{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:50%;background:var(--lime);color:#111;font-size:18px;line-height:1}.status-pill{color:var(--lime);font:11px 'DM Mono',monospace;letter-spacing:.08em}.status-pill i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 0 4px #c7f36b1a}.hero{padding:86px 0 50px}.eyebrow,.step-label,.demo-heading{font:11px 'DM Mono',monospace;letter-spacing:.15em;color:var(--lime)}.step-label span{color:var(--muted);margin-left:8px}.hero h1,.remote-header h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.065em;line-height:.98;margin:17px 0 22px}.hero h1 em,.remote-header h1 em{color:var(--orange);font-style:normal}.intro{max-width:410px;color:var(--muted);font-size:16px;line-height:1.7}.pairing-card{display:flex;justify-content:space-between;gap:50px;padding:39px 48px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.pairing-copy{max-width:425px}.pairing-copy h2{font-size:36px;letter-spacing:-.05em;line-height:1.08;margin:18px 0}.pairing-copy p{color:var(--muted);font-size:14px;line-height:1.7}.network-row{display:flex;align-items:center;gap:13px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.wifi-icon{font-size:29px;color:var(--lime);transform:rotate(90deg)}.network-row small{display:block;color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:.12em;margin-bottom:4px}.network-row strong{font-size:14px}.qr-wrap{position:relative;width:245px;flex:0 0 245px;padding:24px;background:#fff;align-self:center;text-align:center}.qr-wrap #qrcode{width:197px;height:197px}.qr-wrap img,.qr-wrap canvas{display:block;width:197px!important;height:197px!important}.qr-caption{color:#111;font:9px 'DM Mono',monospace;letter-spacing:.1em;margin-top:13px}.qr-corner{position:absolute;width:14px;height:14px;border-color:var(--lime);border-style:solid}.top-left{top:10px;left:10px;border-width:2px 0 0 2px}.top-right{top:10px;right:10px;border-width:2px 2px 0 0}.bottom-left{bottom:10px;left:10px;border-width:0 0 2px 2px}.bottom-right{bottom:10px;right:10px;border-width:0 2px 2px 0}.code-section{display:flex;align-items:center;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.muted{color:var(--muted);font-size:13px}.mono,.session-code,.connected-code{font-family:'DM Mono',monospace}.session-code{font-size:26px;letter-spacing:.18em;margin-left:auto}.text-button{border:0;background:none;color:var(--orange);cursor:pointer;font-size:13px}.text-button span{font-size:18px;margin-left:5px}.demo-panel{margin-top:35px;padding:23px 25px;border:1px dashed #43464e}.demo-panel p{color:var(--muted);font-size:13px}.demo-actions{display:flex;gap:12px;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:2px;cursor:pointer;text-decoration:none;font-size:12px;font-weight:700}.primary{background:var(--lime);color:#151614}.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.primary span{margin-left:13px;font-size:16px}.toast{height:18px;color:var(--lime);font:11px 'DM Mono',monospace;margin-top:12px}footer{display:flex;justify-content:space-between;color:#606168;font:10px 'DM Mono',monospace;letter-spacing:.1em;margin-top:45px}.remote-shell{max-width:560px}.remote-header{padding:78px 0 37px}.connected-code{display:inline-block;color:var(--lime);font-size:14px;letter-spacing:.18em;padding:11px 14px;border:1px solid #51612e}.remote-controls{display:grid;gap:13px}.remote-button{display:flex;align-items:center;gap:14px;min-height:95px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);cursor:pointer;text-align:left;transition:.2s}.remote-button:hover,.remote-button:active{border-color:var(--lime);background:var(--panel-2)}.remote-button.large{min-height:122px;background:var(--lime);color:#12150e;border-color:var(--lime);font-size:19px;font-weight:800}.remote-button.large small{display:block;margin-left:auto;font:10px 'DM Mono',monospace}.control-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#ffffff12;color:var(--lime);font-size:18px}.large .control-icon{background:#111a0b;color:var(--lime)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.remote-feedback{margin-top:23px;color:var(--lime);font:12px 'DM Mono',monospace}.remote-note{color:var(--muted);font-size:12px;line-height:1.6;margin-top:50px}@media(max-width:650px){.app-shell,.remote-shell{padding:25px 20px}.hero{padding:65px 0 35px}.pairing-card{display:block;padding:28px}.qr-wrap{margin:30px auto 0}.code-section{display:grid;grid-template-columns:1fr auto;gap:13px}.session-code{grid-column:1 / -1;margin:0}.text-button{justify-self:start}.demo-actions{flex-wrap:wrap}.button{flex:1}footer{margin-top:35px}.remote-header{padding-top:62px}}
.remote-connected{display:none}.pairing-card.is-connected .pairing-copy,.pairing-card.is-connected .qr-wrap{display:none}.pairing-card.is-connected .remote-connected{display:block;flex:1;padding:8px 0 10px}.remote-connected .connected-check{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font-size:28px;margin-bottom:28px}.remote-connected h2{font-size:46px;letter-spacing:-.06em;line-height:1;margin:16px 0}.remote-connected h2 em{color:var(--orange);font-style:normal}.remote-connected p{color:var(--muted);font-size:14px}@media(max-width:650px){.pairing-card.is-connected .remote-connected{padding:10px 0}.remote-connected h2{font-size:40px}}
.end-button{width:100%;padding:11px;border:1px solid #57372e;background:transparent;color:#ff9b7b;border-radius:4px;font-size:12px;cursor:pointer}.end-button:hover{background:#3a2420}.remote-page .control-grid{margin-top:2px}
.remote-button:focus:not(:focus-visible),.end-button:focus:not(:focus-visible){outline:none;border-color:var(--line);background:var(--panel)}.remote-button.large:focus:not(:focus-visible){background:var(--lime);border-color:var(--lime)}
.remote-workout-card{display:none;text-align:center;margin:-4px 0 25px;padding:24px 18px 27px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.remote-page.workout-started .remote-welcome{display:none}.remote-page.workout-started .remote-workout-card{display:block}.remote-workout-card .section-badge{font-size:11px}.remote-exercise-emoji{font-size:72px;line-height:1;margin:18px 0 9px}.remote-exercise-time{font:clamp(58px,15vw,86px) 'DM Mono',monospace;letter-spacing:-.08em;line-height:1;color:var(--lime)}.remote-workout-card h2{font-size:clamp(26px,7vw,39px);letter-spacing:-.06em;line-height:1.05;margin:14px 0 9px}.remote-workout-card p{margin:0 auto;color:var(--muted);font-size:13px;line-height:1.55;max-width:390px}.remote-page.workout-started .remote-controls{gap:10px}.remote-page.workout-started .remote-button.large{min-height:91px}.remote-page.workout-started .remote-note{display:none}
.completion-report{display:none;position:relative;margin:0 auto;padding:52px 42px 58px;background:linear-gradient(145deg,#1d2025,#15171b 70%);border:1px solid var(--line);border-radius:5px;text-align:center;overflow:hidden}.completion-report.is-visible{display:block}.completion-report::before,.completion-report::after{content:'✦';position:absolute;color:var(--orange);font-size:48px;opacity:.8}.completion-report::before{top:25px;left:10%}.completion-report::after{right:12%;bottom:25px;color:var(--lime)}.report-confetti{font-size:68px;line-height:1;margin-bottom:20px}.completion-report h2{font-size:clamp(48px,7vw,82px);letter-spacing:-.07em;line-height:.95;margin:17px 0}.completion-report h2 em{color:var(--orange);font-style:normal}.report-cheer{color:var(--muted);font-size:16px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px;margin:35px auto 0;text-align:left}.report-grid div{padding:18px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:3px}.report-grid small{display:block;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.12em;margin-bottom:7px}.report-grid strong{display:block;color:var(--lime);font-size:16px}.report-grid div:first-child strong{color:var(--text)}.share-button{display:none;width:100%;padding:13px;border:1px solid #596d32;background:#c7f36b12;color:var(--lime);border-radius:4px;font-size:12px;cursor:pointer}.share-button:hover{background:#c7f36b25}.remote-page.workout-complete .share-button{display:block}.remote-page.workout-complete .remote-workout-card{border-color:#596d32}.remote-page.workout-complete .remote-button.large{background:var(--lime);color:#12150e}.remote-page.workout-complete .remote-note{display:none}@media(max-width:650px){.completion-report{padding:38px 22px 42px}.report-grid{gap:8px}.report-grid div{padding:14px 11px}.report-grid strong{font-size:13px}}
.remote-button:focus-visible,.end-button:focus-visible,.share-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media (hover:none){.remote-button:focus,.end-button:focus,.share-button:focus{outline:none}.remote-button:hover,.remote-button:active,.end-button:hover,.share-button:hover{border-color:var(--line);background:var(--panel)}.remote-button.large:hover,.remote-button.large:active{border-color:var(--lime);background:var(--lime)}.end-button:hover{background:transparent;border-color:#57372e}.share-button:hover{background:#c7f36b12;border-color:#596d32}}
.display-page.workout-active{min-height:100vh;background:radial-gradient(circle at 8% 18%,#38451e 0,transparent 27%) no-repeat,radial-gradient(circle at 92% 78%,#48251e 0,transparent 28%) no-repeat,var(--bg);background-size:100% 100%,100% 100%,auto;background-attachment:fixed}.display-page.workout-active .app-shell{min-height:100vh}.display-page.workout-complete .app-shell{display:flex;align-items:center;justify-content:center}.display-page.workout-complete .completion-report{width:min(900px,100%)}
.display-page.workout-active{background:#101114;background-image:linear-gradient(135deg,#2d3b1b 0%,#101114 43%,#2d1915 100%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.remote-page.workout-complete .control-grid,.remote-page.workout-complete .end-button{display:none}.share-card{position:absolute;left:-10000px;top:0;width:420px;padding:42px 34px;background:linear-gradient(145deg,#20252c,#14161b);border:2px solid #c7f36b;border-radius:18px;color:var(--text);text-align:center}.share-card-emoji{font-size:70px;line-height:1;margin-bottom:20px}.share-card h2{font-size:52px;letter-spacing:-.07em;line-height:1;margin:14px 0 9px}.share-card p{color:var(--muted);font-size:15px;margin:0 0 28px}.share-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.share-card-grid div{padding:13px;background:#ffffff0b;border:1px solid #ffffff10;border-radius:6px}.share-card-grid small{display:block;color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:.12em;margin-bottom:6px}.share-card-grid strong{color:var(--lime);font-size:14px}
.display-page.workout-active{background:radial-gradient(circle at 8% 18%,#38451e 0,transparent 27%),radial-gradient(circle at 92% 78%,#48251e 0,transparent 28%),var(--bg)}.display-page.workout-active .app-shell{max-width:1240px}.display-page.workout-active .hero{display:none}.display-page.workout-active .workout-screen{margin-top:0;min-height:calc(100vh - 56px);padding:42px 60px 52px;border:0;background:linear-gradient(145deg,#1d2025,#15171b 70%);box-shadow:0 24px 80px #0006}.display-page.workout-active .workout-screen::before,.display-page.workout-active .workout-screen::after{content:'✦';position:absolute;color:var(--orange);font-size:42px;opacity:.8;animation:float-star 3s ease-in-out infinite}.display-page.workout-active .workout-screen::before{top:18%;left:7%}.display-page.workout-active .workout-screen::after{right:8%;bottom:18%;color:var(--lime);font-size:32px;animation-delay:1s}.display-page.workout-active .workout-topline{font-size:13px}.display-page.workout-active .progress-track{height:8px;margin:20px 0 45px}.display-page.workout-active .section-badge{padding:10px 17px;font-size:13px;border-radius:30px;background:#c7f36b12}.display-page.workout-active .exercise-emoji{font-size:clamp(92px,13vw,165px);margin:28px 0 15px;animation:bouncy-emoji 1.8s ease-in-out infinite}.display-page.workout-active .exercise-time{font-size:clamp(92px,14vw,170px);text-shadow:0 6px 0 #0003}.display-page.workout-active .workout-screen h2{font-size:clamp(44px,7vw,88px);margin:24px 0 14px}.display-page.workout-active .workout-screen p{font-size:clamp(16px,2vw,22px);max-width:720px}.display-page.workout-active .next-up{max-width:580px;margin-top:42px;padding-top:22px;font-size:16px}.display-page.workout-active .next-up span{font-size:11px}.display-page.workout-active .next-up strong{font-size:16px}@keyframes bouncy-emoji{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes float-star{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(15deg)}}@media(max-width:650px){.display-page.workout-active .workout-screen{min-height:calc(100vh - 36px);padding:25px 20px 35px}.display-page.workout-active .progress-track{margin-bottom:32px}.display-page.workout-active .exercise-emoji{font-size:86px}.display-page.workout-active .exercise-time{font-size:82px}.display-page.workout-active .workout-screen h2{font-size:43px}.display-page.workout-active .workout-screen p{font-size:15px}}
.compact-hero{padding-top:62px;padding-bottom:38px}.compact-hero h1{margin-top:13px}.pairing-copy h2{margin-top:0}.total-chip{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.total-chip span{grid-row:span 2;font-size:24px}.total-chip strong{font:24px 'DM Mono',monospace;color:var(--lime)}.total-chip small,.ready-total span{font:9px 'DM Mono',monospace;color:var(--muted);letter-spacing:.13em}.ready-total{display:flex;align-items:baseline;gap:12px;margin-top:27px;padding-top:17px;border-top:1px solid var(--line)}.ready-total strong{font:25px 'DM Mono',monospace;color:var(--lime)}.pairing-card.is-hidden{display:none}.workout-screen{display:none;position:relative;margin-top:28px;padding:28px 42px 36px;min-height:500px;background:var(--panel);border:1px solid var(--line);border-radius:4px;text-align:center;overflow:hidden}.workout-screen.is-visible{display:block}.workout-topline{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.12em}.workout-topline span:first-child{color:var(--lime)}.workout-topline b{color:var(--text);font-weight:500}.progress-track{height:5px;margin:17px 0 43px;background:#303239;border-radius:9px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--lime);transition:width .4s}.section-badge{display:inline-block;padding:7px 12px;border:1px solid #596d32;color:var(--lime);font:10px 'DM Mono',monospace;letter-spacing:.14em}.exercise-emoji{font-size:76px;line-height:1;margin:25px 0 10px}.exercise-time{font:clamp(62px,10vw,104px) 'DM Mono',monospace;letter-spacing:-.08em;color:var(--text);line-height:1}.workout-screen h2{font-size:clamp(28px,4vw,43px);letter-spacing:-.06em;margin:16px 0 10px}.workout-screen p{max-width:540px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.65}.next-up{display:flex;justify-content:center;gap:12px;align-items:center;margin:33px auto 0;padding-top:18px;border-top:1px solid var(--line);max-width:430px}.next-up span{color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:.12em}.next-up strong{font-size:12px;color:var(--orange)}.remote-welcome{padding:62px 0 33px}.remote-welcome h1{font-size:clamp(52px,11vw,78px);letter-spacing:-.07em;line-height:.95;margin:16px 0 22px}.remote-welcome h1 em{color:var(--orange);font-style:normal}.remote-page .topbar,.remote-page .brand,.remote-page .status-pill{display:none}.remote-page .remote-shell{max-width:540px}.remote-page .remote-button{min-height:82px}.remote-page .remote-button.large{min-height:116px}.remote-page .remote-note{margin-top:38px}.remote-page .connected-code{font-size:13px}.remote-page .remote-feedback{min-height:18px}@media(max-width:650px){.compact-hero{padding-top:40px}.pairing-card{padding:28px}.workout-screen{padding:24px 20px 30px;min-height:480px}.progress-track{margin-bottom:34px}.exercise-emoji{font-size:64px;margin-top:23px}.next-up{margin-top:27px}.remote-welcome{padding-top:43px}}