@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f4f8fc;--bg-soft: #e8f1fa;--surface: #ffffff;--ink: #0b1f33;--ink-soft: #1e3a55;--muted: #6b849c;--line: #d4e3f2;--line-strong: #b7cfe6;--accent: #1a6fb5;--accent-strong: #0f5a9a;--accent-soft: #dff0ff;--accent-glow: rgba(26, 111, 181, .18);--glass: rgba(255, 255, 255, .92);--glass-strong: rgba(255, 255, 255, .97);--nav-bg: rgba(255, 255, 255, .94);--card-on: #eef6fd;--card-on-inset: rgba(26, 111, 181, .16);--track: #c5d9ec;--track-on: #9ec4e6;--thumb-border: #ffffff;--meta-hover: #cfe7fb;--overlay: rgba(11, 31, 51, .38);--shadow: rgba(15, 55, 100, .1);--shadow-sm: 0 1px 2px rgba(15, 55, 100, .06), 0 2px 8px rgba(15, 55, 100, .06);--shadow-md: 0 2px 4px rgba(15, 55, 100, .05), 0 8px 24px rgba(15, 55, 100, .09);--shadow-lg: 0 4px 8px rgba(15, 55, 100, .06), 0 18px 44px rgba(15, 55, 100, .16);--on-accent: #ffffff;--danger: #dc3b3b;--danger-soft: rgba(220, 59, 59, .1);--radius: 16px;--radius-sm: 12px;--radius-lg: 20px;--gutter: 20px;--nav-h: 52px;--player-gap: 8px;--dock-h: 102px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-sans: "Manrope Variable", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-w: 480px;--ease: cubic-bezier(.16, 1, .3, 1)}html[data-theme=dark]{--bg: #0c1219;--bg-soft: #121a24;--surface: #171f2a;--ink: #f3f6fa;--ink-soft: #d7e0ea;--muted: #8b9aab;--line: #2a3646;--line-strong: #3d4d61;--accent: #6bb4ef;--accent-strong: #8ec8f6;--accent-soft: rgba(107, 180, 239, .16);--accent-glow: rgba(107, 180, 239, .22);--glass: rgba(23, 31, 42, .92);--glass-strong: rgba(23, 31, 42, .97);--nav-bg: rgba(12, 18, 25, .94);--card-on: #1c2a3a;--card-on-inset: rgba(107, 180, 239, .22);--track: #2f4156;--track-on: #4a6d8f;--thumb-border: #171f2a;--meta-hover: rgba(107, 180, 239, .28);--overlay: rgba(0, 0, 0, .52);--shadow: rgba(0, 0, 0, .38);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-md: 0 2px 6px rgba(0, 0, 0, .32), 0 10px 28px rgba(0, 0, 0, .28);--shadow-lg: 0 6px 12px rgba(0, 0, 0, .36), 0 22px 50px rgba(0, 0, 0, .42);--on-accent: #08131f;--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .16)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:disabled{cursor:default}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;background:var(--bg);color:var(--ink-soft);font-family:var(--font-sans);font-weight:400;transition:background-color .36s var(--ease),color .36s var(--ease);letter-spacing:-.016em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;position:relative}#app{position:relative;flex:1 1 auto;min-height:0;width:100%;max-width:var(--app-w);margin:0 auto;overflow:hidden;display:flex;flex-direction:column;z-index:1}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 45% at 15% 0%,var(--accent-glow),transparent 55%),radial-gradient(ellipse 55% 40% at 100% 100%,var(--accent-soft),transparent 50%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 40%,var(--bg) 100%)}.app-shell{position:relative;z-index:1;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;padding:12px var(--gutter) 20px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.app-shell::-webkit-scrollbar{width:6px}.app-shell::-webkit-scrollbar-track{background:transparent}.app-shell::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.install-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--accent-strong);font:inherit;font-size:.875rem;font-weight:600;border-radius:12px;padding:12px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.install-btn[hidden]{display:none}.install-btn svg{width:18px;height:18px}.install-btn:active{transform:scale(.98)}.settings{display:grid;gap:14px}.settings__title{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-sm);transition:background-color .36s var(--ease),border-color .36s var(--ease),box-shadow .36s var(--ease),color .36s var(--ease)}.settings-row{display:flex;flex-direction:column;gap:10px}.settings-row--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.settings-row--inline .settings-row__label{margin:0}.theme-switch{--theme-pad: 3px;--theme-gap: 3px;position:relative;display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;align-items:center;gap:var(--theme-gap);padding:var(--theme-pad);border-radius:12px;background:var(--bg);border:1px solid var(--line);isolation:isolate}.theme-switch__thumb{position:absolute;z-index:0;top:var(--theme-pad);left:var(--theme-pad);height:34px;width:calc((100% - (var(--theme-pad) * 2) - var(--theme-gap)) / 2);border-radius:9px;background:var(--surface);box-shadow:0 1px 3px var(--shadow);transform:translate(0);transition:transform .32s var(--ease),background-color .32s var(--ease),box-shadow .32s var(--ease);pointer-events:none}.theme-switch[data-theme-active=dark] .theme-switch__thumb{transform:translate(calc(100% + var(--theme-gap)))}.theme-switch__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);height:34px;min-width:86px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0 10px;font:inherit;font-size:.75rem;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;position:relative;z-index:1;transition:color .28s var(--ease)}.theme-switch__btn svg{width:15px;height:15px;flex-shrink:0}.theme-switch__btn.is-on{color:var(--ink)}@media(prefers-reduced-motion:reduce){html,body,.settings-card,.theme-switch__thumb,.theme-switch__btn{transition:none}}.settings-row__label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;color:var(--ink)}.settings-row__value{color:var(--muted);font-weight:500;font-size:.8125rem}.settings-hint{font-size:.8125rem;color:var(--muted);line-height:1.45;margin:0}.donate{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 4px);padding:18px 16px 16px;background:radial-gradient(ellipse 90% 70% at 0% 0%,rgba(255,122,24,.22),transparent 55%),radial-gradient(ellipse 80% 60% at 100% 100%,rgba(26,111,181,.18),transparent 50%),linear-gradient(160deg,var(--surface) 0%,var(--bg-soft) 100%);border:1px solid var(--line);box-shadow:0 8px 28px var(--shadow);display:grid;gap:14px}.donate__glow{pointer-events:none;position:absolute;inset:-40% -20% auto auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,40,.35),transparent 70%);filter:blur(8px)}.donate__head{position:relative;display:grid;gap:8px}.donate__badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 10px;border-radius:999px;background:#ff7a1824;color:#e86a00;font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}html[data-theme=dark] .donate__badge{color:#ffb06a;background:#ff8c2829}.donate__badge svg{width:13px;height:13px}.donate__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.donate__lead{margin:0;font-size:.875rem;line-height:1.5;color:var(--muted)}.donate-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;text-align:left;position:relative;overflow:hidden;width:100%;padding:16px;border-radius:18px;color:#fff7ee;font:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%),linear-gradient(145deg,#ff7a18,#f04d00 48%,#c62828);box-shadow:0 14px 30px #f04d0047,inset 0 1px #ffffff47;display:grid;gap:18px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.donate-card:active{transform:scale(.985)}.donate-card__top{display:flex;align-items:center;justify-content:space-between}.donate-card__chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#ffe7a8,#d4a017 45%,#f5e6a8);box-shadow:0 2px 6px #0000002e}.donate-card__brand{font-size:.8125rem;font-weight:700;letter-spacing:.04em;opacity:.95}.donate-card__number{margin:0;font-size:1.2rem;font-weight:650;letter-spacing:.12em;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.12)}.donate-card__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.donate-card__hint{margin:0 0 2px;font-size:.6875rem;opacity:.78}.donate-card__name{margin:0;font-size:.8125rem;font-weight:650}.donate-card__copy{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem;font-weight:650;white-space:nowrap}.donate-card__copy svg{width:14px;height:14px}.donate__foot{margin:0;font-size:.75rem;color:var(--muted);text-align:center;line-height:1.4}.view-stack{position:relative;flex:1;display:flex;flex-direction:column;padding:0}.view{display:flex;flex:1;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s var(--ease),visibility 0s linear .14s}.view.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s var(--ease),visibility 0s;animation:viewIn .18s var(--ease)}@keyframes viewIn{0%{transform:translate3d(0,8px,0)}to{transform:none}}.view:not(.is-active){position:absolute;left:0;right:0;top:0;flex:none}.sound-group{margin-bottom:22px}.sound-group:last-child{margin-bottom:0}.sound-group__title{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}.sound-grid.is-instant .sound-tile{animation:none}.sound-tile{--i: 0;display:flex;flex-direction:column;gap:4px;animation:enter .56s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}.sound-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--surface);border-radius:var(--radius);padding:28px 8px 10px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;aspect-ratio:1;min-height:0;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .24s var(--ease),background .24s var(--ease);color:inherit;font:inherit;position:relative}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.sound-card:hover{box-shadow:var(--shadow-md)}}.sound-card:active{transform:scale(.97)}.sound-card.is-on{background:var(--card-on);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent),0 6px 18px var(--accent-glow)}.sound-card__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2;border-radius:inherit;pointer-events:none}.sound-card.is-loading .sound-card__loader{display:grid}.sound-card__loader:before{content:"";width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.sound-card.is-loading{cursor:progress}.sound-card__icon{width:42px;height:42px;color:var(--accent);flex-shrink:0;margin-top:auto;overflow:visible}.sound-card.is-on .sound-card__icon{color:var(--accent-strong)}.fav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;cursor:pointer;padding:0;position:absolute;top:6px;right:6px;opacity:.9;z-index:3;transition:color .16s var(--ease),background .16s var(--ease),opacity .16s var(--ease)}.fav-btn svg{width:16px;height:16px}.fav-btn:hover,.fav-btn:focus-visible{opacity:1;color:var(--accent);background:var(--accent-soft);outline:none}.fav-btn.is-on{color:var(--accent);opacity:1}.sound-tile.is-focused .sound-card:not(.is-on){box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow-sm)}.sound-card__title{font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-soft);transition:color .24s var(--ease);line-height:1.2;margin:0;width:100%;min-height:2.4em;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sound-card.is-on .sound-card__title{color:var(--accent-strong)}.sound-card__title a{color:inherit;text-decoration:none}.volume{display:flex;align-items:center;padding:0 2px;min-height:28px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s var(--ease),transform .24s var(--ease),visibility 0s linear .18s}.sound-tile.is-on .volume{opacity:1;visibility:visible;transform:none;transition:opacity .24s var(--ease),transform .28s var(--ease),visibility 0s}.volume input[type=range],.master input[type=range],.settings-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--line);border-radius:2px;outline:none;margin:0;touch-action:pan-x}.volume input[type=range]{height:28px;background:transparent;border-radius:0;cursor:pointer}.volume input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--track)}.sound-tile.is-on .volume input[type=range]::-webkit-slider-runnable-track{background:var(--track-on)}.volume input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--track);border:none}.sound-tile.is-on .volume input[type=range]::-moz-range-track{background:var(--track-on)}.volume input[type=range]::-webkit-slider-thumb,.master input[type=range]::-webkit-slider-thumb,.settings-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--thumb-border);box-shadow:0 1px 4px var(--accent-glow);cursor:pointer}.volume input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;box-shadow:0 2px 6px var(--accent-glow)}.volume input[type=range]::-moz-range-thumb,.master input[type=range]::-moz-range-thumb,.settings-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--thumb-border);box-shadow:0 1px 4px var(--accent-glow);cursor:pointer}.volume input[type=range]::-moz-range-thumb{width:18px;height:18px;box-shadow:0 2px 6px var(--accent-glow)}.empty-state{margin:48px 8px 0;text-align:center;color:var(--muted)}.empty-state h2{margin:0 0 8px;font-size:1.1rem;color:var(--ink);font-weight:600}.empty-state p{margin:0;font-size:.875rem;line-height:1.45}#dock-root,.dock{position:relative!important;flex:0 0 auto;width:min(480px,100vw)!important;max-width:480px;margin:0 auto!important;padding:0 16px calc(8px + var(--safe-bottom))!important;z-index:30!important;pointer-events:none;display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow:visible}.dock__panel{pointer-events:auto;position:relative;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:8px 12px 10px;display:flex;flex-direction:column;align-items:stretch;gap:6px;box-shadow:var(--shadow-md);overflow:visible}.dock__brand{margin:0;pointer-events:none;text-align:center;font-size:.9375rem;font-weight:650;letter-spacing:-.02em;color:var(--ink)}.dock__bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}.dock__meta{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:40px;border:none;background:transparent;color:var(--ink);font:inherit;text-align:left;border-radius:var(--radius-sm);padding:4px 8px 4px 4px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .16s var(--ease),transform .16s var(--ease)}.dock__meta:disabled{cursor:default}.dock__meta:active:not(:disabled){transform:scale(.98)}.dock__meta-text{min-width:0;display:grid;gap:2px}.dock__meta-title{font-size:.875rem;font-weight:650;line-height:1.2;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__meta-sub{font-size:.75rem;font-weight:500;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__meta.is-playing .dock__meta-sub{color:var(--accent-strong)}.dock__meta:not(.is-live) .dock__meta-caret{display:none}.dock__meta:not(.is-live) .dock__meta-title{color:var(--muted);font-weight:600}@media(hover:hover){.dock__meta:hover:not(:disabled){background:var(--accent-soft)}}.dock__meta-caret{flex-shrink:0;margin-left:auto;width:14px;height:14px;color:var(--muted);transition:transform .2s var(--ease)}.dock__meta.is-live{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding-right:12px}.dock__panel.is-open .dock__meta.is-live{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,var(--line))}.dock__panel.is-open .dock__meta-caret{transform:rotate(180deg)}.now-playing{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:2.5px;background:var(--bg);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s var(--ease),color .2s var(--ease)}.dock__meta.is-live .now-playing{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none}.now-playing i{display:block;width:3px;height:4px;border-radius:2px;background:currentColor;transform-origin:bottom center}.now-playing i:nth-child(1){height:6px}.now-playing i:nth-child(2){height:10px}.now-playing i:nth-child(3){height:5px}.dock__meta.is-live .now-playing i:nth-child(1){height:9px}.dock__meta.is-live .now-playing i:nth-child(2){height:15px}.dock__meta.is-live .now-playing i:nth-child(3){height:7px}.dock__meta.is-playing .now-playing i{animation:eqPulse .9s var(--ease) infinite}.dock__meta.is-playing .now-playing i:nth-child(1){animation-delay:0s}.dock__meta.is-playing .now-playing i:nth-child(2){animation-delay:.18s}.dock__meta.is-playing .now-playing i:nth-child(3){animation-delay:.36s}@keyframes eqPulse{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.dock__meta.is-playing .now-playing i{animation:none}}.controls{flex-shrink:0;display:flex;align-items:center;gap:6px}.btn.is-on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);color:var(--accent-strong)}.btn--sleep{position:relative;overflow:hidden;transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease)}.btn--sleep .sleep-btn__icon,.btn--sleep .sleep-btn__time{display:grid;place-items:center;transition:opacity .2s var(--ease),transform .24s var(--ease)}.btn--sleep .sleep-btn__icon[hidden],.btn--sleep .sleep-btn__time[hidden]{display:none}.btn--sleep .sleep-btn__icon svg{width:16px;height:16px;transition:transform .28s var(--ease)}.btn--sleep.is-expanded{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent-strong)}.btn--sleep.is-expanded .sleep-btn__icon svg{transform:rotate(-18deg) scale(1.08)}.btn--sleep.is-on{box-shadow:0 0 0 0 var(--accent-glow);animation:sleepGlow 2.2s var(--ease) infinite}.btn--sleep.is-on.is-expanded{animation:none}.btn.btn--sleep{width:auto;min-width:40px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:6px}.sleep-btn__label{font-size:.8125rem;font-weight:600;white-space:nowrap}.sleep-btn__label[hidden]{display:none}@media(max-width:374px){.sleep-btn__label{display:none}.btn.btn--sleep:not(.is-on){padding:0;justify-content:center}.btn.btn--sleep.is-on{padding:0 10px}.btn--sleep.is-on .sleep-btn__icon,.now-playing{display:none}.dock__meta{margin-left:0;padding-left:6px}.btn.btn--primary{width:44px}}.sleep-btn__time{font-size:.75rem;font-weight:700;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;animation:sleepTimeIn .24s var(--ease) both}@keyframes sleepGlow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px var(--accent-glow)}}@keyframes sleepTimeIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.sleep-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);pointer-events:none;transition:max-height .3s var(--ease),opacity .22s var(--ease),transform .28s var(--ease),margin .28s var(--ease)}.sleep-menu.is-open{max-height:48px;opacity:1;transform:none;pointer-events:auto}.sleep-menu__opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);font:inherit;font-size:.6875rem;font-weight:650;border-radius:10px;padding:8px 4px;cursor:pointer;opacity:0;transform:translateY(8px) scale(.96);transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),opacity .22s var(--ease),transform .26s var(--ease)}.sleep-menu.is-open .sleep-menu__opt{opacity:1;transform:none}.sleep-menu.is-open .sleep-menu__opt:nth-child(1){transition-delay:40ms}.sleep-menu.is-open .sleep-menu__opt:nth-child(2){transition-delay:70ms}.sleep-menu.is-open .sleep-menu__opt:nth-child(3){transition-delay:.1s}.sleep-menu.is-open .sleep-menu__opt:nth-child(4){transition-delay:.13s}.sleep-menu:not(.is-open) .sleep-menu__opt{transition-delay:0ms}.sleep-menu__opt.is-on{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent-soft);color:var(--accent-strong)}.sleep-menu__opt:active{transform:scale(.97)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);width:40px;height:40px;display:grid;place-items:center;cursor:pointer;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;box-shadow:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);width:52px;height:40px;border-radius:var(--radius-sm);box-shadow:0 6px 14px var(--accent-glow)}@media(hover:hover){.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}}.btn svg{width:16px;height:16px}.btn--primary svg{width:18px;height:18px}.master{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.master svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.master input[type=range]{flex:1;width:auto}.active-sheet{position:absolute;left:0;right:0;bottom:calc(100% + 8px);top:auto;background:var(--glass-strong);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;max-height:min(42vh,280px);overflow:auto;display:none;flex-direction:column;gap:6px;animation:sheetIn .22s var(--ease) both}.dock__panel.is-open .active-sheet{display:flex}@keyframes sheetIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.active-sheet__empty{padding:18px 12px;text-align:center;color:var(--muted);font-size:.8125rem}.active-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--bg);border:1px solid transparent;overflow:hidden;max-height:64px;flex-shrink:0;transition:opacity .22s var(--ease),transform .28s var(--ease),max-height .28s var(--ease),padding .28s var(--ease),margin .28s var(--ease),border-width .28s var(--ease)}.active-item.is-leaving{opacity:0;transform:translate(12px);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-6px;border-width:0;pointer-events:none}.active-item__icon{width:24px;height:24px;color:var(--accent);flex-shrink:0;display:grid;place-items:center}.active-item__icon svg{width:22px;height:22px;display:block}.active-item__title{flex:1;font-size:.8125rem;font-weight:600;color:var(--ink);margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-item__off{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--accent-strong);width:32px;height:32px;border-radius:10px;padding:0;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.active-item__off svg{width:14px;height:14px}.active-item__off:active{transform:scale(.96)}#topbar-root,.topbar{position:relative!important;flex:0 0 auto;width:min(var(--app-w),100vw)!important;max-width:var(--app-w);margin:0 auto!important;height:calc(var(--nav-h) + var(--safe-top))!important;padding:var(--safe-top) 14px 0 var(--gutter)!important;z-index:30!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;background:transparent!important;box-shadow:inset 0 -1px 0 var(--line)}.topbar__brand{position:relative;z-index:1;margin:0 0 0 -6px;padding:10px 6px;border-radius:10px;pointer-events:auto;font-size:.98rem;font-weight:650;letter-spacing:-.02em;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.topbar__nav{pointer-events:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;padding:0;border-radius:12px;text-decoration:none;transition:color .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item.is-active{color:var(--accent-strong);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.nav-item:active{transform:scale(.96)}.nav-item--donate{color:#e86a00}html[data-theme=dark] .nav-item--donate{color:#ffb06a}.nav-item--donate:hover,.nav-item--donate:active{background:#ff7a181f}.donate-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:end center;padding:16px 16px calc(16px + var(--safe-bottom));background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.donate-sheet[hidden]{display:none}.donate-sheet__card{position:relative;width:min(440px,100%);max-height:min(86dvh,640px);overflow:auto;overscroll-behavior:contain;border-radius:22px;animation:donateIn .28s var(--ease) both}.donate-sheet__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}.donate-sheet__close svg{width:18px;height:18px}.donate-sheet .donate{border-radius:22px;padding:20px 18px 18px}@keyframes donateIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.install-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;display:grid;place-items:end center;padding:16px 16px calc(16px + var(--safe-bottom));background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.install-sheet[hidden]{display:none}.install-sheet__card{width:min(400px,100%);background:var(--surface);border-radius:18px;padding:20px 18px 16px;box-shadow:var(--shadow-lg)}.install-sheet__card h2{margin:0 0 12px;font-size:1.05rem;color:var(--ink)}.install-sheet__steps{margin:0 0 12px;padding-left:18px;color:var(--ink-soft);font-size:.875rem;line-height:1.55}.install-sheet__steps svg{width:16px;height:16px;vertical-align:-3px;color:var(--accent)}.install-sheet__hint{margin:0 0 14px;font-size:.75rem;color:var(--muted);line-height:1.4}.install-sheet__ok{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:none;background:var(--accent);color:var(--on-accent);font:inherit;font-size:.875rem;font-weight:600;border-radius:12px;padding:12px;cursor:pointer}.preset-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:end center;padding:16px 16px calc(16px + var(--safe-bottom));background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.preset-sheet[hidden]{display:none}.preset-sheet__card{width:min(440px,100%);max-height:min(78vh,640px);background:var(--surface);border-radius:18px;padding:16px 14px 14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:10px;min-height:0}.preset-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.preset-sheet__head h2{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em;color:var(--ink)}.preset-sheet__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border:none;border-radius:10px;background:var(--bg);color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.preset-sheet__close svg{width:18px;height:18px}.preset-sheet__hint{margin:0;font-size:.8125rem;color:var(--muted)}.preset-sheet__body{flex:1;min-height:0;overflow:auto;display:grid;gap:14px;padding-right:2px}.preset-pick-group{display:grid;gap:8px}.preset-pick-group__title{margin:0;font-size:.75rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.preset-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:12px 10px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}.preset-pick:active{transform:scale(.98)}.preset-pick.is-on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft)}.preset-pick__icon{width:28px;height:28px;border-radius:9px;background:var(--surface);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.preset-pick.is-on .preset-pick__icon{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent-strong)}.preset-pick__icon svg{width:16px;height:16px}.preset-pick__title{font-size:.8125rem;font-weight:600;line-height:1.25;min-width:0}.preset-sheet__foot{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding-top:4px}.preset-sheet__cancel,.preset-sheet__save{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;font:inherit;font-size:.875rem;font-weight:600;padding:12px;cursor:pointer}.preset-sheet__cancel{background:var(--bg);color:var(--ink-soft);border:1px solid var(--line)}.preset-sheet__save{background:var(--accent);color:var(--on-accent)}.preset-sheet__save:disabled{opacity:.45;cursor:not-allowed}.confirm-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:46;display:grid;place-items:center;padding:16px;background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-sheet[hidden]{display:none}.confirm-sheet__card{width:min(360px,100%);background:var(--surface);border-radius:18px;padding:20px 18px 16px;box-shadow:var(--shadow-lg);display:grid;gap:12px}.confirm-sheet__card h2{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em;color:var(--ink)}.confirm-sheet__text{margin:0;font-size:.875rem;line-height:1.45;color:var(--muted)}.confirm-sheet__foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}.confirm-sheet__cancel,.confirm-sheet__ok{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;font:inherit;font-size:.875rem;font-weight:600;padding:12px;cursor:pointer}.confirm-sheet__cancel{background:var(--bg);color:var(--ink-soft);border:1px solid var(--line)}.confirm-sheet__ok{background:var(--danger);color:#fff}.confirm-sheet__ok:active{transform:scale(.98)}.presets{display:grid;gap:14px}.presets__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.presets__title{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.preset-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border:1.5px dashed color-mix(in srgb,var(--line-strong) 85%,var(--ink));border-radius:14px;background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:border-color .2s ease,color .2s ease,background .2s ease}.preset-add svg{width:22px;height:22px}.preset-add:active{transform:scale(.96)}.preset-add:hover,.preset-add:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);outline:none}.preset-list{display:grid;gap:10px}.preset-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.preset-card__main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px 8px 14px 14px;cursor:pointer;min-width:0}.preset-card__main:hover,.preset-card__main:focus-visible{background:color-mix(in srgb,var(--accent-soft) 55%,transparent);outline:none}.preset-card__main:active{transform:scale(.995)}.preset-card__icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.preset-card__icon{width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.preset-card__icon svg{width:16px;height:16px}.preset-card__more{font-size:.7rem;font-weight:650;color:var(--muted);padding-left:2px}.preset-card__body{min-width:0;display:grid;gap:3px}.preset-card__name{margin:0;font-size:.95rem;font-weight:650;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-card__meta{margin:0;font-size:.75rem;color:var(--muted)}.preset-card__delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;border:none;border-left:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.preset-card__delete svg{width:18px;height:18px}.preset-card__delete:hover,.preset-card__delete:focus-visible{color:var(--danger);background:var(--danger-soft);outline:none}.toast{position:fixed;left:50%;bottom:calc(var(--dock-h) + 16px + env(safe-area-inset-bottom,0px));z-index:55;max-width:min(90vw,340px);padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--ink) 94%,transparent);color:var(--bg);font-size:.8125rem;font-weight:500;line-height:1.35;text-align:center;box-shadow:0 8px 28px #00000040;transform:translate(-50%) translateY(12px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast:not([hidden]){opacity:1;transform:translate(-50%) translateY(0)}.center-notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;pointer-events:none;background:#0b1f3300;transition:background .38s var(--ease)}.center-notice[hidden]{display:none}.center-notice.is-on{background:#0b1f3347;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.center-notice.is-out{background:#0b1f3300}.center-notice__card{display:grid;justify-items:center;gap:8px;min-width:min(72vw,260px);max-width:300px;padding:22px 24px 20px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--line);box-shadow:0 18px 48px #0f376447;color:var(--ink);text-align:center;opacity:0;transform:translateY(14px) scale(.92);transition:opacity .38s var(--ease),transform .42s var(--ease)}.center-notice.is-on .center-notice__card{opacity:1;transform:none}.center-notice.is-out .center-notice__card{opacity:0;transform:translateY(-8px) scale(.96)}.center-notice__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ff7a1824;color:#e86a00;margin-bottom:2px}html[data-theme=dark] .center-notice__icon{color:#ffb06a;background:#ff8c282e}.center-notice__icon svg{width:22px;height:22px}.center-notice__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.center-notice__sub{margin:0;font-size:.8125rem;line-height:1.4;color:var(--muted)}@media(prefers-reduced-motion:reduce){.center-notice,.center-notice__card{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}.empty-state--compact{margin:0;padding:18px 16px;border-radius:var(--radius);border:1px dashed var(--line-strong);display:grid;justify-items:center;gap:12px}.empty-state__cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:var(--on-accent);font:inherit;font-size:.875rem;font-weight:650;height:44px;padding:0 18px 0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 16px var(--accent-glow);transition:transform .16s var(--ease),background .16s var(--ease)}.empty-state__cta svg{width:18px;height:18px}.empty-state__cta:active{transform:scale(.97)}@media(hover:hover){.empty-state__cta:hover{background:var(--accent-strong)}}.sound-group__hint{margin:0;font-size:.8125rem;line-height:1.45;color:var(--muted)}.presets .sound-group{margin-bottom:0}.preset-list--starter{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card--starter{grid-template-columns:minmax(0,1fr)}.preset-card--starter .preset-card__main{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}.preset-card{transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.preset-card.is-playing{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--accent) 70%,transparent),0 6px 18px var(--accent-glow)}.preset-card--starter .preset-card__name{white-space:normal;overflow:visible;line-height:1.25}.preset-card.is-playing .preset-card__name{color:var(--accent-strong)}@media(min-width:768px){:root{--app-w: 760px;--gutter: 28px}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-list--starter{grid-template-columns:repeat(4,minmax(0,1fr))}.settings{max-width:520px}}@media(min-width:1100px){:root{--app-w: 960px}.sound-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.volume,.sound-tile.is-on .volume{transition:none;transform:none}}