@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c1a24;--text:#e3ebe8;--muted:#99afb6;--accent:#add5ca;--rgb:173,213,202}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 52% 44%,#17303a77,transparent 57%),var(--bg);color:var(--text);font-family:Manrope,'Segoe UI',sans-serif;min-height:100vh}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{font-family:Comfortaa,sans-serif;font-size:29px;letter-spacing:-1px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:9px}.brand-symbol{font-size:35px;color:var(--accent)}.brand-dot{color:var(--accent);margin-left:-7px}.header-note{color:#91a8ad;font-size:10px;letter-spacing:2.6px}.subtle{border:0;background:none;color:var(--muted);padding:9px;font-size:12px}.subtle:hover{color:var(--text)}main{max-width:1340px;margin:auto;padding:0 5%}.intro{text-align:center;padding:46px 0 34px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--accent)}.eyebrow>span{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:8px}h1{font-family:Comfortaa,sans-serif;font-weight:400;font-size:clamp(29px,3.2vw,45px);letter-spacing:-1.7px;margin:19px 0 15px}h1 em{font-style:normal;color:var(--accent)}.intro p{color:var(--muted);font-size:13px;margin:0}.workspace{display:grid;grid-template-columns:1fr 1.5fr .85fr;gap:40px;align-items:start}.section-label{font-size:9px;letter-spacing:1.8px;color:#8ba2a9;margin-bottom:22px}.practices,.sounds{padding-top:20px}.mode{width:100%;display:flex;gap:14px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:17px 13px;margin-bottom:6px;align-items:flex-start;transition:background .3s,border .3s}.mode:hover{background:#ffffff04}.mode.active{border-color:#add5ca35;background:linear-gradient(115deg,#add5ca10,#add5ca04)}.mode-icon{width:25px;font-size:23px;color:var(--accent);line-height:1.2}.mode strong{display:block;font-size:13px;font-weight:600}.mode small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.rhythm{display:block;color:#82a59f;font-size:9px;margin-top:11px}.selected-mark{margin-left:auto;color:var(--accent);opacity:0}.mode.active .selected-mark{opacity:1}.aside-note{font-size:10px;line-height:1.9;color:#839ba2;padding:13px}.breathing{text-align:center;position:relative}.breathing-top{display:flex;justify-content:space-between;align-items:center;margin:20px 12px 0;color:var(--muted);font-size:9px;letter-spacing:1.6px}#timeLeft{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1px}.orb-stage{position:relative;width:100%;height:310px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:205px;height:205px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(var(--rgb),.42),rgba(var(--rgb),.15) 48%,rgba(var(--rgb),.07) 70%);border:1px solid rgba(var(--rgb),.28);box-shadow:inset 0 0 38px rgba(var(--rgb),.08),0 0 70px rgba(var(--rgb),.07);transform:scale(.82);will-change:transform;transition:background 1.5s,box-shadow 1.5s}.orbit{position:absolute;border:1px solid rgba(var(--rgb),.09);border-radius:50%;width:252px;height:252px}.orbit-two{width:294px;height:294px;border-style:dashed;border-color:rgba(var(--rgb),.08)}.orb-copy{position:relative;pointer-events:none;display:flex;flex-direction:column;gap:13px}#phaseText{font-family:Comfortaa,sans-serif;font-size:24px;font-weight:400}#count{font-size:11px;color:#c1d6d2;font-variant-numeric:tabular-nums}#helper{font-size:11px;color:var(--muted);min-height:18px;margin:0 0 20px}.session-controls{display:flex;align-items:center;justify-content:center;gap:13px}.primary{border:0;background:var(--accent);color:#16312f;border-radius:30px;padding:13px 36px;font-size:13px;font-weight:700;min-width:160px}.primary:hover{filter:brightness(1.08)}.icon-button{width:40px;height:40px;border-radius:50%;background:none;border:1px solid #ffffff18;font-size:22px;color:var(--muted)}.durations{display:flex;justify-content:center;gap:7px;margin-top:23px}.durations button{border:1px solid transparent;background:transparent;color:var(--muted);font-size:10px;border-radius:18px;padding:6px 12px}.durations button.chosen{border-color:#add5ca35;color:var(--accent);background:#add5ca08}.progress-track{height:2px;background:#ffffff0a;margin:22px 35px 0;border-radius:2px;overflow:hidden}#progress{height:100%;width:0;background:var(--accent)}h2{font-family:Comfortaa,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 10px}.sound-description{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}.sound{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid transparent;background:none;padding:12px;border-radius:9px;font-size:11px;margin:3px 0;color:var(--muted)}.sound>span:first-child{font-size:19px;width:20px;color:var(--accent)}.sound.active{background:#add5ca09;border-color:#add5ca20;color:var(--text)}.sound-check{margin-left:auto;opacity:0;color:var(--accent)}.sound.active .sound-check{opacity:1}.volume-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:24px 0 12px}input[type=range]{width:100%;accent-color:var(--accent);height:4px;cursor:pointer}.mute{font-size:10px;padding:10px 0}.small-note{border-top:1px solid #ffffff0c;margin-top:10px;padding-top:16px;color:#829aa2;font-size:10px;line-height:1.8}.audio-status{font-size:10px;color:var(--muted)}.grounding-bar{display:flex;justify-content:center;gap:17px;align-items:center;margin-top:33px;padding:21px;border-top:1px solid #ffffff0c;font-size:11px;color:var(--muted)}.grounding-bar button{border:0;background:none;color:var(--accent);font:inherit}.grounding-bar button span{margin-left:10px}.settings{margin:25px 0;padding:25px;border:1px solid #ffffff18;border-radius:15px;background:#132733;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.settings[hidden],.grounding[hidden]{display:none}.settings p{font-size:11px;color:var(--muted)}.settings label{font-size:11px;color:var(--muted)}select{display:block;background:#0c1a24;border:1px solid #ffffff25;border-radius:7px;color:var(--text);padding:9px;margin-top:7px}.check{display:flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:var(--accent)}.voice-note{flex-basis:100%;margin:0}.grounding{text-align:center;padding:35px;background:#add5ca07;border-radius:16px}.grounding h2{margin-top:22px;font-size:23px}.grounding p{color:var(--muted);font-size:13px;margin-bottom:25px}footer{max-width:1340px;margin:10px auto 0;padding:18px 5% 25px;display:flex;justify-content:space-between;gap:20px;color:#8299a1;font-size:9px;line-height:1.7}@media(min-width:1500px){.intro{padding-top:65px}.workspace{gap:55px}.orb-stage{height:350px}}@media(max-width:950px){.workspace{gap:20px;grid-template-columns:1fr 1.4fr}.sounds{grid-column:1/-1;border-top:1px solid #ffffff0c;margin-top:20px}.sound-list{display:flex;flex-wrap:wrap;gap:8px}.sound{width:auto;min-width:145px}.sound-description,.small-note{display:none}.sounds h2{margin-bottom:15px}.volume-label,input[type=range]{max-width:280px}.header-note{display:none}}@media(max-width:600px){header{padding:18px 6%}.brand{font-size:24px}.intro{padding:30px 0 25px}h1{font-size:30px;line-height:1.4}.eyebrow{font-size:8px;letter-spacing:1.6px}.workspace{display:flex;flex-direction:column;gap:10px}.breathing{order:0;width:100%}.practices{order:1;width:100%;margin-top:20px}.sounds{order:2;width:100%}.orb-stage{height:290px}.breathing-top{margin-top:0}.practices #modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode{padding:13px 10px;gap:8px;margin:0;border-color:#ffffff10}.mode strong{font-size:11px}.mode small{font-size:9px;line-height:1.6}.mode-icon{font-size:19px;width:18px}.rhythm{font-size:8px;line-height:1.7}.selected-mark{display:none}.aside-note{padding:4px 0}.section-label{margin-bottom:14px}.grounding-bar{flex-direction:column;gap:12px}.settings{padding:20px;gap:17px}.grounding{padding:25px 15px}.grounding h2{font-size:19px}footer{flex-direction:column;gap:7px;text-align:center}.sound{min-width:calc(50% - 8px)}.sounds{margin-top:8px}.progress-track{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}