@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#343e35;background:#f5f3ec;font-synthesis:none;font-size:18px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #77916b;outline-offset:4px}main{max-width:620px;margin:40px auto;padding:0 24px}.techniques{display:grid;grid-template-columns:1fr 1fr;gap:12px}.technique{padding:18px 12px;border:1px solid #d0d7c5;border-radius:12px;background:transparent;color:#536049;font-size:20px}.technique:hover,.stepper button:hover,.reset:hover{background:#e8ecdf}.technique.selected{background:#e8ecdf;border-color:#7a8d66;color:#35482b}.rounds-row{display:flex;align-items:center;gap:20px;margin-top:24px}.rounds-row>label{font-weight:500}.stepper{display:flex;align-items:center;height:50px;border:1px solid #d0d7c5;border-radius:10px}.stepper button{border:0;border-radius:9px;background:transparent;color:#536a43;width:44px;height:48px;font-size:26px}.stepper input{border:0;background:transparent;width:52px;height:48px;color:#343e35;text-align:center;font-size:24px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.stepper input:focus-visible,.stepper button:focus-visible{outline-offset:-4px;border-radius:9px}.duration{color:#68735d;margin-left:auto;white-space:nowrap}.duration strong{color:#3e5232;font-weight:500;font-variant-numeric:tabular-nums}.practice{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:26px}#round-label{min-height:26px;margin:28px 0 8px;color:#657359;font-size:17px}.orb-area{border:0;padding:0;background:transparent;border-radius:50%;width:320px;height:320px;display:grid;place-items:center;position:relative}.orb-area:hover .orbit{border-color:#8d9b7c}.orbit{position:absolute;width:304px;height:304px;border:1px solid #dbe2d1;border-radius:50%}#orb{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#e3eacf,#c9d5b3 65%,#c2cfa9);transform:scale(.76);transition:transform .1s linear}.orb-content{position:absolute;text-align:center;pointer-events:none}#phase{display:block;font-size:40px;font-weight:500;letter-spacing:-1px;color:#465d37}#count{display:block;min-height:32px;margin-top:6px;font-size:24px;color:#526545;font-variant-numeric:tabular-nums}#count:empty{display:none}.phase-track{display:flex;width:100%;max-width:400px;gap:10px;margin:18px 0 28px}.phase-track>div{flex:1;text-align:center;border-top:2px solid #d6deca;padding-top:10px;color:#68755d}.phase-track span{display:block;font-size:17px}.phase-track small{display:block;font-size:16px;margin-top:3px}.phase-track .current{border-color:#71865d;color:#3e542e}.play-controls{display:flex;align-items:center;gap:14px}.primary{background:#536a43;color:#fffdf4;border:1px solid #536a43;padding:16px 28px;border-radius:10px;font-size:19px;min-width:246px}.primary:hover{background:#425a34}.primary>span{margin-right:12px;font-size:16px}.reset{background:transparent;border:1px solid #d0d7c5;color:#657b53;border-radius:50%;width:48px;height:48px;font-size:28px}#hint{color:#657359;text-align:center;line-height:1.5}.progress{height:2px;width:100%;max-width:400px;background:#e0e5d6;margin-top:28px}.progress>div{height:100%;background:#8b9e76}.audio-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:24px;row-gap:20px;padding-top:4px}.sound-heading{display:flex;align-items:center;gap:14px}.sound-heading>span{display:flex;align-items:center;gap:10px}svg{width:22px;height:22px}.toggle{position:relative;border:0;border-radius:20px;width:40px;height:24px;background:#a9afa1;padding:3px}.toggle:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fafaf4;transition:transform .2s}.toggle[aria-pressed=true]{background:#788b66}.toggle[aria-pressed=true] span{transform:translate(16px)}.volume{display:flex;align-items:center;gap:14px;color:#536049}.volume input{width:150px;height:44px;accent-color:#7e916d;cursor:pointer}@media(max-width:600px){:root{font-size:16px}main{margin:24px auto;padding:0 20px}.techniques{gap:10px}.technique{font-size:16px;padding:17px 8px}.rounds-row{gap:12px;margin-top:20px}.stepper button{width:36px}.stepper input{width:38px}.duration{font-size:16px}#round-label{margin-top:22px;font-size:16px}.orb-area{width:290px;height:290px}.orbit{width:278px;height:278px}#orb{width:252px;height:252px}#phase{font-size:36px}.phase-track{gap:7px;margin-top:14px}.phase-track span,.phase-track small{font-size:16px}.primary{min-width:230px;font-size:18px;padding:16px 22px}.audio-controls{gap:18px}.sound-heading{gap:10px}.sound-heading>span{gap:6px}.volume{gap:10px}.volume input{width:95px}}@media(prefers-reduced-motion:reduce){#orb,.toggle span{transition:none}}.rounds-row[hidden],.practice[hidden],.audio-controls[hidden],.guide[hidden]{display:none}.pulse-setting{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.guide{margin-top:30px;line-height:1.7}.guide p{color:#536049;margin:0 0 20px}.guide ol{padding-left:28px;margin:24px 0}.guide li{padding-left:6px;margin-bottom:18px}a{color:#536a43;text-underline-offset:4px}a:hover{color:#35482b}a:focus-visible{outline:3px solid #77916b;outline-offset:4px}.source-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:20px;font-size:16px}.video{aspect-ratio:16 / 9;width:100%;background:#e8ecdf;border-radius:12px;overflow:hidden}.video iframe{display:block;border:0;width:100%;height:100%}