:root{--primary: #b7c7eb;--on-primary: #20304e;--primary-container: #1b2b48;--on-primary-container: #8393b5;--primary-fixed: #d7e2ff;--primary-fixed-dim: #b7c7eb;--on-primary-fixed: #091b37;--on-primary-fixed-variant: #374765;--inverse-primary: #4f5e7e;--secondary: #afcbd8;--on-secondary: #19343e;--secondary-container: #334d58;--on-secondary-container: #a1bdca;--tertiary: #78dc77;--on-tertiary: #00390a;--tertiary-container: #003308;--on-tertiary-container: #42a548;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--background: #131313;--on-background: #e5e2e1;--surface: #131313;--on-surface: #e5e2e1;--surface-variant: #353535;--on-surface-variant: #c5c6ce;--surface-dim: #131313;--surface-bright: #393939;--surface-container-lowest: #0e0e0e;--surface-container-low: #1b1b1c;--surface-container: #202020;--surface-container-high: #2a2a2a;--surface-container-highest: #353535;--inverse-surface: #e5e2e1;--inverse-on-surface: #303030;--outline: #8f9098;--outline-variant: #44474d;--font-headline: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--nav-height: 84px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background-color:var(--background);background-image:radial-gradient(at 0% 0%,var(--primary-container) 0px,transparent 50%),radial-gradient(at 100% 100%,var(--surface-container-lowest) 0px,transparent 50%);background-attachment:fixed;color:var(--on-surface);font-family:var(--font-body);min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary);color:var(--on-primary)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.app-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(to bottom,var(--background) 0%,transparent 100%);background-color:#13131380;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-title{font-family:var(--font-headline);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--primary);text-transform:uppercase}.header-links{display:flex;align-items:center;gap:.5rem}.header-link{font-family:var(--font-body);font-size:.75rem;color:var(--on-surface-variant);text-decoration:none;transition:color .2s ease}.header-link:hover{color:var(--on-surface)}.header-link-sep{font-size:.75rem;color:var(--outline-variant);-webkit-user-select:none;user-select:none}.main-canvas{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:calc(var(--header-height) + 2rem) 1.5rem 7rem;overflow:hidden}.atmo-glow{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.atmo-glow:before{content:"";width:500px;height:500px;background:#b7c7eb0d;border-radius:50%;filter:blur(100px)}.player-center{position:relative;display:flex;flex-direction:column;align-items:center}.ring{position:absolute;border-radius:50%;pointer-events:none;top:0;left:0;right:0;bottom:0}.ring-outer{border:1px solid rgba(183,199,235,.2);transform:scale(1.25);animation:pulse-outer 3s ease-in-out infinite}.ring-inner{border:1px solid rgba(183,199,235,.1);transform:scale(1.5);animation:pulse-inner 3s ease-in-out 1.5s infinite}@keyframes pulse-outer{0%,to{opacity:.3;transform:scale(1.25)}50%{opacity:.15;transform:scale(1.3)}}@keyframes pulse-inner{0%,to{opacity:.1;transform:scale(1.5)}50%{opacity:.05;transform:scale(1.55)}}#noiseButton{position:relative;z-index:10;width:12rem;height:12rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--on-primary-container) 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px #b7c7eb33;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease;color:var(--on-primary);flex-shrink:0}#noiseButton:hover{transform:scale(1.05);box-shadow:0 0 100px #b7c7eb4d}#noiseButton:active{transform:scale(.95);transition:transform .1s ease}#noiseButton.playing{box-shadow:0 0 100px #b7c7eb59,0 0 40px #b7c7eb26}#playIcon{font-size:4rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}#noiseButton:before,#noiseButton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(183,199,235,.35);opacity:0;pointer-events:none}#noiseButton.playing:before{animation:ripple-wave 2.4s ease-out infinite}#noiseButton.playing:after{animation:ripple-wave 2.4s ease-out 1.2s infinite}@keyframes ripple-wave{0%{transform:scale(1);opacity:.45}to{transform:scale(1.9);opacity:0}}.sound-info{margin-top:3rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.sound-info h1{font-family:var(--font-headline);font-weight:700;font-size:1.875rem;letter-spacing:-.02em;color:var(--primary)}.sound-subtitle{font-family:var(--font-body);font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant);opacity:.6}.controls-section{width:100%;max-width:24rem;margin-top:4rem;display:flex;flex-direction:column;gap:3rem}.volume-control{display:flex;flex-direction:column;gap:1rem}.volume-header{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.vol-icon{font-size:1.25rem;color:var(--on-surface-variant)}.volume-label{font-family:var(--font-body);font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:#c5c6ce99}#volumeSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:9999px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--slider-fill, 40%),var(--surface-container-highest) var(--slider-fill, 40%),var(--surface-container-highest) 100%);transition:height .2s ease}#volumeSlider:hover{height:6px}#volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--on-surface);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #00000080;transition:transform .2s ease}#volumeSlider:hover::-webkit-slider-thumb{transform:scale(1.2)}#volumeSlider::-moz-range-thumb{width:12px;height:12px;background:var(--on-surface);border-radius:50%;border:none;cursor:pointer;box-shadow:0 1px 4px #00000080}#volumeSlider::-moz-range-track{height:4px;background:var(--surface-container-highest);border-radius:9999px}.timer-control{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.timer-label{font-family:var(--font-body);font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant);text-align:center}.timer-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.timer-btn{padding:.4rem 1rem;font-family:var(--font-body);font-size:.875rem;cursor:pointer;background-color:var(--surface-container-high);color:var(--on-surface-variant);border:none;border-radius:9999px;transition:background-color .2s ease,color .2s ease,transform .1s ease;touch-action:manipulation}.timer-btn:hover{background-color:var(--surface-container-highest);color:var(--on-surface)}.timer-btn:active{transform:scale(.95)}.timer-btn.active{background-color:var(--primary);color:var(--on-primary);font-weight:600;box-shadow:0 4px 12px #b7c7eb33}.timer-display{display:none;align-items:center;gap:.75rem;background-color:var(--surface-container-low);border-radius:9999px;padding:.4rem 1.25rem;font-size:.875rem;color:var(--primary);font-family:var(--font-body)}.timer-display.visible{display:flex}.timer-cancel-btn{background:none;border:none;color:var(--on-surface-variant);cursor:pointer;font-size:.75rem;padding:0;line-height:1;transition:color .2s ease}.timer-cancel-btn:hover{color:var(--error)}.ad-placement{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:40;pointer-events:none}.ad-frame{width:600px;max-width:100%;pointer-events:all}.partner-label{display:none}#container-d8129d167678e975441674db8fe70e97{line-height:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;align-items:center;padding:.75rem 2rem 1.5rem;background:#1b2b4899;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:2rem 2rem 0 0;box-shadow:0 -20px 40px #0006;height:var(--nav-height)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;text-decoration:none;padding:.25rem 1.25rem;border-radius:9999px;color:var(--on-primary-container);transition:background-color .3s ease,transform .2s ease}.nav-item:hover{background-color:#1b2b4866}.nav-item:active{transform:scale(.9)}.nav-item.active{background-color:var(--primary);color:var(--primary-container)}.nav-item.active .nav-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.nav-icon{font-size:1.5rem}.nav-label{font-family:var(--font-body);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-top:.125rem}@media(max-width:768px){.app-title{font-size:1rem}#noiseButton{width:10rem;height:10rem}#playIcon{font-size:3.5rem}.sound-info h1{font-size:1.5rem}.controls-section{max-width:20rem}}@media(max-width:640px){.ad-placement{display:none}.main-canvas{padding-bottom:2rem}}@media(max-width:480px){.app-title{font-size:.875rem}#noiseButton{width:9rem;height:9rem}#playIcon{font-size:3rem}.sound-info h1{font-size:1.25rem}.main-canvas{padding-top:calc(var(--header-height) + 1rem)}.controls-section{max-width:100%}.timer-btn{padding:.35rem .75rem;font-size:.8rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.ad-placement{bottom:env(safe-area-inset-bottom)}}