:root{color-scheme:dark;font-family:Avenir Next,Avenir,Century Gothic,Helvetica,Arial,sans-serif;font-synthesis:none;--ink: #031113;--ink-raised: #07191b;--water: #092a2f;--chalk: #e8f2f2;--mist: #9fb7ba;--faint: #718a8e;--line: rgba(178, 214, 218, .2);--line-strong: rgba(200, 231, 232, .52);--bell: #e9a85e;--bell-hot: #ffd39a;--danger: #efdcd2;background:var(--ink);color:var(--chalk)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--ink);overscroll-behavior:none}button{color:inherit;font:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible{outline:2px solid var(--bell-hot);outline-offset:5px}[hidden]{display:none!important}.app{position:relative;isolation:isolate;background:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}.app:focus{outline:none}#water{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.hud{position:absolute;z-index:5;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));pointer-events:none}.wordmark,.storm-mark,.top-actions{pointer-events:auto}.wordmark{grid-column:1}.storm-mark{grid-column:2}.top-actions{grid-column:3}.wordmark{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:#e8f2f2c2;font-size:.76rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.wordmark__bell{width:8px;height:8px;border-radius:50%;background:var(--bell);box-shadow:0 2px 9px #e9a85e59}.storm-mark{display:grid;gap:4px;justify-items:center;min-width:180px;text-align:center}.storm-mark span{color:var(--faint);font-size:.64rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.storm-mark strong{color:#e8f2f2d6;font-size:.82rem;font-weight:500;letter-spacing:.025em}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.text-button,.sound-button{border:0;background:transparent;cursor:pointer}.text-button{min-height:44px;padding:7px 0;color:var(--mist);font-size:.76rem;font-weight:550;letter-spacing:.035em}.text-button:hover{color:var(--chalk)}.sound-button{display:inline-flex;align-items:center;gap:9px;padding:7px 0;min-height:44px;color:var(--mist);font-size:.76rem;font-weight:550;letter-spacing:.035em}.sound-button:hover{color:var(--chalk)}.sound-button__waves{display:inline-flex;align-items:center;gap:2px;height:12px}.sound-button__waves i{display:block;width:1px;background:currentColor}.sound-button__waves i:nth-child(1){height:4px}.sound-button__waves i:nth-child(2){height:11px}.sound-button__waves i:nth-child(3){height:7px}.sound-button[aria-pressed=false] .sound-button__waves i{height:1px}.landing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:82px 24px max(36px,env(safe-area-inset-bottom));text-align:center}.landing__title-wrap{position:relative;transform:translateY(-3vh)}.landing__prelude{margin:0 0 26px;color:var(--faint);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.landing h1{margin:0;color:var(--chalk);font-size:clamp(4.5rem,13vw,6rem);font-weight:250;letter-spacing:.12em;line-height:.9;text-indent:.12em;text-shadow:0 8px 32px color-mix(in srgb,var(--mist) 11%,transparent)}.landing__line{margin:34px 0 0;color:var(--mist);font-size:clamp(.88rem,2vw,1rem);font-weight:400;line-height:1.75;letter-spacing:.035em}.enter-button{position:absolute;bottom:max(80px,calc(env(safe-area-inset-bottom) + 54px));display:inline-flex;align-items:center;gap:15px;border:0;padding:12px 0;background:transparent;color:var(--chalk);cursor:pointer;min-height:44px;font-size:.8rem;font-weight:600;letter-spacing:.055em}.enter-button__mark{position:relative;width:56px;height:1px}.enter-button__mark:before{position:absolute;inset:0;background:var(--line-strong);content:"";transform:scaleX(.64);transform-origin:left;transition:transform .38s cubic-bezier(.16,1,.3,1),background-color .22s ease}.enter-button__mark:after{position:absolute;top:-2px;left:33px;width:5px;height:5px;border-radius:50%;background:var(--bell);content:"";transition:transform .38s cubic-bezier(.16,1,.3,1)}.enter-button:hover .enter-button__mark:before{transform:scaleX(1);background:var(--chalk)}.enter-button:hover .enter-button__mark:after{transform:translate(20px)}.headphones-note{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));margin:0;color:var(--faint);font-size:.64rem;letter-spacing:.035em}.lesson{position:absolute;z-index:4;top:18%;left:50%;width:min(78vw,520px);transform:translate(-50%);text-align:center;pointer-events:none}.lesson p{margin:0;color:#e8f2f2c2;font-size:clamp(.82rem,1.8vw,.88rem);font-weight:450;letter-spacing:.045em;line-height:1.6;transition:color .24s ease,opacity .24s ease,letter-spacing .24s ease}.lesson[data-tone=ready] p{color:var(--chalk);font-weight:520;letter-spacing:.06em}.lesson[data-tone=still] p{color:var(--mist)}.lesson[data-tone=near] p{color:#e8f2f2d6}.lesson[data-tone=amplified] p{color:var(--chalk);font-weight:520}.lesson.is-fading{animation:lesson-out 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes lesson-out{to{opacity:0;filter:blur(3px)}}.readout{position:absolute;z-index:5;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:36px;pointer-events:none}.readout__label{color:var(--faint);font-size:.6rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.bell-health,.breath-meter{display:grid;gap:9px}.bell-health__marks{display:flex;gap:6px}.bell-health__marks i{display:block;width:16px;height:2px;background:var(--bell);box-shadow:0 2px 8px #e9a85e3d;transition:opacity .4s ease,background-color .4s ease}.bell-health__marks i.is-out{opacity:.22;background:var(--faint);box-shadow:none}.breath-meter__track{width:112px;height:2px;overflow:hidden;background:#96bbbe29}.breath-meter__track i{display:block;width:100%;height:100%;transform-origin:left;background:var(--mist);transition:transform 90ms linear,background-color .22s ease}.breath-meter__track i.is-low{background:var(--bell)}.control-hint{position:absolute;z-index:4;right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;margin:0;color:var(--faint);font-size:.62rem;font-weight:550;letter-spacing:.05em;pointer-events:none}.control-hint i{display:block;width:14px;height:1px;background:var(--line)}.result{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 100px;background:#030d0fbd;text-align:center;touch-action:auto}.pause,.fatal-error{position:absolute;z-index:12;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;background:#030d0fd6;text-align:center;touch-action:auto}.pause>*,.fatal-error>*{position:relative}.pause__kicker{margin:0 0 14px;color:var(--mist);font-size:.64rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.pause h2,.fatal-error h2{margin:0;color:var(--chalk);font-size:clamp(2rem,6vw,3.8rem);font-weight:300;letter-spacing:-.025em}.pause__storm{margin:16px 0 0;color:var(--mist);font-size:.82rem;letter-spacing:.055em}.pause__actions{display:grid;justify-items:stretch;width:min(240px,76vw);gap:7px;margin-top:34px}.pause__actions .text-button{width:100%}.pause__hint{margin:25px 0 0;color:var(--faint);font-size:.64rem;letter-spacing:.035em}.fatal-error p:not(.result__kicker){width:min(520px,84vw);margin:24px 0;color:var(--mist);font-size:.88rem;line-height:1.65}.result__kicker{margin:0 0 14px;color:var(--bell);font-size:.64rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.result h2{margin:0;color:var(--chalk);font-size:clamp(2rem,6vw,3.8rem);font-weight:300;letter-spacing:-.025em}.seismograph{width:min(580px,84vw);height:84px;margin:30px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#seismograph{width:100%;height:100%}.result__stats{display:flex;gap:clamp(30px,8vw,76px);margin:0}.result__stats div{display:grid;gap:7px}.result__stats dt{color:var(--faint);font-size:.6rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.result__stats dd{margin:0;color:var(--chalk);font-size:1rem;font-variant-numeric:tabular-nums}.result__note{width:min(520px,84vw);min-height:2.8em;margin:25px 0 0;color:var(--mist);font-size:.82rem;line-height:1.55;letter-spacing:.035em}.result__actions{display:flex;align-items:center;gap:28px;margin-top:24px}.primary-action{min-width:150px;min-height:44px;border:1px solid rgba(232,242,242,.38);border-radius:14px;padding:12px 20px;background:#e8f2f20f;color:var(--chalk);cursor:pointer;font-size:.76rem;font-weight:600;letter-spacing:.04em;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.primary-action:hover{border-color:#e8f2f2a6;background:#e8f2f21c;transform:translateY(-1px)}.storm-select{position:absolute;z-index:7;bottom:max(24px,env(safe-area-inset-bottom));left:50%;display:flex;gap:7px;transform:translate(-50%);touch-action:auto}.storm-select button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;padding:0;background:transparent;color:var(--faint);cursor:pointer;font-size:.58rem;font-variant-numeric:tabular-nums}.storm-select button[aria-current=true]{border-color:var(--bell);color:var(--bell-hot)}.storm-select button.is-complete:after{display:block;width:3px;height:3px;margin:2px auto 0;border-radius:50%;background:var(--mist);content:""}.app[data-screen=playing] .wordmark{opacity:.72}.app[data-screen=landing] .wordmark{opacity:0}.app.is-entering .landing{animation:enter-water .9s cubic-bezier(.16,1,.3,1) forwards}.app[data-screen=paused] .lesson{visibility:hidden}@keyframes enter-water{to{opacity:0;filter:blur(8px);transform:scale(1.025)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:680px){.hud{grid-template-columns:1fr 1fr;padding-top:max(18px,env(safe-area-inset-top));padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.storm-mark{position:absolute;top:max(56px,calc(env(safe-area-inset-top) + 42px));right:0;left:0;grid-column:1 / -1;width:180px;margin-inline:auto;transform:none}.wordmark{font-size:.64rem}.top-actions{grid-column:2;gap:13px}.sound-button{min-width:44px;font-size:0;gap:0}.readout{left:max(18px,env(safe-area-inset-left));bottom:max(112px,calc(env(safe-area-inset-bottom) + 92px));gap:24px}.control-hint{right:auto;bottom:max(66px,calc(env(safe-area-inset-bottom) + 52px));left:50%;transform:translate(-50%);white-space:nowrap}.control-hint span:first-child,.control-hint i{display:none}.lesson{top:20%}.result{padding-bottom:96px}.result__stats{gap:34px}.storm-select{bottom:max(8px,env(safe-area-inset-bottom));gap:3px}.storm-select button{width:44px;height:44px}}@media(max-height:650px){.landing__title-wrap{transform:translateY(-7vh)}.landing__prelude{margin-bottom:18px}.landing__line{margin-top:24px}.result{justify-content:flex-start;overflow-y:auto;padding-top:68px}.seismograph{height:62px;margin:20px 0 16px}.result__actions{margin-top:22px}}@media(prefers-reduced-motion:reduce){.app.is-entering .landing,.lesson.is-fading{animation:none}.enter-button__mark:before,.enter-button__mark:after,.lesson p,.bell-health__marks i,.breath-meter__track i,.primary-action{transition:none}.app.is-entering .landing{opacity:0}}@media(forced-colors:active){button:focus-visible{outline-color:Highlight}.wordmark__bell,.bell-health__marks i,.breath-meter__track i,.enter-button__mark:after{forced-color-adjust:none}}