*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.italic{font-style:italic}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080c14;--surface:#ffffff09;--surface-hover:#ffffff0e;--surface-faint:#ffffff05;--surface-sunken:#00000040;--track:#ffffff1a;--border:#ffffff12;--border-strong:#ffffff24;--border-active:#a0b9ff38;--text-primary:#dfe3ed;--text-secondary:#7e87a1;--text-dim:#727b93;--text-bright:#e8eef8;--accent:#7ba7e8;--accent-glow:#7ba7e82e;--accent-tint:#7ba7e812;--accent-tint-2:#7ba7e821;--accent-line:#7ba7e847;--warm:#b89a6a;--warm-glow:#b89a6a1f;--warm-line:#b89a6a38;--danger:#e07070;--danger-tint:#dc505014;--danger-line:#dc505061;--font-display:"Cormorant", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", ui-monospace, monospace;--fs-eyebrow:10px;--fs-control:11px;--fs-body:12px;--fs-lead:13px;--fs-display:clamp(2.4rem, 7vw, 3.2rem);--tracking-eyebrow:.2em;--tracking-wordmark:.06em;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-2xl:16px;--r-full:999px;--radius-control-sm:var(--r-sm);--radius-control:var(--r-md);--radius-button:var(--r-lg);--radius-card:var(--r-xl);--radius-card-lg:var(--r-2xl);--radius-sheet:20px;--sp-2:2px;--sp-4:4px;--sp-5:5px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-18:18px;--sp-20:20px;--sp-24:24px;--sp-28:28px;--sp-32:32px;--sp-44:44px;--sp-48:48px;--glow-accent:0 0 24px var(--accent-glow);--ease:cubic-bezier(.22, 1, .36, 1);--dur-1:.15s;--dur-2:.2s;--dur-3:.25s;--dur-4:.35s;--dur-enter:.7s;--z-bg:0;--z-scene:1;--z-app:2;--z-moon:3;--z-overlay:10;--z-player:30;--z-sheet:40;--z-modal:50;--z-toast:60}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;font-weight:300;overflow:hidden}button,input{touch-action:manipulation}.crash-screen{justify-content:center;align-items:center;gap:var(--sp-20);padding:var(--sp-24);text-align:center;flex-direction:column;display:flex;position:fixed;inset:0}.crash-line{font-family:var(--font-display);color:var(--text-secondary);font-size:18px;font-style:italic}.crash-btn{padding:var(--sp-10) var(--sp-24);border-radius:var(--radius-button);border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent);font-family:var(--font-body);font-size:var(--fs-body);letter-spacing:.04em;cursor:pointer}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,.material-symbols-rounded{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bg-layer{z-index:var(--z-bg);pointer-events:none;background:radial-gradient(70% 50% at 15% 60%,#3c5aa012 0%,#0000 100%),radial-gradient(50% 40% at 85% 25%,#b496640d 0%,#0000 100%),radial-gradient(40% 60% at 65% 85%,#32468c0f 0%,#0000 100%);position:fixed;inset:0}.night-sky{z-index:var(--z-bg);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.moon-track{width:52px;height:52px;z-index:var(--z-moon);pointer-events:none;transform:translateY(calc(var(--moon-scroll,0px) * -.7));position:fixed;top:7vh;right:4vw}@media (width>=1000px){.moon-track{right:calc(max(0px, (100vw - 1180px) / 2) + clamp(340px, 30vw, 400px) + var(--sp-32) * 2)}}@supports (animation-timeline:scroll()){:root{timeline-scope:--drift-scroll}.app{scroll-timeline:--drift-scroll block}.moon-track{animation:linear both moonParallax;animation-timeline:--drift-scroll;animation-range:0 100vh;transform:none}}@keyframes moonParallax{to{transform:translateY(-70vh)}}.moon{border-radius:var(--r-full);opacity:.92;appearance:none;cursor:default;pointer-events:auto;-webkit-tap-highlight-color:transparent;width:100%;height:100%;transition:box-shadow var(--dur-4) var(--ease);background:radial-gradient(circle at 38% 38%,#f0e8ca 0%,#d4b878 55%,#a88040 100%);border:0;padding:0;animation:14s ease-in-out infinite moonDrift;position:relative;box-shadow:0 0 22px #d2b46e8c,0 0 55px #c8a56447,0 0 100px #b89a6a1f}.moon:focus-visible{outline:none}.moon-dev{box-shadow:0 0 14px #d2b46e59,0 0 34px #c8a56429}.moon-crescent{border-radius:var(--r-full);opacity:0;pointer-events:none;transition:opacity .5s var(--ease);background:radial-gradient(circle at 32% 36%,#080c14f7 0% 61%,#0000 63%);position:absolute;inset:0}.moon-dev .moon-crescent{opacity:1}.moon:before{content:"";border-radius:var(--r-full);background:radial-gradient(circle at 68% 35%,#00000014 0%,#0000 60%);position:absolute;inset:0}.moon:after{content:"";border-radius:var(--r-full);background:#8c64281f;width:13px;height:13px;position:absolute;top:11px;left:16px;box-shadow:16px 6px 0 10px #8c642812,6px 20px 0 8px #8c64280f}@keyframes moonDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.app{z-index:var(--z-app);max-width:520px;height:100dvh;padding:0 var(--sp-24);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-y:auto}.app::-webkit-scrollbar{display:none}.app{transition:opacity .5s var(--ease)}.app-quiet{opacity:0;pointer-events:none}.layout{display:contents}@media (width>=1000px){.layout{gap:var(--sp-32);width:100%;max-width:1180px;height:100dvh;padding:0 var(--sp-32);grid-template-columns:minmax(0,1fr) clamp(340px,30vw,400px);margin:0 auto;display:grid}.app{width:auto;max-width:none;height:100dvh;margin:0;padding:0}.app .scene-row,.app .mix-row{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.app .scene-row{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(158px,1fr));display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.app .scene-card{flex:none;width:100%}.side-panel{z-index:var(--z-app);height:100dvh;min-height:0;padding:calc(env(safe-area-inset-top,0px) + var(--sp-44)) 0 calc(env(safe-area-inset-bottom,0px) + var(--sp-24));transition:opacity .5s var(--ease);flex-direction:column;display:flex;position:relative}.side-panel-quiet{opacity:0;pointer-events:none}.side-panel-head{align-items:center;gap:var(--sp-12);padding-bottom:var(--sp-16);margin-bottom:var(--sp-20);border-bottom:1px solid var(--border);display:flex}.side-panel-head-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.side-panel-scroll{overscroll-behavior:contain;scrollbar-width:none;gap:var(--sp-18);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.side-panel-scroll::-webkit-scrollbar{display:none}.side-panel-idle{margin:var(--sp-24) 0;font-family:var(--font-display);letter-spacing:.05em;color:var(--text-secondary);font-size:15px;font-style:italic;font-weight:300;line-height:1.5}}header{padding:calc(env(safe-area-inset-top,0px) + var(--sp-44)) 0 var(--sp-24);margin-bottom:var(--sp-16);animation:fadeSlideDown var(--dur-enter) var(--ease) both;position:relative}header:after{content:"";background:linear-gradient(90deg,#0000,#ffffff17 28% 72%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.wordmark{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:var(--fs-display);letter-spacing:var(--tracking-wordmark);color:var(--text-primary);white-space:nowrap;line-height:1}.greeting{margin-top:var(--sp-8);font-family:var(--font-display);letter-spacing:.05em;color:var(--text-secondary);font-size:17px;font-style:italic;font-weight:300}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.install-row{align-items:center;gap:var(--sp-10);padding:var(--sp-10) var(--sp-12);margin-bottom:var(--sp-16);background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:var(--r-lg);animation:fadeSlideUp var(--dur-4) var(--ease) backwards;flex-shrink:0;display:flex}.install-icon{color:var(--accent);font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;flex-shrink:0;font-size:18px}.install-text{min-width:0;font-size:var(--fs-control);letter-spacing:.02em;color:var(--text-primary);flex-wrap:wrap;flex:1;align-items:center;gap:0 4px;font-weight:300;line-height:1.4;display:flex}.install-kbd{vertical-align:middle;color:var(--accent);font-size:14px}.install-action{padding:var(--sp-6) var(--sp-12);border-radius:var(--radius-control-sm);border:1px solid var(--accent-line);background:var(--accent-tint-2);color:var(--accent);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.06em;cursor:pointer;transition:background var(--dur-1), border-color var(--dur-1);outline:none;flex-shrink:0;font-weight:400}@media (hover:hover){.install-action:hover{background:#7ba7e833;border-color:#7ba7e880}}.install-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.install-dismiss{border-radius:var(--r-full);width:24px;height:24px;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);cursor:pointer;transition:color var(--dur-1), background var(--dur-1);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}@media (hover:hover){.install-dismiss:hover{color:var(--text-primary);background:var(--surface-hover)}}.install-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timer-chips{gap:var(--sp-6);flex-wrap:wrap;display:flex}.timer-btn{padding:var(--sp-6) var(--sp-10);border-radius:var(--radius-control-sm);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.06em;cursor:pointer;transition:border-color var(--dur-1), color var(--dur-1), background var(--dur-1);background:0 0;outline:none;font-weight:400}@media (hover:hover){.timer-btn:hover{border-color:var(--warm-line);color:var(--warm)}}.timer-btn.active{color:var(--warm);background:var(--warm-glow);border-color:#b89a6a73}.timer-extend{border-style:dashed}.timer-off{margin-left:var(--sp-4)}@media (hover:hover){.timer-off:hover{border-color:var(--danger-line);color:var(--danger)}}.drift-slider{appearance:none;--fill:var(--card-accent,var(--accent));border-radius:var(--r-full);cursor:pointer;background:0 0;outline:none;flex:1;width:100%;height:28px}.drift-slider::-webkit-slider-runnable-track{border-radius:var(--r-full);background:linear-gradient(to right, var(--fill) 0%, var(--fill) var(--fill-pct,50%), var(--track) var(--fill-pct,50%));height:6px}.drift-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--r-full);background:var(--text-bright);cursor:pointer;width:16px;height:16px;-webkit-transition:transform var(--dur-1);transition:transform var(--dur-1);margin-top:-5px;box-shadow:0 1px 4px #02061299}@media (hover:hover){.drift-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}}.drift-slider:active::-webkit-slider-thumb{transform:scale(1.18)}.drift-slider::-moz-range-track{border-radius:var(--r-full);background:var(--track);height:6px}.drift-slider::-moz-range-progress{border-radius:var(--r-full);background:var(--fill);height:6px}.drift-slider::-moz-range-thumb{border-radius:var(--r-full);background:var(--text-bright);cursor:pointer;border:none;width:16px;height:16px;box-shadow:0 1px 4px #02061299}.section{margin-bottom:var(--sp-28);animation:fadeSlideUp .65s var(--ease) backwards;flex-shrink:0}.section-head{justify-content:space-between;align-items:baseline;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);margin:0;font-size:22px;font-style:italic;font-weight:400;line-height:1.1}.section-meta{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-weight:400}.cat-filters{gap:var(--sp-4);margin-bottom:var(--sp-12);grid-template-columns:repeat(3,1fr);display:grid}.cat-filter{white-space:nowrap;min-width:0}.cat-filter .cat-count{margin-left:auto}.cat-filter{--cat:123,167,232;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-12);border-radius:var(--radius-control);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.04em;cursor:pointer;transition:border-color var(--dur-1), color var(--dur-1), background var(--dur-1);background:0 0;outline:none;font-weight:400;display:flex}@media (hover:hover){.cat-filter:hover{border-color:var(--border-strong);color:var(--text-primary)}}.cat-filter.active{border-color:rgba(var(--cat), .45);color:rgb(var(--cat));background:rgba(var(--cat), .12)}.cat-icon{opacity:.7;font-size:14px;line-height:1}.cat-filter.active .cat-icon{opacity:1}.cat-count{border-radius:var(--r-full);background:var(--surface-faint);color:#0000;width:15px;height:15px;transition:background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.cat-count.active{background:rgb(var(--cat));color:#0a0f1a;border-color:#0000}.first-hint{margin:0 0 var(--sp-12);font-family:var(--font-display);letter-spacing:.06em;color:var(--text-secondary);animation:fadeSlideUp .65s .4s var(--ease) backwards;flex-shrink:0;font-size:15px;font-style:italic;font-weight:300}.timer-btn,.cat-filter,.mix-del,.layer-remove{position:relative}.timer-btn:before,.cat-filter:before,.mix-del:before,.layer-remove:before,.card-editor-icon:before{content:"";position:absolute;inset:-8px -3px}.card-editor-icon:before{inset:-8px}.mix-del:before,.layer-remove:before{inset:-11px -8px}.sounds-grid{gap:var(--sp-10);padding-bottom:var(--sp-48);grid-template-columns:1fr 1fr;display:grid}.sound-card,.layer-row{--cat:123,167,232;--card-accent:rgb(var(--cat))}[data-cat=Fire]{--cat:224,158,96}[data-cat=Air]{--cat:159,196,216}[data-cat=Earth]{--cat:163,179,138}[data-cat=Noise]{--cat:170,156,196}[data-cat=Urban]{--cat:143,161,184}[data-cat=Wildlife]{--cat:143,191,154}[data-cat=Cozy]{--cat:209,166,114}.sound-card{isolation:isolate;padding:var(--sp-16) var(--sp-16) var(--sp-14);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:background var(--dur-2), border-color var(--dur-2), box-shadow var(--dur-2), transform var(--dur-1);text-align:left;width:100%;animation:fadeSlideUp .55s var(--ease) backwards;outline:none;flex-direction:column;gap:0;display:flex;position:relative;overflow:hidden}.sound-card-toggle{all:unset;cursor:pointer;display:block}.sound-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 1px #ffffff0a}.sounds-grid .sound-card.drag-lift{z-index:6;cursor:grabbing;border-color:var(--border-active);background:linear-gradient(var(--surface), var(--surface)), var(--bg);transition:box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease);animation:none;box-shadow:0 18px 44px #0000008c,inset 0 1px #ffffff0f}.sounds-grid.dragging .sound-card:not(.drag-lift){transition:transform .18s var(--ease)}.sounds-grid .sound-card.drag-landing{z-index:6;transition:transform .19s var(--ease), box-shadow .19s var(--ease), background .19s var(--ease), border-color .19s var(--ease)}.sounds-grid.drag-settle .sound-card{transition:none!important}.card-grip{top:var(--sp-8,8px);left:var(--sp-8,8px);z-index:4;border:1px solid var(--border-strong);border-radius:var(--radius-control-sm,8px);background:var(--surface);width:28px;height:28px;color:var(--text-secondary);opacity:0;pointer-events:none;outline:none;place-items:center;display:grid;position:absolute}.card-grip .material-symbols-rounded{font-size:18px}.card-grip:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.sounds-grid.dragging .sound-card:not(.drag-lift),.sounds-grid .sound-card.drag-landing{transition:none!important}}@media (hover:hover){.sound-card:hover{background:var(--surface-hover);border-color:#ffffff1c}}.sound-card:active{transform:scale(.985)}.sound-card.active{background:rgba(var(--cat), .07);border-color:rgba(var(--cat), .32);box-shadow:inset 0 1px 0 rgba(var(--cat), .18), 0 0 24px rgba(var(--cat), .16)}.card-top{margin-bottom:var(--sp-12);justify-content:space-between;align-items:flex-start;display:flex}.card-icon{color:rgba(var(--cat), .62);font-variation-settings:"FILL" 1, "wght" 200, "GRAD" 0, "opsz" 20;transition:color var(--dur-2);font-size:18px;line-height:1}@media (hover:hover){.sound-card:hover .card-icon{color:rgba(var(--cat), .85)}}.sound-card.active .card-icon{color:var(--card-accent);font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20}.card-indicator{flex-shrink:0;width:12px;height:12px;position:relative}.card-loader{border-radius:var(--r-full);border:1.5px solid #7ba7e83d;border-top-color:var(--accent);width:12px;height:12px;animation:.8s linear infinite cardSpin;box-shadow:0 0 10px #7ba7e829}@keyframes cardSpin{to{transform:rotate(360deg)}}.card-dot{border-radius:var(--r-full);background:var(--text-dim);opacity:0;width:5px;height:5px;transition:background var(--dur-3), box-shadow var(--dur-3), opacity .28s, transform .28s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.card-dot.active{background:var(--card-accent);box-shadow:0 0 6px var(--card-accent);opacity:1}.sound-card.playing .card-dot{opacity:0;transform:translate(-50%,-50%)scale(0)}.eq-bars{justify-content:center;align-items:flex-end;gap:var(--sp-2);opacity:0;transform-origin:bottom;height:12px;transition:opacity .28s,transform .28s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:scaleY(.3)}.sound-card.playing .eq-bars{opacity:1;transform:scaleY(1)}.eq-bars span{border-radius:var(--sp-2);background:var(--card-accent);width:2.5px;box-shadow:0 0 4px var(--card-accent);min-height:3px;display:block}.eq-bars span:first-child{animation:1.6s ease-in-out infinite paused eqBounce}.eq-bars span:nth-child(2){animation:1.6s ease-in-out .38s infinite paused eqBounce}.eq-bars span:nth-child(3){animation:1.6s ease-in-out .76s infinite paused eqBounce}.sound-card.playing .eq-bars span{animation-play-state:running}@keyframes eqBounce{0%,to{height:3px}50%{height:11px}}.sound-card:after{content:"";background:radial-gradient(ellipse at top right, rgba(var(--cat), .1) 0%, rgba(var(--cat), .04) 38%, transparent 72%);opacity:0;width:65%;height:65%;transition:opacity var(--dur-4) var(--ease);pointer-events:none;z-index:-1;position:absolute;top:0;right:0}@media (hover:hover){.sound-card:hover:after{opacity:.5}}.sound-card.active:after{opacity:1}.card-name{font-size:var(--fs-lead);letter-spacing:.02em;color:var(--text-primary);margin-bottom:var(--sp-12);font-weight:400;line-height:1.2}.sound-card.active .card-name{color:var(--text-bright)}.card-vol{align-items:center;gap:var(--sp-8);opacity:0;max-height:0;transition:opacity var(--dur-3), max-height var(--dur-3);padding-right:0;display:flex;overflow:hidden}.sound-card.has-editor .card-vol{padding-right:30px}.sound-card.active .card-vol{opacity:1;max-height:32px}.card-vol .material-symbols-rounded{color:var(--text-secondary);font-variation-settings:"FILL" 1, "wght" 200, "GRAD" 0, "opsz" 16;flex-shrink:0;font-size:13px}.card-editor-icon{right:var(--sp-10);bottom:var(--sp-10);border-radius:var(--r-full);width:24px;height:24px;color:var(--text-dim);cursor:pointer;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:absolute}.sound-card.active .card-editor-icon{border-color:var(--border);background:var(--surface-faint)}@media (hover:hover){.sound-card:hover .card-editor-icon{border-color:var(--border);background:var(--surface-faint)}}.card-editor-icon .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 16;font-size:14px}@media (hover:hover){.card-editor-icon:hover{color:var(--text-secondary);border-color:#fff3}}.sound-card .card-editor-icon.active{color:var(--card-accent);border-color:rgba(var(--cat), .3);background:rgba(var(--cat), .1)}:where(.sound-editor-inline){--cat:123,167,232}.sound-editor-inline{--card-accent:rgb(var(--cat));background:var(--surface-faint);border:1px solid rgba(var(--cat), .18);border-radius:var(--radius-card);padding:var(--sp-14) var(--sp-16);animation:fadeSlideUp var(--dur-4) var(--ease) both;grid-column:1/-1;margin-top:-2px}.preset-save-row{gap:var(--sp-8);min-width:0;padding-inline:var(--sp-6);animation:fadeSlideUp var(--dur-3) var(--ease) backwards;flex-direction:column;flex-basis:100%;display:flex}.preset-input{background:var(--surface);border:1px solid var(--warm-line);border-radius:var(--r-md);width:100%;padding:var(--sp-10) var(--sp-12);font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-primary);transition:border-color var(--dur-1), background var(--dur-1);outline:none;min-width:0;font-weight:300}.preset-input:focus{background:var(--warm-glow);border-color:#b89a6a80}.preset-input::placeholder{color:var(--text-secondary)}.preset-save-btn{width:100%;padding:var(--sp-10) var(--sp-14);border-radius:var(--r-md);border:1px solid var(--warm-line);background:var(--warm-glow);color:var(--warm);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.06em;cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1);outline:none;font-weight:400}@media (hover:hover){.preset-save-btn:hover:not(:disabled){background:#b89a6a33;border-color:#b89a6a80}}.preset-save-btn:disabled{opacity:.35;cursor:not-allowed}.app-footer{text-align:center;padding:var(--sp-16) 0 calc(env(safe-area-inset-bottom,0px) + var(--sp-32));align-items:center;gap:var(--sp-6);flex-direction:column;flex-shrink:0;display:flex}.app.has-player .app-footer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12) + var(--mini-player-h,60px) + var(--sp-16))}.footer-rest{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:var(--fs-lead);letter-spacing:.18em;color:var(--text-dim)}.footer-meta{align-items:baseline;gap:var(--sp-8);font-family:var(--font-display);letter-spacing:.08em;color:var(--text-dim);font-size:14px;font-style:italic;font-weight:400;display:flex}.footer-sep{opacity:.6}.footer-privacy{color:var(--text-secondary);transition:color var(--dur-2);text-decoration:none}@media (hover:hover){.footer-privacy:hover{color:var(--text-primary)}}.footer-privacy:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.footer-version{font-variant-numeric:tabular-nums}.net-badge{align-items:center;gap:var(--sp-5);color:var(--text-dim);display:inline-flex}.net-dot{border-radius:var(--r-full);background:var(--accent);width:5px;height:5px;box-shadow:0 0 5px var(--accent-glow)}.net-badge.offline{color:var(--warm)}.net-badge.offline .net-dot{background:var(--warm);box-shadow:none}.sb-panel{gap:var(--sp-12);flex-direction:column;margin-top:0;display:flex}.sb-head{align-items:center;gap:var(--sp-8);padding:var(--sp-2) var(--sp-2) 0;display:flex}.sb-head-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb-eyebrow{font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary);font-weight:400}.sb-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-style:italic;font-weight:400;line-height:1.1;overflow:hidden}.sb-icon{color:var(--card-accent,var(--accent));font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;flex-shrink:0;font-size:20px}.sb-play-btn{align-items:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-12) var(--sp-6) var(--sp-8);border-radius:var(--radius-control);border:1px solid rgba(var(--cat), .35);background:rgba(var(--cat), .1);color:var(--card-accent,var(--accent));font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.05em;cursor:pointer;transition:background var(--dur-1), border-color var(--dur-1);outline:none;flex-shrink:0;font-weight:400;display:flex}.sb-play-btn .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;font-size:15px}@media (hover:hover){.sb-play-btn:hover{background:rgba(var(--cat), .18);border-color:rgba(var(--cat), .5)}}.sb-icon-btn{border-radius:var(--r-full);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--dur-1), color var(--dur-1);background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sb-icon-btn:before{content:"";position:absolute;inset:-8px}.sb-icon-btn .material-symbols-rounded{font-size:16px}@media (hover:hover){.sb-icon-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}}.sb-loading{padding:var(--sp-12);font-family:var(--font-display);letter-spacing:.04em;color:var(--text-secondary);font-size:15px;font-style:italic;font-weight:300}@keyframes sbReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sb-group{gap:var(--sp-10);animation:sbReveal var(--dur-3) var(--ease) both;flex-direction:column;display:flex}.sb-group+.sb-group{border-top:1px solid var(--border);padding-top:var(--sp-12);animation-delay:55ms}.sb-group-label{font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-dim);font-weight:500}.sb-rows{gap:var(--sp-8) var(--sp-20);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.sb-row{flex-direction:column;gap:0;display:flex}.sb-row-header{justify-content:space-between;align-items:baseline;display:flex}.sb-param-label{font-size:var(--fs-control);color:var(--text-secondary);letter-spacing:.02em}.sb-param-val{font-size:var(--fs-eyebrow);font-family:var(--font-mono);color:var(--card-accent,var(--accent));letter-spacing:.04em;font-variant-numeric:tabular-nums}.sb-variants{gap:var(--sp-6);flex-wrap:wrap;display:flex}.sb-variant{flex:1 1 calc(50% - var(--sp-6));justify-content:center;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-12) var(--sp-6) var(--sp-8);border-radius:var(--radius-control);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.02em;cursor:pointer;transition:border-color var(--dur-1), color var(--dur-1), background var(--dur-1);background:0 0;outline:none;display:inline-flex}.sb-variant-mark{opacity:.85;width:15px;height:15px;transition:opacity var(--dur-1);flex:none}.sb-variant-label{line-height:1}.sb-variant.active .sb-variant-mark{opacity:1}@media (hover:hover){.sb-variant:hover{border-color:var(--border-strong);color:var(--text-primary)}}.sb-variant.active{border-color:var(--card-accent,var(--accent));color:var(--card-accent,var(--accent));background:var(--surface-hover)}.sb-variant.custom{cursor:default;color:var(--text-dim);border-style:dashed;flex:none;align-self:center;font-style:italic}.sb-variant:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-finetune{align-self:stretch;align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-12);border-radius:var(--radius-control);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.02em;cursor:pointer;transition:border-color var(--dur-1), color var(--dur-1), background var(--dur-1), transform var(--dur-1) var(--ease);background:0 0;outline:none;display:flex}@media (hover:hover){.sb-finetune:hover{border-color:var(--border-strong);color:var(--text-primary)}}.sb-finetune.open{border-color:var(--card-accent,var(--accent));color:var(--card-accent,var(--accent));background:var(--surface-hover)}.sb-finetune-icon{font-size:18px}.sb-finetune-caret{transition:transform var(--dur-3) var(--ease);margin-left:auto;font-size:18px}.sb-finetune.open .sb-finetune-caret{transform:rotate(180deg)}.sb-finetune:active{transform:scale(.99)}.sb-finetune:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sb-finetune .material-symbols-rounded{transition:none}}.drift-mode{z-index:var(--z-modal);justify-content:center;align-items:center;gap:var(--sp-48);padding:var(--sp-24);animation:driftIn .6s var(--ease) both;background:radial-gradient(90% 70% at 50% 110%,#080c148c 0%,#0000 70%);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes driftIn{0%{opacity:0}to{opacity:1}}.drift-center{align-items:center;gap:var(--sp-12);text-align:center;flex-direction:column;display:flex}.drift-clock{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;transition:opacity .8s var(--ease);font-size:clamp(4rem,18vw,5.5rem);font-style:italic;font-weight:300;line-height:1}.drift-mix{font-size:var(--fs-control);letter-spacing:.1em;color:var(--text-secondary);max-width:36ch;transition:opacity .8s var(--ease)}.drift-countdown{align-items:baseline;gap:var(--sp-6);font-size:var(--fs-body);color:var(--warm);font-variant-numeric:tabular-nums;letter-spacing:.08em;transition:opacity .8s var(--ease);display:flex}.drift-countdown-label{font-family:var(--font-display);font-style:italic;font-size:var(--fs-lead);color:var(--text-secondary);letter-spacing:.1em}.drift-controls{align-items:center;gap:var(--sp-24);display:flex}.drift-orb{border-radius:var(--r-full);border:1px solid var(--accent-line);background:var(--accent-tint);width:84px;height:84px;color:var(--accent);cursor:pointer;transition:background var(--dur-2), border-color var(--dur-2), opacity .8s var(--ease);outline:none;justify-content:center;align-items:center;display:flex}.drift-orb .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 40;font-size:32px}@media (hover:hover){.drift-orb:hover{background:var(--accent-tint-2)}}.drift-orb:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.drift-orb.playing{animation:7s ease-in-out infinite orbBreathe}@keyframes orbBreathe{0%,to{transform:scale(1);box-shadow:0 0 24px #7ba7e81f}50%{transform:scale(1.05);box-shadow:0 0 44px #7ba7e842}}.drift-side{border-radius:var(--r-full);border:1px solid var(--border-strong);width:56px;height:56px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-2), border-color var(--dur-2), opacity .8s var(--ease);background:#080c1466;outline:none;justify-content:center;align-items:center;display:flex}.drift-side .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;font-size:22px}@media (hover:hover){.drift-side:hover{color:var(--text-primary);border-color:#ffffff3d}}.drift-side:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.drift-mode.quiet .drift-orb,.drift-mode.quiet .drift-side{opacity:.3}.drift-mode.quiet .drift-mix,.drift-mode.quiet .drift-countdown{opacity:.45}.drift-mode.quiet .drift-clock{opacity:.85}.aurora{z-index:var(--z-bg);pointer-events:none;background:radial-gradient(42% 30% at 22% 28%,#506ec81a 0%,#0000 70%),radial-gradient(36% 26% at 78% 18%,#785ab412 0%,#0000 70%),radial-gradient(46% 30% at 60% 78%,#3c8ca00f 0%,#0000 70%);animation:90s ease-in-out infinite alternate auroraDrift;position:fixed;inset:-15%}@keyframes auroraDrift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.07)}}.scene-item{display:contents}.scene-row{gap:var(--sp-10);margin:0 calc(-1 * var(--sp-24));padding:var(--sp-6) var(--sp-24) var(--sp-8);scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-24);scrollbar-width:none;display:flex;overflow-x:auto}.scene-row::-webkit-scrollbar{display:none}.scene-row,.mix-row{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sp-14), #000 calc(100% - var(--sp-14)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sp-14), #000 calc(100% - var(--sp-14)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--sp-14), #000 calc(100% - var(--sp-14)), transparent)}.scene-card{scroll-snap-align:start;height:140px;padding:var(--sp-12) var(--sp-14);border-radius:var(--radius-card-lg);cursor:pointer;text-align:left;transition:border-color var(--dur-2), box-shadow var(--dur-2), transform var(--dur-1);border:1px solid #ffffff1a;outline:none;flex-direction:column;flex:0 0 168px;justify-content:flex-end;align-items:flex-start;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24}.scene-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff21 0%,#ffffff08 30%,#0000 55%);position:absolute;inset:0}.scene-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 38%,#05080f80 100%);position:absolute;inset:0}@media (hover:hover){.scene-card:hover{border-color:#fff3;box-shadow:inset 0 1px #ffffff2e}}.scene-card:active{transform:scale(.98)}.scene-card.current{border-color:#ffffff47;box-shadow:0 0 0 1px #ffffff1f,inset 0 1px #fff3}.scene-icons{top:var(--sp-10);left:var(--sp-12);gap:var(--sp-5);color:#ffffff8c;z-index:1;display:flex;position:absolute}.scene-icons .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;font-size:14px}.scene-state{top:var(--sp-10);right:var(--sp-12);z-index:1;align-items:flex-end;gap:2px;height:11px;display:flex;position:absolute}.scene-state span{border-radius:var(--sp-2);background:#ffffffd9;width:2.5px;height:7px;display:block;box-shadow:0 0 4px #ffffff80}.scene-state.playing span:first-child{animation:1.6s ease-in-out infinite eqBounce}.scene-state.playing span:nth-child(2){animation:1.6s ease-in-out .38s infinite eqBounce}.scene-state.playing span:nth-child(3){animation:1.6s ease-in-out .76s infinite eqBounce}.scene-name{z-index:1;font-family:var(--font-display);letter-spacing:.03em;color:#f0f2f8;font-size:18px;font-style:italic;font-weight:400;line-height:1.15;position:relative}.scene-mood{z-index:1;font-size:var(--fs-eyebrow);letter-spacing:.05em;color:#ebeef8b8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-weight:300;line-height:1.35;display:-webkit-box;position:relative;overflow:hidden}.scene-count{z-index:1;margin-top:var(--sp-6);letter-spacing:.16em;text-transform:uppercase;color:#dce2f099;font-variant-numeric:tabular-nums;font-size:9px;font-weight:500;position:relative}.mix-row{gap:var(--sp-10);margin:0 calc(-1 * var(--sp-24));padding:var(--sp-6) var(--sp-24) var(--sp-8);scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-24);scrollbar-width:none;display:flex;overflow-x:auto}.mix-row::-webkit-scrollbar{display:none}.mix-card{scroll-snap-align:start;flex:none;position:relative}.mix-card-body{width:148px;height:104px;padding:var(--sp-10) var(--sp-12) var(--sp-12);background-color:var(--surface);border:1px solid var(--warm-line);border-radius:var(--radius-card-lg);cursor:pointer;text-align:left;transition:border-color var(--dur-2), box-shadow var(--dur-2), transform var(--dur-1);outline:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}@media (hover:hover){.mix-card-body:hover{border-color:#b89a6a73;box-shadow:inset 0 1px #ffffff29}}.mix-card-body:active{transform:scale(.98)}.mix-card.current .mix-card-body{border-color:#b89a6a8c;box-shadow:0 0 0 1px #b89a6a2e,inset 0 1px #ffffff29}.mix-icons{top:var(--sp-10);left:var(--sp-12);gap:var(--sp-5);color:#ebeef88c;display:flex;position:absolute}.mix-icons .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;font-size:13px}.mix-state{right:var(--sp-12);bottom:var(--sp-14);align-items:flex-end;gap:2px;height:11px;display:flex;position:absolute}.mix-state span{border-radius:var(--sp-2);background:#e8dec8d9;width:2.5px;height:7px;display:block;box-shadow:0 0 4px #d8c29680}.mix-state.playing span:first-child{animation:1.6s ease-in-out infinite eqBounce}.mix-state.playing span:nth-child(2){animation:1.6s ease-in-out .38s infinite eqBounce}.mix-state.playing span:nth-child(3){animation:1.6s ease-in-out .76s infinite eqBounce}.mix-name{width:100%;font-family:var(--font-display);letter-spacing:.03em;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-style:italic;font-weight:400;line-height:1.15;overflow:hidden}.mix-count{font-size:var(--fs-eyebrow);letter-spacing:.08em;color:var(--text-secondary)}.mix-del{top:var(--sp-6);right:var(--sp-6);border-radius:var(--r-full);width:22px;height:22px;color:var(--text-dim);font-family:var(--font-body);cursor:pointer;transition:color var(--dur-1), background var(--dur-1);background:0 0;border:none;outline:none;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;position:absolute}@media (hover:hover){.mix-del:hover{color:var(--danger);background:var(--danger-tint)}}.mix-name,.mp-title,.sheet-title,.sb-title{padding-right:.14em}.cookie-notice{bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12));z-index:var(--z-toast);width:min(520px - var(--sp-24) * 2, calc(100vw - var(--sp-24) * 2));align-items:center;gap:var(--sp-10) var(--sp-12);padding:var(--sp-12) var(--sp-14);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--r-lg);animation:playerRise .5s var(--ease) backwards;background:#161d2ef5;border:1px solid #ffffff1f;flex-wrap:wrap;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #020612b3}body:has(.mini-player) .cookie-notice{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.cookie-text{min-width:58%;font-size:var(--fs-control);color:var(--text-secondary);flex:1;margin:0;line-height:1.5}.cookie-actions{align-items:center;gap:var(--sp-14);margin-left:auto;display:flex}.cookie-link{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);transition:color var(--dur-2);text-decoration:none}@media (hover:hover){.cookie-link:hover{color:var(--text-secondary)}}.cookie-ok{padding:var(--sp-6) var(--sp-16);border-radius:var(--radius-control-sm);background:var(--accent);color:#0a1020;font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.04em;cursor:pointer;transition:filter var(--dur-1);border:none;outline:none;font-weight:500}@media (hover:hover){.cookie-ok:hover{filter:brightness(1.08)}}.cookie-ok:focus-visible,.cookie-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini-player{bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12));z-index:var(--z-player);width:min(520px - var(--sp-24) * 2, calc(100vw - var(--sp-24) * 2));align-items:center;gap:var(--sp-10);padding:var(--sp-8) var(--sp-12) var(--sp-8) var(--sp-8);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--radius-card-lg);animation:playerRise .45s var(--ease) backwards;background:#161d2ef2;border:1px solid #7ba7e838;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #020612b3,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}@keyframes playerRise{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mp-play-wrap{flex-shrink:0;width:40px;height:40px;position:relative}.mp-play{border-radius:var(--r-full);background:var(--accent);color:#0a1020;cursor:pointer;width:40px;height:40px;transition:filter var(--dur-2), box-shadow var(--dur-2);border:none;outline:none;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 12px #7ba7e873}.mp-play .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:21px}@media (hover:hover){.mp-play:hover{filter:brightness(1.08);box-shadow:0 2px 18px #7ba7e899}}.mp-play.playing{animation:2.8s ease-in-out infinite mpPulse}@keyframes mpPulse{0%,to{box-shadow:0 2px 12px #7ba7e859}50%{box-shadow:0 2px 22px #7ba7e899}}.mp-ring{pointer-events:none;opacity:.9;width:48px;height:48px;position:absolute;inset:-4px;transform:rotate(-90deg)}.mp-ring circle{transition:stroke-dashoffset 1s linear}.mp-body{cursor:pointer;text-align:left;background:0 0;border:none;outline:none;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;padding:0;display:flex}.mp-title{width:100%;font-family:var(--font-display);letter-spacing:.03em;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-style:italic;font-weight:400;overflow:hidden}.mp-subtitle{font-size:var(--fs-eyebrow);letter-spacing:.1em;color:var(--text-secondary);font-variant-numeric:tabular-nums}.mp-expand{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-1);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mp-expand .material-symbols-rounded{font-size:20px}@media (hover:hover){.mp-expand:hover{color:var(--text-primary)}}.mp-expand:focus-visible{color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-line);border-radius:var(--radius-control-sm)}.mp-save{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:var(--r-full);transition:color var(--dur-1), background var(--dur-1);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mp-save .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;font-size:19px}.mp-save:after{content:"";position:absolute;inset:-8px}@media (hover:hover){.mp-save:hover{color:var(--warm);background:var(--warm-glow)}}.mp-save:focus-visible{color:var(--warm);box-shadow:0 0 0 2px var(--warm-line)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12));z-index:var(--z-toast);align-items:center;gap:var(--sp-12);width:min(520px - var(--sp-24) * 2, calc(100vw - var(--sp-24) * 2));padding:var(--sp-10) var(--sp-12) var(--sp-10) var(--sp-16);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--radius-card-lg);animation:playerRise .4s var(--ease) backwards;background:#161d2ef7;border:1px solid #ffffff1f;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 48px #020612b3}body:has(.mini-player) .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.toast-text{min-width:0;font-size:var(--fs-body);letter-spacing:.02em;color:var(--text-primary);flex:1;font-weight:300}.toast-action{padding:var(--sp-6) var(--sp-14);border-radius:var(--radius-control-sm);border:1px solid var(--accent-line);background:var(--accent-tint-2);color:var(--accent);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.06em;cursor:pointer;transition:background var(--dur-1), border-color var(--dur-1);outline:none;flex-shrink:0;font-weight:400}@media (hover:hover){.toast-action:hover{background:#7ba7e833;border-color:#7ba7e880}}.toast-action:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}.toast-close{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:var(--r-full);transition:color var(--dur-1);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.toast-close:before{content:"";position:absolute;inset:-10px}@media (hover:hover){.toast-close:hover{color:var(--text-primary)}}.toast-close:focus-visible{box-shadow:0 0 0 2px var(--border-active)}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.mix-empty{align-items:center;gap:var(--sp-10);width:100%;padding:var(--sp-14) var(--sp-16);background:var(--warm-glow);border:1px dashed var(--warm-line);border-radius:var(--radius-card-lg);color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1);outline:none;font-size:15px;font-style:italic;display:flex}.mix-empty .material-symbols-rounded{color:var(--warm);font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;font-size:19px}@media (hover:hover){.mix-empty:hover{color:var(--text-primary);border-color:var(--warm);background:#b89a6a29}}.mix-empty:focus-visible{box-shadow:0 0 0 2px var(--warm-line)}.sheet-root{z-index:var(--z-sheet);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{animation:sheetFade .3s var(--ease) backwards;background:#04060c8c;position:absolute;inset:0}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.sheet{-webkit-backdrop-filter:blur(22px)saturate(1.2);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:min(520px,100vw);max-height:82dvh;padding:var(--sp-8) var(--sp-20) calc(env(safe-area-inset-bottom,0px) + var(--sp-20));animation:sheetRise .4s var(--ease) backwards;transition:transform var(--dur-3) var(--ease);background:#0c111ceb;border:1px solid #ffffff1a;border-bottom:none;flex-direction:column;display:flex;position:relative}@keyframes sheetRise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sheet-root.closing .sheet{animation:sheetDrop .26s var(--ease) forwards}.sheet-root.closing .sheet-backdrop{animation:sheetFadeOut .26s var(--ease) forwards}@keyframes sheetDrop{0%{transform:translateY(var(--sheet-drag-y,0px));opacity:1}to{opacity:.5;transform:translateY(105%)}}@keyframes sheetFadeOut{0%{opacity:1}to{opacity:0}}.sheet-grip{touch-action:none;flex-shrink:0}.sheet-handle{border-radius:var(--r-full);width:36px;height:4px;margin:var(--sp-4) auto var(--sp-12);background:#ffffff2e;flex-shrink:0}.sheet-head{align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-14);flex-shrink:0;display:flex}.sheet-head-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sheet-eyebrow{font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary);font-weight:400}.sheet-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-style:italic;font-weight:400;line-height:1.1;overflow:hidden}.sheet-play{border-radius:var(--r-full);background:var(--accent);color:#0a1020;cursor:pointer;width:42px;height:42px;transition:filter var(--dur-2), box-shadow var(--dur-2);border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 12px #7ba7e866}.sheet-play .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:21px}@media (hover:hover){.sheet-play:hover{filter:brightness(1.08);box-shadow:0 2px 18px #7ba7e88c}}.sheet-play.playing{animation:2.8s ease-in-out infinite mpPulse}.sheet-close{border-radius:var(--r-full);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-1), border-color var(--dur-1);background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-close .material-symbols-rounded{font-size:19px}@media (hover:hover){.sheet-close:hover{color:var(--text-primary);border-color:var(--border-strong)}}.sheet-scroll{overscroll-behavior:contain;scrollbar-width:none;gap:var(--sp-18);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-layers{gap:var(--sp-6);flex-direction:column;display:flex}.layer-row{align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-10);background:var(--surface-faint);border:1px solid var(--border);border-radius:var(--r-md);display:flex}.layer-icon{color:var(--card-accent);font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;flex-shrink:0;font-size:16px}.layer-main{gap:var(--sp-5);flex-direction:column;flex:1;min-width:0;display:flex}.layer-head{justify-content:space-between;align-items:baseline;gap:var(--sp-8);display:flex}.layer-name{font-size:var(--fs-body);letter-spacing:.04em;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.layer-pct{font-size:var(--fs-eyebrow);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.06em;flex-shrink:0}.layer-remove{border-radius:var(--r-full);width:22px;height:22px;color:var(--text-dim);font-family:var(--font-body);cursor:pointer;transition:color var(--dur-1), background var(--dur-1);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}@media (hover:hover){.layer-remove:hover{color:var(--danger);background:var(--danger-tint)}}.sheet-empty{margin:var(--sp-8) 0;font-family:var(--font-display);letter-spacing:.04em;color:var(--text-secondary);text-align:center;font-size:15px;font-style:italic}.layer-toggles{gap:var(--sp-4);flex-shrink:0;display:flex}.layer-toggle{border-radius:var(--radius-control-sm);border:1px solid var(--border);width:24px;height:24px;color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1);background:0 0;outline:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}@media (hover:hover){.layer-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}}.layer-toggle.on{color:var(--card-accent);border-color:rgba(var(--cat), .5);background:rgba(var(--cat), .14)}.layer-toggle:focus-visible{box-shadow:0 0 0 2px var(--border-active)}.sleep-safe{align-items:center;gap:var(--sp-8);margin-top:var(--sp-12);padding:var(--sp-8) var(--sp-12);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-faint);width:100%;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.06em;cursor:pointer;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1);outline:none;font-weight:400;display:flex}.sleep-safe-dot{border-radius:var(--r-full);background:var(--border-strong);width:8px;height:8px;transition:background var(--dur-2), box-shadow var(--dur-2);flex-shrink:0}.sleep-safe.on{color:var(--text-primary);border-color:var(--accent-line);background:var(--accent-tint)}.sleep-safe.on .sleep-safe-dot{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.sleep-safe-hint{font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-left:auto}.sleep-safe:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}.sheet-master,.sheet-timer{gap:var(--sp-8);flex-direction:column;display:flex}.sheet-row-head{justify-content:space-between;align-items:baseline;gap:var(--sp-8);display:flex}.sheet-label{font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary);font-weight:400}.sheet-value{font-size:var(--fs-eyebrow);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.06em}.sheet-value.warm{color:var(--warm)}.sheet-note{font-size:var(--fs-eyebrow);letter-spacing:.04em;color:var(--text-secondary);margin:0;font-weight:300}.sheet-clear{font-family:var(--font-body);font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-1);background:0 0;border:none;outline:none;padding:0;font-weight:400;position:relative}.sheet-clear:before{content:"";position:absolute;inset:-10px -6px}@media (hover:hover){.sheet-clear:hover{color:var(--danger)}}.sheet-clear:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sheet-actions{gap:var(--sp-8);flex-wrap:wrap;display:flex}.sheet-action{justify-content:center;align-items:center;gap:var(--sp-6);padding:var(--sp-12);border-radius:var(--radius-button);font-family:var(--font-body);font-size:var(--fs-control);letter-spacing:.08em;cursor:pointer;transition:background var(--dur-1), border-color var(--dur-1);outline:none;flex:1;font-weight:400;display:flex}.sheet-action .material-symbols-rounded{font-size:16px}.sheet-action.accent{border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent)}@media (hover:hover){.sheet-action.accent:hover{background:var(--accent-tint-2)}}.sheet-action.warm{border:1px solid var(--warm-line);color:var(--warm);background:0 0}@media (hover:hover){.sheet-action.warm:hover:not(:disabled){background:var(--warm-glow)}}.sheet-action:disabled{opacity:.35;cursor:not-allowed}.timer-btn:focus-visible,.cat-filter:focus-visible,.scene-card:focus-visible,.mix-card-body:focus-visible,.mix-del:focus-visible,.mp-play:focus-visible,.mp-body:focus-visible,.sheet-play:focus-visible,.sheet-close:focus-visible,.sheet-action:focus-visible,.layer-remove:focus-visible,.preset-save-btn:focus-visible,.preset-input:focus-visible,.card-editor-icon:focus-visible,.drift-slider:focus-visible,.sb-play-btn:focus-visible,.sb-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sound-card-toggle:focus-visible{outline:none}.sound-card:has(.sound-card-toggle:focus-visible){border-color:var(--border-active);box-shadow:0 0 0 2px var(--accent), var(--glow-accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.moon-track{transform:none!important}.eq-bars span{height:7px!important}}.sounds-grid{view-transition-name:library-grid}::view-transition-group(library-grid){animation-duration:var(--dur-3);animation-timing-function:var(--ease)}::view-transition-old(library-grid){height:auto;animation-duration:var(--dur-3);animation-timing-function:var(--ease)}::view-transition-new(library-grid){height:auto;animation-duration:var(--dur-3);animation-timing-function:var(--ease)}@media (prefers-reduced-transparency:reduce){.mini-player,.sheet,.cookie-notice{-webkit-backdrop-filter:none;background:#111a2c}}@media (prefers-contrast:more){:root{--border:#fff3;--border-strong:#ffffff57;--text-secondary:#aab2c8;--text-dim:#8b93ad}}html.samsung-browser{--bg:#0d1626}html.samsung-browser body{background:#0d1626}html.samsung-browser .mini-player,html.samsung-browser .sheet,html.samsung-browser .cookie-notice{-webkit-backdrop-filter:none;background:#15203a}html.samsung-browser .scene-row,html.samsung-browser .mix-row,html.samsung-browser .cat-filters{-webkit-mask-image:none;mask-image:none}