: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)}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,select{font:inherit}button{color:inherit}#app{flex-direction:column;width:min(100% - 48px,1080px);min-height:100vh;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-columns:minmax(260px,340px) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);padding:44px 0;display:grid}.setup{border-right:1px solid var(--line);min-width:0;padding-right:clamp(32px,5vw,64px)}.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}.practice-heading p{color:var(--accent);margin:13px 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}details summary{color:var(--quiet);cursor:pointer;padding:15px 0;font-size:.8rem}details[open] summary{color:var(--text)}details p{margin:-1px 0 2px;padding:0 0 14px;font-size:.84rem;line-height:1.65}.practice{flex-direction:column;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{grid-template-columns:1fr;gap:26px;padding:30px 0 38px}.setup{border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px}.selectors{grid-template-columns:1fr 1fr;gap:12px}.practice-heading{margin-top:36px}.summary{max-width:45ch}.visual{width:min(100%,500px)}}@media (max-width:520px){#app{width:min(100% - 28px,680px)}.topbar{height:62px}.workspace{padding-top:24px}.selectors{grid-template-columns:1fr;gap:11px}.practice-heading{margin-top:32px}.practice-heading h1{font-size:clamp(2rem,11vw,2.75rem)}.visual{width:min(108%,460px)}.duration-labels text{font-size:12px}.progress{margin-top:-2px}.controls{grid-template-columns:1fr 42px;width:100%;display:grid}.session-options{grid-column:1/-1}.session-options button{flex:1}.start-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}