@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#173a3e;background:#f4f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c49551;outline-offset:4px}header{max-width:1336px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5df}.brand{font-size:36px;font-weight:700;letter-spacing:-2px;text-decoration:none;color:#173a3e}.brand-icon{font-size:40px;vertical-align:middle;margin-right:12px;font-weight:400}.brand-dot{color:#b08d55}.header-note{font-size:11px;letter-spacing:2.5px;color:#758480}.text-button{border:0;background:none;color:#45625f;font-size:13px;padding:10px 0}.text-button span{margin-left:15px}main{max-width:1240px;margin:auto;padding:38px 48px 0}.intro{margin-bottom:34px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#64817a;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;border-radius:100%;background:#8aa398}h1{font-family:Georgia,serif;font-weight:400;font-size:51px;line-height:1.13;letter-spacing:-1.8px;margin:17px 0 0}h1 em{color:#75958a;font-weight:400}.intro>p{position:absolute;right:31px;bottom:2px;color:#73847d;line-height:1.8;font-size:15px}.workspace{display:grid;grid-template-columns:1fr 1.12fr;gap:54px}.choose{padding-top:5px}.section-label{font-size:11px;letter-spacing:1.7px;font-weight:600;color:#7c8b82}.modes{display:grid;gap:10px;margin:17px 0 29px}.mode{width:100%;display:flex;align-items:center;text-align:left;padding:18px 20px;border:1px solid #dde4dc;border-radius:13px;background:#fff9;gap:17px;color:#385650;transition:.2s}.mode.selected{background:#e5ece4;border-color:#9cae98;box-shadow:0 2px 4px #16392e04}.mode:hover{border-color:#92a997}.mode-icon{width:31px;font-size:30px;font-weight:400;color:#759485}.mode strong{display:block;font-size:15px;font-weight:600}.mode small{display:block;font-size:12px;color:#7a8b81;margin-top:6px}.selection{margin-left:auto;color:#7c9674;font-size:13px}.technique-header{display:flex;align-items:center;justify-content:space-between}.technique-header>span{font-size:11px;color:#84938a}.techniques{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.tech{border:1px solid #dce3d9;border-radius:8px;padding:10px 13px;font-size:13px;color:#6e8175;background:transparent}.tech.active{background:#274b42;color:white;border-color:#274b42}.tech-description{font-size:13px;line-height:1.7;color:#6d8175;min-height:44px;margin:13px 0 18px}.duration-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce4da;padding-top:16px;font-size:13px;color:#5e7669}select{border:1px solid #d6dfd2;border-radius:7px;padding:8px 26px 8px 12px;background:#f4f6f3;color:#385b49;font-size:13px}.practice{background:#102f35;border-radius:22px;padding:24px 30px 22px;color:#eaf2e9;position:relative;overflow:hidden;min-height:499px;box-shadow:0 18px 38px #123d3210}.practice-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:#ccdbd3}.pill{font-size:10px;letter-spacing:1.1px;border:1px solid #688b803e;border-radius:20px;padding:7px 11px;color:#9dbbb0}.breath-stage{height:287px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border-radius:50%;border:1px solid #95c5a719;width:262px;height:262px}.orbit-two{width:220px;height:220px;border-color:#95c5a727}.orb{width:178px;height:178px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#a9cdb7,#73a38f 48%,#416e65);box-shadow:0 0 60px #98d3a719,inset 0 0 28px #cbecbf29;transform:scale(.87);will-change:transform}.orb-label{position:absolute;text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;width:170px;color:#f2f8ed;text-shadow:0 1px 4px #244c4844}#phase{font:32px Georgia,serif}#phaseHint{font-size:11px;line-height:1.5;margin-top:10px;max-width:125px;color:#e1eee0}.session-info{display:flex;align-items:center;justify-content:center;gap:11px;color:#789c94;font-size:10px;letter-spacing:1.3px}#remaining{color:#d1e3d7;font-size:15px;letter-spacing:1px;font-variant-numeric:tabular-nums}.separator{opacity:.5}.progress{height:2px;background:#55766d40;width:100%;margin:18px 0}#progressFill{height:2px;background:#bdd2a6;width:0;transition:width .1s linear}.controls{display:flex;gap:10px}.start{border:0;border-radius:9px;background:#d0dfb9;color:#244838;padding:15px 20px;font-size:14px;font-weight:600;flex:1}.start:hover{background:#ddebcd}.reset{border:1px solid #66877b55;background:transparent;color:#b0c6b4;border-radius:9px;width:48px;font-size:25px}.practice-tip{text-align:center;font-size:11px;line-height:1.5;color:#87a49a;margin:15px 0 0}.below{display:flex;align-items:center;justify-content:space-between;margin:31px 0 30px}.below>div{display:flex;gap:15px;align-items:center}.little-icon{font-size:30px;color:#879d7d}h2{font-weight:500;font-size:16px;margin:0 0 7px}.below p{font-size:12px;line-height:1.7;color:#839080;margin:0}.below>p{text-align:right;font-size:11px}footer{border-top:1px solid #dce3d8;display:flex;justify-content:space-between;align-items:center;padding:15px 0;color:#8a9889;font-size:11px}footer button{font-size:11px!important}dialog{border:0;border-radius:20px;background:#f5f7f2;color:#23453b;padding:38px;max-width:510px;width:calc(100% - 36px);box-shadow:0 24px 80px #071e3540}dialog::backdrop{background:#0a252e9c;backdrop-filter:blur(5px)}dialog h2{font:32px Georgia,serif;margin:20px 0}dialog p,dialog li{font-size:15px;line-height:1.75;color:#5b7165}dialog a{color:#2f6555}dialog li{margin:10px 0}dialog .close{position:absolute;right:17px;top:10px;background:none;border:0;font-size:28px;color:#466459}dialog .start{width:100%;margin-top:10px}#completion{text-align:center;font-size:13px;margin-top:15px;color:#dae6c7}button:disabled,select:disabled{opacity:.5;cursor:default}
@media(min-width:1450px){main{padding-top:55px}.intro{margin-bottom:40px}.practice{min-height:520px}.breath-stage{height:305px}}@media(max-width:800px){header{padding:20px 24px}.header-note{display:none}main{padding:28px 24px 0}.intro>p{position:static;font-size:14px;margin:17px 0 0}h1{font-size:42px}.workspace{gap:24px;grid-template-columns:1fr 1fr}.practice{padding:22px 18px}.practice-top{flex-direction:column;align-items:flex-start}.breath-stage{height:265px}.orbit-one{width:235px;height:235px}.orbit-two{width:205px;height:205px}.mode{padding:17px 12px;gap:10px}.mode small{line-height:1.5}.mode-icon{font-size:25px}.selection{display:none}.below>p{max-width:220px}}@media(max-width:620px){.workspace{grid-template-columns:1fr}.intro{margin-bottom:27px}h1{font-size:42px}.practice{min-height:480px;padding:23px}.practice-top{flex-direction:row;align-items:center}.breath-stage{height:270px}.choose{padding:0}.modes{gap:8px;margin-bottom:24px}.mode{padding:15px 17px}.mode small{font-size:13px}.selection{display:block}.section-label{font-size:12px}.tech{font-size:14px}.tech-description{font-size:14px}.duration-row{font-size:14px}.below{align-items:flex-start;gap:20px;flex-direction:column}.below>p{text-align:left;max-width:none;font-size:12px}footer{gap:10px;align-items:flex-start}.practice-tip{font-size:12px}.header-note{display:none}.text-button{font-size:12px}.session-info{font-size:10px}.technique-header>span{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.orb{will-change:auto}}