*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.relative{position:relative}.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)) skew(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)}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}:root{color-scheme:dark;--bg: #080c14;--surface: rgba(255,255,255,.035);--surface-hover: rgba(255,255,255,.055);--surface-faint: rgba(255,255,255,.02);--surface-sunken: rgba(0,0,0,.25);--track: rgba(255,255,255,.1);--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--border-active: rgba(160,185,255,.22);--text-primary: #dfe3ed;--text-secondary: #7e87a1;--text-dim: #727b93;--text-bright: #e8eef8;--accent: #7ba7e8;--accent-glow: rgba(123,167,232,.18);--accent-tint: rgba(123,167,232,.07);--accent-tint-2: rgba(123,167,232,.13);--accent-line: rgba(123,167,232,.28);--warm: #b89a6a;--warm-glow: rgba(184,154,106,.12);--warm-line: rgba(184,154,106,.22);--danger: #e07070;--danger-tint: rgba(220,80,80,.08);--danger-line: rgba(220,80,80,.38);--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{height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}button,input{touch-action:manipulation}.crash-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-20);padding:var(--sp-24);text-align:center}.crash-line{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--text-secondary)}.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{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button,.material-symbols-rounded{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(ellipse 70% 50% at 15% 60%,rgba(60,90,160,.07) 0%,transparent 100%),radial-gradient(ellipse 50% 40% at 85% 25%,rgba(180,150,100,.05) 0%,transparent 100%),radial-gradient(ellipse 40% 60% at 65% 85%,rgba(50,70,140,.06) 0%,transparent 100%)}.night-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);width:100%;height:100%;pointer-events:none}.moon-track{position:fixed;top:7vh;right:4vw;width:52px;height:52px;z-index:var(--z-moon);pointer-events:none;transform:translateY(calc(var(--moon-scroll, 0px) * -.7))}@media (min-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{transform:none;animation:moonParallax linear both;animation-timeline:--drift-scroll;animation-range:0 100vh}}@keyframes moonParallax{to{transform:translateY(-70vh)}}.moon{position:relative;width:100%;height:100%;border-radius:var(--r-full);background:radial-gradient(circle at 38% 38%,#f0e8ca,#d4b878 55%,#a88040);box-shadow:0 0 22px #d2b46e8c,0 0 55px #c8a56447,0 0 100px #b89a6a1f;opacity:.92;animation:moonDrift 14s ease-in-out infinite;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--dur-4) var(--ease)}.moon:focus-visible{outline:none}.moon-dev{box-shadow:0 0 14px #d2b46e59,0 0 34px #c8a56429}.moon.moon-dev:before{background:radial-gradient(circle at 32% 36%,rgba(8,12,20,.97) 0%,rgba(8,12,20,.97) 61%,transparent 63%);animation:moonWane .5s var(--ease) both}@keyframes moonWane{0%{opacity:0}to{opacity:1}}.moon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-full);background:radial-gradient(circle at 68% 35%,rgba(0,0,0,.08) 0%,transparent 60%)}.moon:after{content:"";position:absolute;top:11px;left:16px;width:13px;height:13px;border-radius:var(--r-full);background:#8c64281f;box-shadow:16px 6px 0 10px #8c642812,6px 20px 0 8px #8c64280f}@keyframes moonDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.app{position:relative;z-index:var(--z-app);height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;padding:0 var(--sp-24);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.app::-webkit-scrollbar{display:none}.app{transition:opacity .5s var(--ease)}.app-quiet{opacity:0;pointer-events:none}.layout{display:contents}@media (min-width: 1000px){.layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,30vw,400px);gap:var(--sp-32);width:100%;max-width:1180px;height:100dvh;margin:0 auto;padding:0 var(--sp-32)}.app{max-width:none;width:auto;margin:0;padding:0;height:100dvh}.app .scene-row,.app .mix-row{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.app .scene-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--sp-12);overflow:visible;-webkit-mask-image:none;mask-image:none}.app .scene-card{flex:none;width:100%}.side-panel{position:relative;z-index:var(--z-app);display:flex;flex-direction:column;min-height:0;height:100dvh;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)}.side-panel-quiet{opacity:0;pointer-events:none}.side-panel-head{display:flex;align-items:center;gap:var(--sp-12);padding-bottom:var(--sp-16);margin-bottom:var(--sp-20);border-bottom:1px solid var(--border)}.side-panel-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.side-panel-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--sp-18)}.side-panel-scroll::-webkit-scrollbar{display:none}.side-panel-idle{margin:var(--sp-24) 0;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:15px;letter-spacing:.05em;color:var(--text-secondary);line-height:1.5}}header{position:relative;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}header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.09) 28%,rgba(255,255,255,.09) 72%,transparent)}.wordmark{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:var(--fs-display);letter-spacing:var(--tracking-wordmark);color:var(--text-primary);line-height:1;white-space:nowrap}.greeting{margin-top:var(--sp-8);font-family:var(--font-display);font-style:italic;font-weight:300;font-size:17px;letter-spacing:.05em;color:var(--text-secondary)}@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{display:flex;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);flex-shrink:0;animation:fadeSlideUp var(--dur-4) var(--ease) backwards}.install-icon{font-size:18px;color:var(--accent);font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20;flex-shrink:0}.install-text{flex:1;min-width:0;font-size:var(--fs-control);font-weight:300;letter-spacing:.02em;color:var(--text-primary);line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:0 4px}.install-kbd{font-size:14px;vertical-align:middle;color:var(--accent)}.install-action{flex-shrink:0;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);font-weight:400;letter-spacing:.06em;cursor:pointer;transition:background var(--dur-1),border-color var(--dur-1);outline:none}@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{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);line-height:1;cursor:pointer;transition:color var(--dur-1),background var(--dur-1);outline:none}@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{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.timer-btn{padding:var(--sp-6) var(--sp-10);border-radius:var(--radius-control-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);font-weight:400;letter-spacing:.06em;cursor:pointer;transition:border-color var(--dur-1),color var(--dur-1),background var(--dur-1);outline:none}@media (hover: hover){.timer-btn:hover{border-color:var(--warm-line);color:var(--warm)}}.timer-btn.active{border-color:#b89a6a73;color:var(--warm);background:var(--warm-glow)}.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{-webkit-appearance:none;-moz-appearance:none;appearance:none;--fill: var(--card-accent, var(--accent));width:100%;height:28px;background:transparent;border-radius:var(--r-full);outline:none;cursor:pointer;flex:1}.drift-slider::-webkit-slider-runnable-track{height:6px;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%))}.drift-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:var(--r-full);background:var(--text-bright);box-shadow:0 1px 4px #02061299;cursor:pointer;-webkit-transition:transform var(--dur-1);transition:transform var(--dur-1)}@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{height:6px;border-radius:var(--r-full);background:var(--track)}.drift-slider::-moz-range-progress{height:6px;border-radius:var(--r-full);background:var(--fill)}.drift-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:var(--r-full);background:var(--text-bright);box-shadow:0 1px 4px #02061299;cursor:pointer}.section{margin-bottom:var(--sp-28);animation:fadeSlideUp .65s var(--ease) backwards;flex-shrink:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-8);margin-bottom:var(--sp-12)}.section-title{margin:0;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:22px;letter-spacing:.04em;color:var(--text-primary);line-height:1.1}.section-meta{font-size:var(--fs-eyebrow);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.cat-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-bottom:var(--sp-12)}.cat-filter{white-space:nowrap;min-width:0}.cat-filter .cat-count{margin-left:auto}.cat-filter{--cat: 123,167,232;display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-12);border-radius:var(--radius-control);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);font-weight:400;letter-spacing:.04em;cursor:pointer;transition:border-color var(--dur-1),color var(--dur-1),background var(--dur-1);outline:none}@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{font-size:14px;line-height:1;opacity:.7}.cat-filter.active .cat-icon{opacity:1}.cat-count{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.18);background:var(--surface-faint);color:transparent;font-size:9px;font-weight:600;line-height:1;flex-shrink:0;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.cat-count.active{border-color:transparent;background:rgb(var(--cat));color:#0a0f1a}.first-hint{margin:0 0 var(--sp-12);font-family:var(--font-display);font-style:italic;font-weight:300;font-size:15px;letter-spacing:.06em;color:var(--text-secondary);animation:fadeSlideUp .65s .4s var(--ease) backwards;flex-shrink:0}.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;top:-8px;right:-3px;bottom:-8px;left:-3px}.card-editor-icon:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.mix-del:before,.layer-remove:before{top:-11px;right:-8px;bottom:-11px;left:-8px}.sounds-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);padding-bottom:var(--sp-48)}.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{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;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;outline:none;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;overflow:hidden}.sound-card-toggle{all:unset;cursor:pointer;display:block}.sound-card{box-shadow:inset 0 1px #ffffff0a}@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 rgba(var(--cat),.18),0 0 24px rgba(var(--cat),.16)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-12)}.card-icon{font-size:18px;color:rgba(var(--cat),.62);font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 20;line-height:1;transition:color var(--dur-2)}@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{position:relative;width:12px;height:12px;flex-shrink:0}.card-loader{width:12px;height:12px;border-radius:var(--r-full);border:1.5px solid rgba(123,167,232,.24);border-top-color:var(--accent);box-shadow:0 0 10px #7ba7e829;animation:cardSpin .8s linear infinite}@keyframes cardSpin{to{transform:rotate(360deg)}}.card-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:5px;height:5px;border-radius:var(--r-full);background:var(--text-dim);opacity:0;transition:background var(--dur-3),box-shadow var(--dur-3),opacity .28s,transform .28s}.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{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:var(--sp-2);height:12px;opacity:0;transform:scaleY(.3);transform-origin:bottom center;transition:opacity .28s,transform .28s}.sound-card.playing .eq-bars{opacity:1;transform:scaleY(1)}.eq-bars span{display:block;width:2.5px;border-radius:var(--sp-2);background:var(--card-accent);box-shadow:0 0 4px var(--card-accent);min-height:3px}.eq-bars span:nth-child(1){animation:eqBounce 1.6s 0s ease-in-out infinite paused}.eq-bars span:nth-child(2){animation:eqBounce 1.6s .38s ease-in-out infinite paused}.eq-bars span:nth-child(3){animation:eqBounce 1.6s .76s ease-in-out infinite paused}.sound-card.playing .eq-bars span{animation-play-state:running}@keyframes eqBounce{0%,to{height:3px}50%{height:11px}}.sound-card:after{content:"";position:absolute;top:0;right:0;width:65%;height:65%;background:radial-gradient(ellipse at top right,rgba(var(--cat),.1) 0%,rgba(var(--cat),.04) 38%,transparent 72%);opacity:0;transition:opacity var(--dur-4) var(--ease);pointer-events:none;z-index:-1}@media (hover: hover){.sound-card:hover:after{opacity:.5}}.sound-card.active:after{opacity:1}.card-name{font-size:var(--fs-lead);font-weight:400;letter-spacing:.02em;color:var(--text-primary);margin-bottom:var(--sp-12);line-height:1.2}.sound-card.active .card-name{color:var(--text-bright)}.card-vol{display:flex;align-items:center;gap:var(--sp-8);padding-right:0;opacity:0;max-height:0;overflow:hidden;transition:opacity var(--dur-3),max-height var(--dur-3)}.sound-card.has-editor .card-vol{padding-right:30px}.sound-card.active .card-vol{opacity:1;max-height:32px}.card-vol .material-symbols-rounded{font-size:13px;color:var(--text-secondary);font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 16;flex-shrink:0}.card-editor-icon{position:absolute;right:var(--sp-10);bottom:var(--sp-10);width:24px;height:24px;border-radius:var(--r-full);border:1px solid transparent;background:transparent;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}.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-size:14px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 16}@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));grid-column:1 / -1;background:var(--surface-faint);border:1px solid rgba(var(--cat),.18);border-radius:var(--radius-card);padding:var(--sp-14) var(--sp-16);margin-top:-2px;animation:fadeSlideUp var(--dur-4) var(--ease) both}.preset-save-row{flex-basis:100%;min-width:0;display:flex;flex-direction:column;gap:var(--sp-8);padding-inline:var(--sp-6);animation:fadeSlideUp var(--dur-3) var(--ease) backwards}.preset-input{width:100%;background:var(--surface);border:1px solid var(--warm-line);border-radius:var(--r-md);padding:var(--sp-10) var(--sp-12);font-family:var(--font-body);font-size:var(--fs-body);font-weight:300;color:var(--text-primary);outline:none;transition:border-color var(--dur-1),background var(--dur-1);min-width:0}.preset-input:focus{border-color:#b89a6a80;background:var(--warm-glow)}.preset-input::-moz-placeholder{color:var(--text-secondary)}.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);font-weight:400;letter-spacing:.06em;cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1);outline:none}@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));flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6)}.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{display:flex;align-items:baseline;gap:var(--sp-8);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:14px;letter-spacing:.08em;color:var(--text-dim)}.footer-sep{opacity:.6}.footer-privacy{color:var(--text-secondary);text-decoration:none;transition:color var(--dur-2)}@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{display:inline-flex;align-items:center;gap:var(--sp-5);color:var(--text-dim)}.net-dot{width:5px;height:5px;border-radius:var(--r-full);background:var(--accent);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{margin-top:0;display:flex;flex-direction:column;gap:var(--sp-12)}.sb-head{display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-2) var(--sp-2) 0}.sb-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sb-eyebrow{font-size:var(--fs-eyebrow);font-weight:400;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary)}.sb-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:18px;letter-spacing:.03em;line-height:1.1;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-icon{font-size:20px;color:var(--card-accent, var(--accent));font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20;flex-shrink:0}.sb-play-btn{display:flex;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);font-weight:400;letter-spacing:.05em;cursor:pointer;transition:background var(--dur-1),border-color var(--dur-1);outline:none;flex-shrink:0}.sb-play-btn .material-symbols-rounded{font-size:15px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20}@media (hover: hover){.sb-play-btn:hover{background:rgba(var(--cat),.18);border-color:rgba(var(--cat),.5)}}.sb-icon-btn{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:border-color var(--dur-1),color var(--dur-1);outline:none;flex-shrink:0}.sb-icon-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-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);font-style:italic;font-weight:300;font-size:15px;letter-spacing:.04em;color:var(--text-secondary)}@keyframes sbReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sb-group{display:flex;flex-direction:column;gap:var(--sp-10);animation:sbReveal var(--dur-3) var(--ease) both}.sb-group+.sb-group{animation-delay:55ms;border-top:1px solid var(--border);padding-top:var(--sp-12)}.sb-group-label{font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-dim)}.sb-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-8) var(--sp-20)}.sb-row{display:flex;flex-direction:column;gap:0}.sb-row-header{display:flex;justify-content:space-between;align-items:baseline}.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{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.sb-variant{flex:1 1 calc(50% - var(--sp-6));display:inline-flex;align-items:center;justify-content: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);background:transparent;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);outline:none}.sb-variant-mark{flex:none;width:15px;height:15px;opacity:.85;transition:opacity var(--dur-1)}.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{flex:0 0 auto;cursor:default;border-style:dashed;color:var(--text-dim);font-style:italic;align-self:center}.sb-variant:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-finetune{align-self:stretch;display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-12);border-radius:var(--radius-control);border:1px solid var(--border);background:transparent;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);outline:none}@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{font-size:18px;margin-left:auto;transition:transform var(--dur-3) var(--ease)}.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{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-48);padding:var(--sp-24);background:radial-gradient(ellipse 90% 70% at 50% 110%,rgba(8,12,20,.55) 0%,transparent 70%);animation:driftIn .6s var(--ease) both}@keyframes driftIn{0%{opacity:0}to{opacity:1}}.drift-center{display:flex;flex-direction:column;align-items:center;gap:var(--sp-12);text-align:center}.drift-clock{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(4rem,18vw,5.5rem);letter-spacing:.04em;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;transition:opacity .8s var(--ease)}.drift-mix{font-size:var(--fs-control);letter-spacing:.1em;color:var(--text-secondary);max-width:36ch;transition:opacity .8s var(--ease)}.drift-countdown{display:flex;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)}.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{display:flex;align-items:center;gap:var(--sp-24)}.drift-orb{width:84px;height:84px;border-radius:var(--r-full);border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-2),border-color var(--dur-2),opacity .8s var(--ease);outline:none}.drift-orb .material-symbols-rounded{font-size:32px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 40}@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:orbBreathe 7s ease-in-out infinite}@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{width:56px;height:56px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:#080c1466;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--dur-2),border-color var(--dur-2),opacity .8s var(--ease);outline:none}.drift-side .material-symbols-rounded{font-size:22px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}@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{position:fixed;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(42% 30% at 22% 28%,rgba(80,110,200,.1) 0%,transparent 70%),radial-gradient(36% 26% at 78% 18%,rgba(120,90,180,.07) 0%,transparent 70%),radial-gradient(46% 30% at 60% 78%,rgba(60,140,160,.06) 0%,transparent 70%);animation:auroraDrift 90s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.07)}}.scene-item{display:contents}.scene-row{display:flex;gap:var(--sp-10);margin:0 calc(-1 * var(--sp-24));padding:var(--sp-6) var(--sp-24) var(--sp-8);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-24);scrollbar-width:none}.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);mask-image:linear-gradient(to right,transparent,#000 var(--sp-14),#000 calc(100% - var(--sp-14)),transparent)}.scene-card{position:relative;flex:0 0 168px;height:140px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:var(--sp-12) var(--sp-14);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card-lg);cursor:pointer;outline:none;overflow:hidden;text-align:left;box-shadow:inset 0 1px #ffffff24;transition:border-color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-1)}.scene-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 30%,transparent 55%);pointer-events:none}.scene-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,8,15,.5) 0%,transparent 62%);pointer-events:none}@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{position:absolute;top:var(--sp-10);left:var(--sp-12);display:flex;gap:var(--sp-5);color:#ffffff8c;z-index:1}.scene-icons .material-symbols-rounded{font-size:14px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20}.scene-state{position:absolute;top:var(--sp-10);right:var(--sp-12);display:flex;align-items:flex-end;gap:2px;height:11px;z-index:1}.scene-state span{display:block;width:2.5px;height:7px;border-radius:var(--sp-2);background:#ffffffd9;box-shadow:0 0 4px #ffffff80}.scene-state.playing span:nth-child(1){animation:eqBounce 1.6s 0s ease-in-out infinite}.scene-state.playing span:nth-child(2){animation:eqBounce 1.6s .38s ease-in-out infinite}.scene-state.playing span:nth-child(3){animation:eqBounce 1.6s .76s ease-in-out infinite}.scene-name{position:relative;z-index:1;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:18px;letter-spacing:.03em;line-height:1.15;color:#f0f2f8}.scene-mood{position:relative;z-index:1;margin-top:3px;font-size:var(--fs-eyebrow);font-weight:300;letter-spacing:.05em;color:#ebeef8b8;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-count{position:relative;z-index:1;margin-top:var(--sp-6);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#dce2f099;font-variant-numeric:tabular-nums}.mix-row{display:flex;gap:var(--sp-10);margin:0 calc(-1 * var(--sp-24));padding:var(--sp-6) var(--sp-24) var(--sp-8);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-24);scrollbar-width:none}.mix-row::-webkit-scrollbar{display:none}.mix-card{position:relative;flex:0 0 auto;scroll-snap-align:start}.mix-card-body{position:relative;width:148px;height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;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;outline:none;text-align:left;overflow:hidden;box-shadow:inset 0 1px #ffffff1a;transition:border-color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-1)}@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{position:absolute;top:var(--sp-10);left:var(--sp-12);display:flex;gap:var(--sp-5);color:#ebeef88c}.mix-icons .material-symbols-rounded{font-size:13px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20}.mix-state{position:absolute;right:var(--sp-12);bottom:var(--sp-14);display:flex;align-items:flex-end;gap:2px;height:11px}.mix-state span{display:block;width:2.5px;height:7px;border-radius:var(--sp-2);background:#e8dec8d9;box-shadow:0 0 4px #d8c29680}.mix-state.playing span:nth-child(1){animation:eqBounce 1.6s 0s ease-in-out infinite}.mix-state.playing span:nth-child(2){animation:eqBounce 1.6s .38s ease-in-out infinite}.mix-state.playing span:nth-child(3){animation:eqBounce 1.6s .76s ease-in-out infinite}.mix-name{width:100%;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:16px;letter-spacing:.03em;line-height:1.15;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-count{font-size:var(--fs-eyebrow);letter-spacing:.08em;color:var(--text-secondary)}.mix-del{position:absolute;top:var(--sp-6);right:var(--sp-6);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);border:none;background:transparent;color:var(--text-dim);font-family:var(--font-body);font-size:10px;line-height:1;cursor:pointer;transition:color var(--dur-1),background var(--dur-1);outline:none}@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{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12));left:50%;transform:translate(-50%);z-index:var(--z-toast);width:min(520px - var(--sp-24) * 2,calc(100vw - var(--sp-24) * 2));display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-10) var(--sp-12);padding:var(--sp-12) var(--sp-14);background:#161d2ef5;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);box-shadow:0 18px 48px #020612b3;animation:playerRise .5s var(--ease) backwards}body:has(.mini-player) .cookie-notice{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.cookie-text{flex:1;min-width:58%;margin:0;font-size:var(--fs-control);line-height:1.5;color:var(--text-secondary)}.cookie-actions{display:flex;align-items:center;gap:var(--sp-14);margin-left:auto}.cookie-link{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;transition:color var(--dur-2)}@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);border:none;background:var(--accent);color:#0a1020;font-family:var(--font-body);font-size:var(--fs-control);font-weight:500;letter-spacing:.04em;cursor:pointer;transition:filter var(--dur-1);outline:none}@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{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12));left:50%;transform:translate(-50%);z-index:var(--z-player);width:min(520px - var(--sp-24) * 2,calc(100vw - var(--sp-24) * 2));display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-8) var(--sp-12) var(--sp-8) var(--sp-8);background:#161d2ef2;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(123,167,232,.22);border-radius:var(--radius-card-lg);box-shadow:0 18px 48px #020612b3,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;animation:playerRise .45s var(--ease) backwards}@keyframes playerRise{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mp-play-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.mp-play{width:40px;height:40px;border-radius:var(--r-full);border:none;background:var(--accent);color:#0a1020;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #7ba7e873;transition:filter var(--dur-2),box-shadow var(--dur-2);outline:none}.mp-play .material-symbols-rounded{font-size:21px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media (hover: hover){.mp-play:hover{filter:brightness(1.08);box-shadow:0 2px 18px #7ba7e899}}.mp-play.playing{animation:mpPulse 2.8s ease-in-out infinite}@keyframes mpPulse{0%,to{box-shadow:0 2px 12px #7ba7e859}50%{box-shadow:0 2px 22px #7ba7e899}}.mp-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:48px;height:48px;transform:rotate(-90deg);pointer-events:none;opacity:.9}.mp-ring circle{transition:stroke-dashoffset 1s linear}.mp-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:none;border:none;padding:0;cursor:pointer;outline:none;text-align:left}.mp-title{width:100%;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:15px;letter-spacing:.03em;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-subtitle{font-size:var(--fs-eyebrow);letter-spacing:.1em;color:var(--text-secondary);font-variant-numeric:tabular-nums}.mp-expand{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;outline:none;transition:color var(--dur-1)}.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{flex-shrink:0;position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;outline:none;border-radius:var(--r-full);transition:color var(--dur-1),background var(--dur-1)}.mp-save .material-symbols-rounded{font-size:19px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.mp-save:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-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{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--sp-12));transform:translate(-50%);z-index:var(--z-toast);display:flex;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);background:#161d2ef7;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card-lg);box-shadow:0 18px 48px #020612b3;animation:playerRise .4s var(--ease) backwards}body:has(.mini-player) .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.toast-text{flex:1;min-width:0;font-size:var(--fs-body);font-weight:300;letter-spacing:.02em;color:var(--text-primary)}.toast-action{flex-shrink:0;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);font-weight:400;letter-spacing:.06em;cursor:pointer;outline:none;transition:background var(--dur-1),border-color var(--dur-1)}@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{position:relative;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;outline:none;border-radius:var(--r-full);transition:color var(--dur-1)}.toast-close:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-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{display:flex;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);font-style:italic;font-size:15px;letter-spacing:.04em;cursor:pointer;outline:none;transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}.mix-empty .material-symbols-rounded{font-size:19px;color:var(--warm);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}@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{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060c8c;animation:sheetFade .3s var(--ease) backwards}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.sheet{position:relative;width:min(520px,100vw);max-height:82dvh;display:flex;flex-direction:column;background:#0c111ceb;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;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)}@keyframes sheetRise{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.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{transform:translateY(105%);opacity:.5}}@keyframes sheetFadeOut{0%{opacity:1}to{opacity:0}}.sheet-grip{flex-shrink:0;touch-action:none}.sheet-handle{width:36px;height:4px;border-radius:var(--r-full);background:#ffffff2e;margin:var(--sp-4) auto var(--sp-12);flex-shrink:0}.sheet-head{display:flex;align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-14);flex-shrink:0}.sheet-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sheet-eyebrow{font-size:var(--fs-eyebrow);font-weight:400;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary)}.sheet-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:22px;letter-spacing:.03em;line-height:1.1;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-play{width:42px;height:42px;flex-shrink:0;border-radius:var(--r-full);border:none;background:var(--accent);color:#0a1020;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #7ba7e866;transition:filter var(--dur-2),box-shadow var(--dur-2);outline:none}.sheet-play .material-symbols-rounded{font-size:21px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media (hover: hover){.sheet-play:hover{filter:brightness(1.08);box-shadow:0 2px 18px #7ba7e88c}}.sheet-play.playing{animation:mpPulse 2.8s ease-in-out infinite}.sheet-close{width:34px;height:34px;flex-shrink:0;border-radius:var(--r-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--dur-1),border-color var(--dur-1);outline:none}.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{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--sp-18);min-height:0}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-layers{display:flex;flex-direction:column;gap:var(--sp-6)}.layer-row{display:flex;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)}.layer-icon{font-size:16px;color:var(--card-accent);font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20;flex-shrink:0}.layer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-5)}.layer-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-8)}.layer-name{font-size:var(--fs-body);font-weight:400;letter-spacing:.04em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-pct{font-size:var(--fs-eyebrow);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.06em;flex-shrink:0}.layer-remove{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);border:none;background:transparent;color:var(--text-dim);font-family:var(--font-body);font-size:10px;line-height:1;cursor:pointer;transition:color var(--dur-1),background var(--dur-1);outline:none}@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);font-style:italic;font-size:15px;letter-spacing:.04em;color:var(--text-secondary);text-align:center}.layer-toggles{display:flex;gap:var(--sp-4);flex-shrink:0}.layer-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer;outline:none;transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}@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{display:flex;align-items:center;gap:var(--sp-8);margin-top:var(--sp-12);padding:var(--sp-8) var(--sp-12);width:100%;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-faint);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-control);font-weight:400;letter-spacing:.06em;cursor:pointer;outline:none;transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}.sleep-safe-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--border-strong);flex-shrink:0;transition:background var(--dur-2),box-shadow var(--dur-2)}.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{margin-left:auto;font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.sleep-safe:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}.sheet-master,.sheet-timer{display:flex;flex-direction:column;gap:var(--sp-8)}.sheet-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-8)}.sheet-label{font-size:var(--fs-eyebrow);font-weight:400;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary)}.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{margin:0;font-size:var(--fs-eyebrow);font-weight:300;letter-spacing:.04em;color:var(--text-secondary)}.sheet-clear{position:relative;border:none;background:transparent;padding:0;font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;outline:none;transition:color var(--dur-1)}.sheet-clear:before{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}@media (hover: hover){.sheet-clear:hover{color:var(--danger)}}.sheet-clear:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sheet-actions{display:flex;flex-wrap:wrap;gap:var(--sp-8)}.sheet-action{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-12);border-radius:var(--radius-button);font-family:var(--font-body);font-size:var(--fs-control);font-weight:400;letter-spacing:.08em;cursor:pointer;transition:background var(--dur-1),border-color var(--dur-1);outline:none}.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);background:transparent;color:var(--warm)}@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{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!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),::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{backdrop-filter:none;-webkit-backdrop-filter:none;background:#111a2c}}@media (prefers-contrast: more){:root{--border: rgba(255,255,255,.2);--border-strong: rgba(255,255,255,.34);--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{backdrop-filter:none;-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}