:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#0d100f;--surface:#131715;--surface-raised:#1a1f1c;--line:#28302c;--line-strong:#404a45;--text:#f1f4f2;--muted:#98a19c;--quiet:#6f7873;--accent:#91dfc5;--accent-hover:#aaead5;--accent-ink:#102119;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:var(--background);min-width:320px;min-height:100svh;color:var(--text);margin:0}button,select{font:inherit}button{color:inherit}#app{width:min(100% - 48px,1080px);min-height:100svh;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.topbar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:68px;display:flex}.wordmark{color:var(--text);letter-spacing:-.045em;font-size:1rem;font-weight:670;text-decoration:none}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:border-color .14s,background-color .14s,color .14s;display:grid}.icon-button:hover{border-color:var(--line-strong);background:var(--surface)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px}.sound-on,.icon-button[aria-pressed=true] .sound-off{display:none}.icon-button[aria-pressed=true]{color:var(--accent)}.icon-button[aria-pressed=true] .sound-on{display:block}.workspace{flex:1 0 auto;grid-template:"setup practice""info practice"/minmax(260px,340px) minmax(0,1fr);align-content:center;column-gap:clamp(32px,5vw,64px);padding:44px 0;display:grid}.stage{display:contents}.setup,.info{border-right:1px solid var(--line);min-width:0;padding-right:clamp(32px,5vw,64px)}.setup{grid-area:setup}.info{grid-area:info}.selectors{gap:14px;display:grid}.selectors label>span:first-child{color:var(--quiet);letter-spacing:.01em;margin:0 0 7px 1px;font-size:.78rem;font-weight:620;display:block}.select-shell{display:block;position:relative}.select-shell select{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;height:47px;color:var(--text);cursor:pointer;border-radius:9px;outline:0;padding:0 42px 0 14px;transition:border-color .14s,background-color .14s}.select-shell select:hover{border-color:var(--line-strong);background:var(--surface-raised)}.select-shell svg{fill:none;width:16px;stroke:var(--muted);stroke-width:1.5px;pointer-events:none;position:absolute;top:16px;right:14px}.practice-heading{margin-top:clamp(48px,8vh,76px)}.practice-heading h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.15rem);font-weight:540;line-height:.98}.goal-line{color:var(--text);align-items:baseline;gap:7px;margin:14px 0 0;font-size:.875rem;line-height:1.4;display:flex}.goal-line span{color:var(--quiet)}.goal-line strong{font-weight:620}.practice-heading .cadence{color:var(--accent);margin:9px 0 0;font:.76rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.summary{max-width:29ch;color:var(--muted);margin:25px 0 0;font-size:.94rem;line-height:1.65}details{border-top:1px solid var(--line);color:var(--muted);margin-top:23px}.info details+details{margin-top:0}details summary{color:var(--quiet);cursor:pointer;padding:15px 0;font-size:.875rem}details[open] summary{color:var(--text)}details p{margin:-1px 0 2px;padding:0 0 14px;font-size:.875rem;line-height:1.65}.practice{flex-direction:column;grid-area:practice;align-items:center;min-width:0;display:flex}.visual{aspect-ratio:1;place-items:center;width:min(100%,540px);display:grid;position:relative}.visual svg{width:100%;height:100%;overflow:visible}.shape-glow,.shape-track,.phase-track{fill:none;vector-effect:non-scaling-stroke}.shape-glow{stroke:var(--accent);stroke-width:18px;opacity:.025}.shape-track{stroke:var(--line-strong);stroke-width:1.35px}.phase-track{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;opacity:.68}.duration-labels text{fill:var(--quiet);text-anchor:middle;dominant-baseline:middle;font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace}.breath-core{fill:var(--accent);opacity:.09;transform-origin:260px 260px}.breath-ring{fill:none;stroke:var(--accent);stroke-width:1px;opacity:.3;transform-origin:260px 260px}.pace-marker{fill:var(--text);stroke:var(--accent);stroke-width:2px}.readout{text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:190px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.readout span{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;font-weight:680}.readout strong{letter-spacing:-.08em;margin:10px 0 8px;font-size:clamp(4rem,9vw,5.7rem);font-weight:390;line-height:.9}.readout small{min-height:36px;color:var(--muted);font-size:.78rem;line-height:1.45}.progress{background:var(--line);width:min(100%,390px);height:1px;margin:-8px 0 22px;overflow:hidden}.progress span{background:var(--accent);width:0;height:100%;display:block}.controls{justify-content:center;align-items:center;gap:10px;display:flex}.session-options{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:2px;height:42px;padding:3px;display:flex}.session-options button{min-width:48px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font:.75rem ui-monospace,SFMono-Regular,Consolas,monospace;transition:background-color .14s,color .14s}.session-options button:hover{color:var(--text)}.session-options button.active{background:var(--surface-raised);color:var(--text)}.start-button{background:var(--accent);min-width:112px;height:42px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:9px;padding:0 22px;font-size:.86rem;font-weight:740;transition:background-color .14s}.start-button:hover{background:var(--accent-hover)}footer{border-top:1px solid var(--line);color:var(--quiet);text-align:center;flex:none;padding:20px 0 26px;font-size:.76rem}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){#app{width:min(100% - 32px,680px)}.workspace{padding:0;display:block}.stage{grid-template-rows:auto minmax(0,1fr);min-height:calc(100dvh - 68px);padding:30px 0 38px;display:grid}.setup,.info{border-right:0;padding-right:0}.setup,.practice{grid-area:auto}.info{border-top:1px solid var(--line);padding:0 0 32px}.selectors{grid-template-columns:1fr;gap:12px}.practice-heading{margin-top:28px}.summary{max-width:45ch}.visual{width:min(100%,500px)}.practice{justify-content:center;align-self:stretch}.info details:first-child{margin-top:0}}@media (max-width:520px){body:before{z-index:20;height:env(safe-area-inset-top);background:var(--background);content:"";pointer-events:none;position:fixed;top:0;left:0;right:0}#app{width:100%;padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}.topbar{height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.topbar .icon-button{width:36px;height:36px}.stage{min-height:calc(100dvh - 48px - env(safe-area-inset-top));padding:12px 0 max(18px, env(safe-area-inset-bottom))}.selectors{grid-template-columns:1fr}.selectors label>span:first-child{margin-bottom:5px;font-size:.75rem}.select-shell select{height:42px;padding-left:11px;padding-right:34px}.select-shell svg{top:13px;right:10px}.practice-heading{margin-top:18px}.practice-heading h1{font-size:clamp(2rem,10vw,2.55rem)}.goal-line{margin-top:8px}.practice-heading .cadence{margin-top:5px}.summary{max-width:none;margin-top:10px;font-size:.875rem;line-height:1.45}.practice{min-height:0}.visual{width:min(100%,clamp(258px,36dvh,330px));margin:-4px 0}.duration-labels text{font-size:12px}.readout{width:170px}.readout strong{font-size:clamp(3.4rem,16vw,4.6rem)}.progress{width:min(90%,330px);margin:-4px 0 14px}.controls{grid-template-columns:1fr 42px;width:100%;display:grid}.session-options{grid-column:1/-1;width:100%}.session-options button{flex:1;min-width:0}.start-button{width:100%}.info{padding-bottom:max(24px, env(safe-area-inset-bottom))}footer{padding-bottom:max(26px, env(safe-area-inset-bottom))}}@media (max-width:520px) and (max-height:760px){.stage{padding-top:8px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.practice-heading{margin-top:12px}.summary{margin-top:7px}.visual{width:min(100%,clamp(228px,31dvh,270px))}.progress{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}