:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c0f;--bg-2:#12161b;--ink:#e8edf2;--ink-2:#a1acb8;--ink-3:#6f7b88;--accent:#9fb4c9;--accent-soft:#9fb4c929;--line:#e8edf217;--surface:#e8edf20a;--serif:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--top:env(safe-area-inset-top,0px);--bottom:env(safe-area-inset-bottom,0px);--left:env(safe-area-inset-left,0px);--right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body{background:var(--bg);height:100%}body{color:var(--ink);font-family:var(--sans);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-size:15px;overflow:hidden}[hidden]{display:none!important}audio{display:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.scene{background:linear-gradient(#0e1319 0%,#0b0e12 46%,#090b0e 100%);position:fixed;inset:0;overflow:hidden}.scene-glow{background:radial-gradient(closest-side,#708ca82b,#708ca800);width:150vw;height:70vh;transition:opacity 1.6s;position:absolute;top:-22%;left:50%;transform:translate(-50%)}.scene-rain{opacity:0;transition:opacity 1.4s;position:absolute;inset:0}.scene-rain i{will-change:transform;background:linear-gradient(#bed2e600,#bed2e6b3);width:1px;animation:linear infinite paused fall;position:absolute;top:-12%;transform:translate(0,0)rotate(8deg)}.scene[data-sound=rain] .scene-rain,.scene[data-sound=storm] .scene-rain{opacity:.55}.scene-flash{opacity:0;background:radial-gradient(at 62% 14%,#aac0da33,#aac0da00 62%);position:absolute;inset:0}.scene-waves{opacity:0;width:108%;height:40vh;transition:opacity 1.4s;position:absolute;bottom:0;left:-4%}.scene[data-sound=ocean] .scene-waves{opacity:1}.wave{transform-origin:50%;animation:9s ease-in-out infinite alternate paused swell}.wave-1{fill:#7894b013}.wave-2{fill:#7894b017;animation-duration:12s;animation-delay:-3s}.wave-3{fill:#7894b01f;animation-duration:15s;animation-delay:-7s}.scene-fade{background:linear-gradient(#0a0c0f00 40%,#0a0c0fbd 100%);position:absolute;inset:0}.is-playing .scene-rain i,.is-playing .wave{animation-play-state:running}.is-playing .scene[data-sound=storm] .scene-flash{animation:23s ease-in-out infinite flash}@keyframes fall{to{transform:translate(-22vh,124vh)rotate(8deg)}}@keyframes swell{0%{transform:translate(-3%,5%)}to{transform:translate(3%,-5%)}}@keyframes flash{0%,88%,to{opacity:0}91%{opacity:.8}93%{opacity:.25}}.app{max-width:480px;height:100dvh;padding:calc(var(--top) + 10px) calc(var(--right) + 20px) calc(var(--bottom) + 12px) calc(var(--left) + 20px);flex-direction:column;margin:0 auto;display:flex;position:relative}.brand{text-align:center;color:var(--ink-3);letter-spacing:.26em;text-transform:uppercase;font-size:12px}.player{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(4px,1.2vh,10px);min-height:0;display:flex}.title{font-family:var(--serif);letter-spacing:.005em;font-size:clamp(36px,6vh,50px);font-weight:400}.status{text-align:center;max-width:320px;min-height:2.5em;color:var(--ink-2);font-variant-numeric:tabular-nums;padding:0 12px;font-size:15px;line-height:1.25}.play{color:#0b0e12;background:linear-gradient(160deg,#e6edf4 0%,#b9c7d6 100%);border-radius:50%;place-items:center;width:clamp(104px,16vh,128px);height:clamp(104px,16vh,128px);margin-top:clamp(4px,1.6vh,18px);transition:transform .18s,box-shadow .8s;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff24,0 18px 44px #00000075,0 0 70px #92acc624}.play:active{transform:scale(.965)}.play svg{fill:currentColor;grid-area:1/1;width:40%;height:40%}.play .icon-pause,.play.active .icon-play{display:none}.play.active .icon-pause{display:block}.spinner{border:1.5px solid #0000;border-top-color:var(--accent);opacity:0;pointer-events:none;border-radius:50%;grid-area:1/1;width:calc(100% + 16px);height:calc(100% + 16px)}.is-loading .spinner{opacity:1;animation:1.1s linear infinite spin}.is-playing .play{box-shadow:0 0 0 1px #ffffff24,0 18px 44px #00000075,0 0 110px #92acc647}@keyframes spin{to{transform:rotate(360deg)}}.controls{flex-direction:column;gap:clamp(8px,1.5vh,14px);display:flex}.sounds{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sounds button{min-height:clamp(70px,10vh,86px);color:var(--ink-2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:color .25s,background .25s,box-shadow .25s;display:flex}.sounds svg{width:26px;height:26px}.sounds [aria-checked=true]{color:var(--ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #9fb4c96b}.timers{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr) 1.55fr;gap:6px;padding:4px;display:grid}.timers button{min-height:44px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:12px;font-size:15px;transition:color .2s,background .2s}.timers small{color:var(--ink-3);margin-left:2px;font-size:11px}.timers [aria-checked=true]{color:#0b0e12;background:var(--accent)}.timers [aria-checked=true] small{color:#0b0e12a8}.volume{min-height:44px;color:var(--ink-3);align-items:center;gap:12px;display:flex}.volume svg{fill:currentColor;width:20px;height:20px}input[type=range]{appearance:none;background:0 0;flex:1;height:44px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:22px;height:22px;margin-top:-9.5px}.hint{text-align:center;color:var(--ink-3);font-size:13px}.foot{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:2px;display:flex}.offline{min-width:0;color:var(--ink-3);font-size:13px}.note{align-items:center;gap:7px;display:inline-flex}.ready:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.ready{color:var(--accent)}.link{min-height:44px;color:var(--ink-3);text-align:left;font-size:13px}.credits{width:min(92vw,400px);color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:20px;margin:auto;padding:22px;line-height:1.45}.credits::backdrop{background:#00000094}.credits h2{color:var(--ink);font-family:var(--serif);margin-bottom:12px;font-size:22px;font-weight:400}.credits ul{margin-bottom:12px;padding-left:18px}.credits li{margin-bottom:8px}.credits a{color:var(--accent)}@media (max-height:700px){.hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.scene-flash{opacity:0!important}.scene-rain i{transform:translateY(34vh)rotate(8deg);opacity:.1!important}.is-loading .spinner{opacity:.6;border-color:var(--accent)}}