@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500;1,600&family=Share+Tech+Mono&display=swap";:root{color:#26352f;font-synthesis:none;--ink:#26352f;--muted:#78847b;--paper:#f4f7f2;--line:#dce4da;background:#f4f7f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;margin:0}button{font:inherit;cursor:pointer}.page-shell,.session-shell{max-width:1440px;min-height:100vh;margin:auto;padding:0 6vw}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-light{color:#8b978e;font-weight:400}.brand-mark{border:1px solid var(--ink);border-radius:50%;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.session-stat{color:var(--muted);letter-spacing:.03em;text-align:right;margin-top:-32px;font-size:12px}.status-dot,.pulse-dot{background:#d8755f;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.quiet-button{color:var(--muted);background:0 0;border:0;font-size:12px}.quiet-button:first-letter{color:var(--ink);vertical-align:-2px;font-size:25px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;min-height:475px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#819087;margin:0 0 17px;font-size:10px;font-weight:700}.hero-copy h1,.complete-shell h1{letter-spacing:-.07em;margin:0;font-size:clamp(52px,6.5vw,92px);font-weight:500;line-height:.94}.hero-copy h1 em,.complete-shell h1 em{color:#8c9e8c;font-family:Playfair Display,serif;font-weight:500}.hero-description{color:#758179;max-width:380px;margin:30px 0;font-size:14px;line-height:1.7}.hero-actions{align-items:center;gap:26px;display:flex}.primary-button{background:var(--ink);color:#fff;letter-spacing:.03em;border:0;border-radius:3px;padding:15px 20px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.primary-button:hover{background:#3b5147;transform:translateY(-2px)}.primary-button span{margin-left:20px;font-size:17px}.micro-note{color:#8b978e;gap:9px;font-size:10px;line-height:1.5;display:flex}.micro-note strong{color:var(--ink);font-weight:500}.play-icon{color:#779076;border:1px solid #cbd5ca;border-radius:50%;place-items:center;width:26px;height:26px;font-size:8px;display:grid}.hero-art{aspect-ratio:1;background:#d5dfd2;border-radius:50%;place-items:center;width:min(390px,80%);margin:auto;display:grid;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";border:1px solid #26352f40;border-radius:50%;position:absolute}.hero-art:before{inset:13%}.hero-art:after{border-color:#26352f66;inset:28%}.art-center{z-index:1;color:#66806b;background:#f4f7f2;border-radius:50%;place-items:center;width:122px;height:122px;font-family:Playfair Display,serif;font-size:39px;font-style:italic;display:grid;box-shadow:0 0 0 8px #f4f7f240}.art-center span{letter-spacing:.12em;color:#8c9e8c;margin-top:-35px;font-family:DM Sans;font-size:9px;font-style:normal;display:block}.art-caption{z-index:2;letter-spacing:.2em;color:#617666;font-size:9px;line-height:1.5;position:absolute;bottom:15%;right:11%}.art-orbit{border:1px solid #9bb09b;border-radius:50%;width:65%;height:22%;position:absolute;transform:rotate(-32deg)}.orbit-one{top:19%;left:18%}.orbit-two{top:58%;left:17%;transform:rotate(34deg)}.setup-panel{border-top:1px solid var(--line);grid-template-columns:1fr 1.3fr;align-items:center;gap:20px 6vw;padding:38px 0 48px;display:grid}.setup-panel h2{letter-spacing:-.04em;margin:0 0 7px;font-size:25px}.muted{color:var(--muted);margin:0;font-size:12px}.count-picker{gap:9px;display:flex}.count-option{border:1px solid var(--line);color:#879289;background:0 0;border-radius:2px;min-width:75px;padding:12px 15px;font-size:15px;font-weight:700}.count-option small{margin-top:2px;font-size:9px;font-weight:400;display:block}.count-option.active{color:var(--ink);background:#dce7d9;border-color:#b9cdb7}.routine-preview{border-top:1px solid var(--line);grid-column:1/-1;padding-top:22px}.preview-heading{text-transform:uppercase;letter-spacing:.15em;color:#89968c;justify-content:space-between;margin-bottom:17px;font-size:9px;display:flex}.exercise-strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mini-exercise{border-right:1px solid var(--line);gap:11px;padding-right:10px;display:flex}.mini-index{color:#a7b4a9;font-family:Playfair Display;font-size:17px}.mini-exercise strong,.mini-exercise small{display:block}.mini-exercise strong{font-size:11px;font-weight:600}.mini-exercise small{color:var(--muted);margin-top:5px;font-size:9px}.session-progress{color:#829087;align-items:center;gap:14px;margin:26px 0;font-size:10px;display:flex}.progress-track{background:#dce4da;flex:1;height:3px}.progress-fill{background:#79927b;height:100%;transition:width 1s linear}.session-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;min-height:calc(100vh - 165px);padding-bottom:50px;display:grid}.phase-chip{text-transform:uppercase;letter-spacing:.15em;color:#79927b;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.phase-chip.rest{color:#bd806e}.phase-chip.rest .pulse-dot{background:#d59b84}.timer-column h1{letter-spacing:-.06em;text-align:center;margin:18px 0 8px;font-size:clamp(35px,4vw,60px);font-weight:500;line-height:.98}.focus-line{color:var(--muted);margin:0;font-size:13px}.countdown{margin:28px 0 18px}.timer-row{justify-content:center;align-items:center;gap:24px;display:flex}.countdown span{letter-spacing:0;font-variant-numeric:tabular-nums;color:#52685a;font-family:Share Tech Mono,Courier New,monospace;font-size:clamp(75px,10vw,140px);font-weight:500;line-height:.83;display:block}.countdown small{color:#9ca89f;letter-spacing:.18em;margin-top:18px;font-size:9px;display:block}.timer-controls{gap:10px;display:flex}.timer-icon-button{border-radius:50%;place-items:center;width:52px;height:52px;padding:0;font-size:18px;line-height:1;transition:transform .2s,background .2s,color .2s;display:grid}.timer-icon-button:hover{transform:translateY(-2px)}.pause-button{background:var(--ink);color:#fff;border:0}.pause-button:hover{background:#3b5147}.skip-button{color:#607467;background:0 0;border:1px solid #bdcabe}.skip-button:hover{background:#e5eee2}.outline-button{color:#607467;background:0 0;border:1px solid #bdcabe;border-radius:3px;padding:14px 19px;font-size:12px}.sound-toggle{color:#909c93;background:0 0;border:0;margin-top:27px;padding:0;font-size:10px;display:block}.sound-toggle span{color:#6d8870;border:1px solid #bdcabe;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:7px;display:inline-grid}.video-tile{background:var(--accent);position:relative;overflow:hidden}.video-tile video{object-fit:cover;mix-blend-mode:multiply;filter:saturate(.72)contrast(.9);width:100%;height:100%;display:block}.stage-video{aspect-ratio:4/5}.video-wash{pointer-events:none;background:linear-gradient(135deg,#ffffff0f,#3a4c3e26);position:absolute;inset:0}.video-label{text-transform:uppercase;letter-spacing:.17em;color:#fffc;font-size:9px;position:absolute;bottom:17px;left:20px}.complete-shell{text-align:center;background:radial-gradient(circle at 50% 42%, #e7efe3 0, var(--paper) 32%);place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.complete-mark{color:#6c896e;border:1px solid #a8bba6;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:30px;font-size:30px;display:grid}.complete-shell h1{font-size:clamp(49px,7vw,82px)}.complete-copy{color:var(--muted);max-width:320px;margin:27px auto;font-size:13px;line-height:1.7}.completion-line{color:#9aa69d;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:15px;margin-top:35px;font-size:10px;display:flex}.completion-line span{background:#ccd7ca;width:40px;height:1px}@media (width<=760px){html,body,#root{height:100%;overflow:hidden}.page-shell,.session-shell{height:100dvh;min-height:0;padding:0 22px;overflow:hidden}.topbar{height:58px}.session-stat{font-size:10px}.session-shell{flex-direction:column;display:flex}.session-shell .session-progress{flex:none;margin:14px 0 0}.hero-grid{grid-template-columns:1fr;gap:14px;padding:20px 0 18px}.hero-art{grid-row:1;width:min(118px,30vw)}.hero-copy{grid-row:2}.hero-copy h1{font-size:clamp(39px,11vw,52px)}.hero-description{margin:12px 0;font-size:11px;line-height:1.45}.hero-actions{flex-direction:row;align-items:center;gap:12px}.hero-actions .primary-button{padding:12px 14px}.micro-note{font-size:9px}.setup-panel{grid-template-columns:1fr;gap:10px;padding:15px 0 0}.setup-panel h2{font-size:18px}.setup-panel .muted{font-size:10px}.count-picker{justify-content:space-between}.count-option{flex:1;min-width:0;padding:11px 5px}.exercise-strip{max-height:42px;padding-bottom:2px;display:flex;overflow:auto hidden}.mini-exercise{min-width:145px}.routine-preview{min-height:0;padding-top:12px}.routine-preview .preview-heading{margin-bottom:8px}.session-layout{flex:1;grid-template-columns:1fr;align-items:start;gap:12px;min-height:0;padding-bottom:0;overflow:hidden}.timer-column{order:1}.exercise-stage{order:2}.countdown{margin:10px 0 8px}.timer-row{gap:12px}.countdown span{font-size:clamp(64px,18vw,84px)}.timer-controls{flex:1;min-width:0}.timer-controls .primary-button,.timer-controls .outline-button{flex:1;min-height:48px;padding-left:9px;padding-right:9px}.timer-icon-button{flex:0 0 48px;width:48px;height:48px}.sound-toggle{margin-top:11px}.stage-video{aspect-ratio:3/4}.quiet-button span{display:none}}