:root{color-scheme:dark;--bg: #0b0b0f;--surface: #16161d;--text: #e8e8ef;--text-muted: #9494a3;--accent: #8ea9ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.noise-player{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:32px}.noise-player__title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text)}.color-selector{display:flex;gap:8px;background:var(--surface);border-radius:999px;padding:4px;width:100%}.color-option{flex:1;border:none;background:transparent;color:var(--text-muted);font-size:.95rem;padding:10px 0;border-radius:999px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.color-option.is-selected{background:var(--accent);color:#0b0b0f;font-weight:600}.play-button{width:140px;height:140px;border-radius:50%;border:2px solid var(--accent);background:transparent;color:var(--accent);font-size:1.2rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.play-button.is-playing{background:var(--accent);color:#0b0b0f}.volume-slider{width:100%;display:flex;flex-direction:column;gap:8px}.volume-slider__label{font-size:.85rem;color:var(--text-muted)}.volume-slider input[type=range]{width:100%;accent-color:var(--accent)}.noise-player__error{margin:0;color:#ff8a8a;font-size:.85rem;text-align:center}.update-banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-radius:12px;padding:10px 14px;font-size:.85rem;color:var(--text)}.update-banner__button{flex-shrink:0;border:none;border-radius:999px;background:var(--accent);color:#0b0b0f;font-weight:600;font-size:.85rem;padding:6px 14px;cursor:pointer}