:root{--bg: #0a0a0f;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--surface-active: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .25);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--accent: #7c6af7;--accent-glow: rgba(124, 106, 247, .35);--accent-dim: rgba(124, 106, 247, .15);--success: #4ade80;--danger: #f87171;--pro: #f5c842;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: .2s ease;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--glow: 0 0 20px var(--accent-glow)}[data-theme=forest]{--accent: #22c55e;--accent-glow: rgba(34, 197, 94, .35);--accent-dim: rgba(34, 197, 94, .12);--bg: #060e09}[data-theme=ocean]{--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .35);--accent-dim: rgba(6, 182, 212, .12);--bg: #050d10}[data-theme=amber]{--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .35);--accent-dim: rgba(245, 158, 11, .12);--bg: #0f0a00}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-5px;box-shadow:0 0 8px var(--accent-glow)}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--border)}.landing{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:2rem}.landing__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;max-width:480px}.landing__logo{font-size:4rem;filter:drop-shadow(0 0 20px rgba(124,106,247,.5))}.landing__title{font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__tagline{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.landing__features{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;font-size:.85rem;color:var(--text-secondary)}.landing__cta{padding:.9rem 2.5rem;background:var(--accent);color:#fff;border-radius:var(--radius-xl);font-size:1.05rem;font-weight:600;letter-spacing:.01em;box-shadow:var(--glow);transition:box-shadow var(--transition),transform var(--transition)}.landing__cta:hover:not(:disabled){box-shadow:0 0 32px var(--accent-glow)}.landing__hint{font-size:.78rem;color:var(--text-muted)}.studio{position:relative;min-height:100dvh}.studio__content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100dvh;padding-bottom:100px}.studio__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0f99;position:sticky;top:0;z-index:10}.studio__brand{display:flex;align-items:center;gap:.6rem}.studio__logo{font-size:1.4rem}.studio__title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.studio__presets{padding:1.25rem 1.5rem 0}.studio__grid-wrapper{flex:1;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.studio__category-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.studio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.studio__footer{position:fixed;bottom:0;left:0;right:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0fd9;border-top:1px solid var(--border);padding:.75rem 1.5rem}.sound-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.sound-card--active{background:var(--surface-active);border-color:var(--border-active);box-shadow:0 0 12px #7c6af733}.sound-card--locked{opacity:.55}.sound-card__toggle{width:100%;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .6rem .7rem;position:relative;transition:background var(--transition)}.sound-card__toggle:hover:not(:disabled){background:var(--surface-hover)}.sound-card__icon{font-size:1.75rem;display:block;line-height:1}.sound-card__label{font-size:.72rem;color:var(--text-secondary);font-weight:500;text-align:center;line-height:1.2}.sound-card--active .sound-card__label{color:var(--text-primary)}.sound-card__pro-badge{position:absolute;top:6px;right:6px;background:var(--pro);color:#000;font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:4px}.sound-card__volume{padding:.5rem .75rem .65rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border)}.sound-card__slider{flex:1;height:4px;cursor:pointer}.sound-card__volume-label{font-size:.65rem;color:var(--text-muted);min-width:28px;text-align:right}.preset-selector__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.6rem}.preset-selector__grid{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.preset-selector__grid::-webkit-scrollbar{display:none}.preset-card{flex-shrink:0;display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:.8rem;color:var(--text-secondary);transition:all var(--transition);position:relative;white-space:nowrap}.preset-card:hover:not(.preset-card--locked){background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-active)}.preset-card--active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary);box-shadow:var(--glow)}.preset-card--locked{opacity:.5;cursor:not-allowed}.preset-card__emoji{font-size:1rem}.preset-card__name{font-weight:500}.preset-card__badge{background:var(--pro);color:#000;font-size:.58rem;font-weight:700;padding:1px 4px;border-radius:3px;margin-left:2px}.master-controls{display:flex;flex-direction:column;gap:.35rem}.master-controls__row{display:flex;align-items:center;gap:.75rem}.master-controls__play{width:40px;height:40px;border-radius:50%;background:var(--surface-active);border:1px solid var(--border);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.master-controls__play--active{background:var(--accent-dim);border-color:var(--accent);box-shadow:var(--glow)}.master-controls__play:hover{background:var(--surface-hover)}.master-controls__btn{font-size:1.1rem;padding:.25rem;opacity:.7;transition:opacity var(--transition);flex-shrink:0}.master-controls__btn:hover:not(:disabled){opacity:1}.master-controls__btn--danger{color:var(--danger)}.master-controls__volume{flex:1}.master-controls__slider{width:100%;height:4px;cursor:pointer}.master-controls__status{font-size:.72rem;color:var(--text-muted);text-align:center}.sleep-timer{position:relative}.sleep-timer__trigger{padding:.35rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:.8rem;color:var(--text-secondary);transition:all var(--transition)}.sleep-timer__trigger:hover{background:var(--surface-hover);color:var(--text-primary)}.sleep-timer__trigger--active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary)}.sleep-timer__panel{position:absolute;top:calc(100% + 8px);right:0;background:#14141ef2;border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;min-width:200px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.sleep-timer__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:.6rem}.sleep-timer__options{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.6rem}.sleep-timer__option{padding:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);transition:all var(--transition);text-align:center}.sleep-timer__option:hover{background:var(--surface-hover);color:var(--text-primary)}.sleep-timer__option--active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary)}.sleep-timer__cancel{width:100%;padding:.4rem;font-size:.78rem;color:var(--danger);text-align:center;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);transition:background var(--transition)}.sleep-timer__cancel:hover{background:#f8717114}.sleep-timer__custom{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}.sleep-timer__custom-label{font-size:.72rem;color:var(--text-muted)}.sleep-timer__custom-inputs{display:flex;align-items:center;gap:.25rem}.sleep-timer__num-input{width:2.8rem;padding:.25rem .3rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.82rem;text-align:center}.sleep-timer__num-input:focus{outline:none;border-color:var(--accent)}.sleep-timer__custom-sep{font-size:.72rem;color:var(--text-muted)}.sleep-timer__set-btn{padding:.25rem .6rem;font-size:.78rem;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;transition:opacity var(--transition)}.sleep-timer__set-btn:disabled{opacity:.4;cursor:default}.sleep-timer__set-btn:hover:not(:disabled){opacity:.85}.mood-picker{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;flex-wrap:wrap;overflow:hidden}.mood-picker__label{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.mood-picker__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.mood-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--mood-color, var(--border));font-size:.82rem;font-weight:500;color:var(--mood-color, var(--text));background:color-mix(in srgb,var(--mood-color, var(--accent)) 8%,transparent);transition:background var(--transition),transform .1s}.mood-btn:hover{background:color-mix(in srgb,var(--mood-color, var(--accent)) 18%,transparent)}.mood-btn--active{background:color-mix(in srgb,var(--mood-color, var(--accent)) 25%,transparent);border-color:var(--mood-color, var(--accent))}.mood-btn:active{transform:scale(.96)}.mood-btn__emoji{font-size:1rem}.mood-btn__label{font-size:.78rem}.sound-card__action-btn--animate{color:#34d399}.sound-card__action-btn--animate.active{color:#fff;background:#34d3992e;border-color:#34d399;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #34d3994d}50%{box-shadow:0 0 8px 3px #34d39933}}.studio__category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.custom-uploader{position:relative}.custom-uploader__trigger{padding:.25rem .7rem;font-size:.78rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);transition:background var(--transition)}.custom-uploader__trigger:hover{background:#a855f71a}.custom-uploader__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.6rem}.custom-uploader__title{font-size:.88rem;font-weight:700;color:var(--text)}.custom-uploader__hint{font-size:.72rem;color:var(--text-muted);line-height:1.4}.custom-uploader__dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:1rem;text-align:center;font-size:.82rem;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.custom-uploader__dropzone:hover{border-color:var(--accent);background:#a855f70d}.custom-uploader__dropzone--over{border-color:var(--accent);background:#a855f71a}.custom-uploader__dropzone--loading{opacity:.6;pointer-events:none}.custom-uploader__list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.custom-uploader__item{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;background:var(--surface-2);border-radius:var(--radius-sm);font-size:.78rem}.custom-uploader__item-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.custom-uploader__remove{color:var(--danger);font-size:.72rem;padding:.1rem .35rem;border-radius:var(--radius-sm);flex-shrink:0;transition:background var(--transition)}.custom-uploader__remove:hover{background:#f871711f}@media (max-width: 480px){.studio__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.landing__features{flex-direction:column;gap:.4rem}}@media (min-width: 900px){.studio__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.studio__content{max-width:1100px;margin:0 auto}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:1.5rem;padding:0 1.5rem;height:56px;background:#0a0a10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-weight:700;font-size:1.05rem}.brand-icon{color:var(--accent);font-size:1.3rem}.navbar-links{display:flex;gap:.5rem;flex:1}.nav-link{padding:.35rem .75rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:all var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text);background:#ffffff0f}.navbar-actions,.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.85rem;color:var(--text-muted)}.pro-badge{padding:.15rem .5rem;font-size:.65rem;font-weight:700;letter-spacing:.05em;color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:3px}.btn-ghost{padding:.35rem .75rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;transition:all var(--transition)}.btn-ghost:hover{color:var(--text);background:#ffffff0f}.btn-primary{padding:.5rem 1.2rem;border-radius:var(--radius-sm);background:var(--accent);color:#000;font-weight:600;font-size:.9rem;transition:all var(--transition)}.btn-primary:hover{background:#a855f7}.btn-primary.sm{padding:.35rem .85rem;font-size:.82rem}.landing,.studio{padding-top:56px}.gallery-page{min-height:100vh;padding:72px 1.5rem 2rem;max-width:1200px;margin:0 auto}.gallery-header{margin-bottom:2rem}.gallery-header h1{font-size:1.8rem;margin-bottom:.4rem}.gallery-header p{color:var(--text-muted);margin-bottom:1.2rem}.gallery-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.gallery-search{flex:1;min-width:200px;padding:.5rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem}.gallery-search:focus{outline:none;border-color:var(--accent)}.sort-tabs{display:flex;gap:.25rem}.sort-tab{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-muted);transition:all var(--transition)}.sort-tab.active,.sort-tab:hover{color:var(--text);background:#ffffff0f}.tag-filters{display:flex;gap:.5rem;flex-wrap:wrap}.tag-chip{padding:.25rem .65rem;border-radius:20px;font-size:.78rem;border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.tag-chip.active,.tag-chip:hover{color:var(--text);border-color:var(--accent);background:#a855f71a}.gallery-grid,.gallery-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.gallery-empty{grid-column:1 / -1;color:var(--text-muted);text-align:center;padding:3rem}.scene-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.85rem;cursor:default;transition:border-color var(--transition)}.scene-card:hover{border-color:#a855f74d}.scene-card.skeleton{height:200px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.scene-card-sounds{display:flex;flex-wrap:wrap;gap:.35rem}.sound-pill{padding:.15rem .5rem;border-radius:20px;font-size:.72rem;background:#a855f71f;color:var(--accent);border:1px solid rgba(168,85,247,.2)}.sound-pill.muted{background:#ffffff0d;color:var(--text-muted);border-color:var(--border)}.scene-card-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.scene-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.4}.scene-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{padding:.1rem .45rem;font-size:.7rem;border-radius:20px;background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.scene-card-footer{display:flex;justify-content:space-between;align-items:center}.scene-author{font-size:.78rem;color:var(--text-muted)}.scene-stats{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.like-btn,.save-btn{font-size:.8rem;color:var(--text-muted);transition:all var(--transition)}.like-btn.liked,.like-btn:hover{color:#f87171}.save-btn.saved,.save-btn:hover{color:#facc15}.load-scene-btn{width:100%;padding:.5rem;font-size:.82rem;font-weight:600;color:var(--accent);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);transition:all var(--transition);text-align:center}.load-scene-btn:hover{background:#a855f71a;border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:400px}.modal-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:var(--text-muted);line-height:1;transition:color var(--transition)}.modal-close:hover{color:var(--text)}.modal-title{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.82rem;color:var(--text-muted)}.form-group input{padding:.6rem .85rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem}.form-group input:focus{outline:none;border-color:var(--accent)}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;align-items:center}.link-btn{font-size:.82rem;color:var(--accent);transition:opacity var(--transition)}.link-btn:hover{opacity:.7}.shortcuts-modal{max-width:480px}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal__title{font-size:1.1rem;font-weight:700}.modal__close{color:var(--text-muted);font-size:1rem;padding:.2rem .5rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.modal__close:hover{color:var(--text);background:var(--surface-2)}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table__row{border-bottom:1px solid var(--border)}.shortcuts-table__row:last-child{border-bottom:none}.shortcuts-table__keys{padding:.55rem .5rem .55rem 0;white-space:nowrap;vertical-align:middle}.shortcuts-table__desc{padding:.55rem 0;font-size:.85rem;color:var(--text-muted);vertical-align:middle}.shortcut-key{display:inline-block;padding:.15rem .45rem;background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;font-size:.75rem;font-family:ui-monospace,monospace;color:var(--text);margin-right:2px}.shortcuts-table__plus{font-size:.7rem;color:var(--text-muted);margin:0 2px}.shortcuts-modal__footer{margin-top:1rem;font-size:.75rem;color:var(--text-muted);text-align:center}.sound-card__controls{padding:0 .5rem .5rem}.sound-card__volume-row{display:flex;align-items:center;gap:.5rem}.sound-card__pan-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.pan-toggle{font-size:.72rem;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .5rem;transition:all var(--transition)}.pan-toggle.active,.pan-toggle:hover{color:var(--accent);border-color:var(--accent)}.pan-pad{position:relative;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.pan-pad-h{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14;transform:translateY(-50%)}.pan-pad-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff14;transform:translate(-50%)}.pan-pad-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);transition:background var(--transition);pointer-events:none}.pan-pad-dot.centered{background:#a855f766}.share-modal{max-width:560px}.share-empty{color:var(--text-muted);text-align:center;padding:1rem 0}.share-preview-wrap{margin:1rem 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.share-preview-img{width:100%;display:block}.share-preview-skeleton{height:160px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.share-actions{display:flex;gap:.75rem;margin-bottom:1rem}.share-actions .btn-primary,.share-actions .btn-secondary{flex:1;text-align:center}.btn-secondary{padding:.5rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:.9rem;transition:all var(--transition)}.btn-secondary:hover{background:#a855f71a}.share-link-row{display:flex;gap:.5rem}.share-link-input{flex:1;padding:.5rem .75rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.82rem}.share-social-row{display:flex;gap:.5rem;margin-top:.65rem;flex-wrap:wrap}.share-social-btn{flex:1;min-width:90px;padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all var(--transition);text-align:center}.share-social-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.share-social-btn--twitter:hover{border-color:#1d9bf0;color:#1d9bf0}.share-social-btn--whatsapp:hover{border-color:#25d366;color:#25d366}.share-social-btn--reddit:hover{border-color:#ff4500;color:#ff4500}.save-modal{max-width:480px}.save-empty,.auth-prompt{color:var(--text-muted);text-align:center;padding:1rem 0}.auth-prompt{display:flex;flex-direction:column;gap:1rem;align-items:center}.save-form{display:flex;flex-direction:column;gap:1rem}.save-form textarea{padding:.6rem .85rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;resize:vertical;font-family:inherit}.save-form textarea:focus{outline:none;border-color:var(--accent)}.tag-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.custom-tag-row{display:flex;gap:.5rem}.custom-tag-row input{flex:1;padding:.4rem .7rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem}.custom-tag-row input:focus{outline:none;border-color:var(--accent)}.save-sounds-preview{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.save-label{font-size:.78rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.save-sound-list{display:flex;flex-wrap:wrap;gap:.35rem}.publish-toggle{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--text-muted);cursor:pointer}.publish-toggle input{accent-color:var(--accent);width:16px;height:16px}.save-actions{display:flex;gap:.75rem;justify-content:flex-end}.upgrade-modal{max-width:440px}.upgrade-header{text-align:center;margin-bottom:1.5rem}.upgrade-badge{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;background:linear-gradient(135deg,#f59e0b,#f97316);color:#000;border-radius:4px;margin-bottom:.75rem}.upgrade-modal .modal-title{margin-bottom:.75rem}.upgrade-price{display:flex;align-items:baseline;justify-content:center;gap:.2rem;margin-bottom:.25rem}.price-amount{font-size:2.5rem;font-weight:800;color:var(--text)}.price-period{font-size:1rem;color:var(--text-muted)}.upgrade-sub{font-size:.82rem;color:var(--text-muted)}.upgrade-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.65rem}.upgrade-feature{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:var(--text-muted)}.upgrade-feature-icon{font-size:1.1rem;flex-shrink:0}.upgrade-cta{width:100%;text-align:center;padding:.85rem;font-size:1rem;margin-bottom:.75rem}.upgrade-legal{font-size:.75rem;color:var(--text-muted);text-align:center}.master-controls__btn--save{color:#60a5fa}.upgrade-nav-btn{padding:.3rem .7rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;background:linear-gradient(135deg,#f59e0b44,#f9731644);border:1px solid #f59e0b66;color:#f59e0b;transition:all var(--transition)}.upgrade-nav-btn:hover{background:linear-gradient(135deg,#f59e0b66,#f9731666)}.timeline-overlay{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#0a0a10f7;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:55vh;display:flex;flex-direction:column}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.timeline-title{display:flex;align-items:center;gap:.75rem}.timeline-title h3{font-size:.95rem;font-weight:700;margin:0}.timeline-hint{font-size:.78rem;color:var(--text-muted)}.timeline-controls{display:flex;align-items:center;gap:.75rem}.timeline-pos{font-size:.82rem;color:var(--accent);font-variant-numeric:tabular-nums;min-width:40px}.timeline-play-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#000;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.timeline-play-btn.active{background:#f87171}.timeline-select,.timeline-clear-btn{padding:.3rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.82rem}.timeline-clear-btn{color:#f87171;border-color:#f871714d}.timeline-pro-gate{display:flex;align-items:center;gap:1rem;justify-content:center;padding:1.5rem;color:var(--text-muted);font-size:.9rem}.timeline-body,.timeline-tracks-wrap{display:flex;flex:1;overflow:hidden}.timeline-labels{flex-shrink:0;width:160px;border-right:1px solid var(--border)}.timeline-ruler-pad{border-bottom:1px solid var(--border)}.timeline-track-label{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;font-size:.78rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.04)}.timeline-add-btn{width:20px;height:20px;border-radius:50%;background:#a855f733;color:var(--accent);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.timeline-add-btn:hover{background:#a855f766}.timeline-canvas-wrap{flex:1;overflow-x:auto;overflow-y:hidden;position:relative}.timeline-canvas{position:relative}.timeline-ruler{position:sticky;top:0;background:#0a0a10f2;border-bottom:1px solid var(--border);z-index:2;cursor:pointer}.ruler-mark{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end}.ruler-mark:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#ffffff1a}.ruler-label{font-size:.65rem;color:var(--text-muted);padding:0 3px 4px}.timeline-track{position:absolute;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff03}.timeline-track:hover{background:#ffffff05}.timeline-event{position:absolute;top:6px;bottom:6px;background:#a855f740;border:1px solid rgba(168,85,247,.5);border-radius:4px;cursor:grab;display:flex;align-items:center;justify-content:center;min-width:30px;overflow:hidden;transition:background var(--transition)}.timeline-event:hover,.timeline-event.selected{background:#a855f766;border-color:var(--accent)}.timeline-event.selected{box-shadow:0 0 0 2px var(--accent)}.event-label{font-size:.65rem;color:var(--text);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2}.resize-handle.left{left:0}.resize-handle.right{right:0}.event-delete{position:absolute;top:2px;right:2px;width:14px;height:14px;font-size:.65rem;background:#f871714d;border-radius:50%;color:#f87171;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.timeline-event:hover .event-delete{opacity:1}.timeline-playhead{position:absolute;top:0;width:2px;background:#f59e0b;z-index:3;pointer-events:none}.timeline-playhead:before{content:"▼";position:absolute;top:-2px;left:-5px;font-size:.6rem;color:#f59e0b}.timeline-event-editor{width:200px;flex-shrink:0;border-left:1px solid var(--border);padding:1rem;overflow-y:auto}.timeline-event-editor h4{font-size:.85rem;font-weight:700;margin:0 0 .75rem}.event-editor-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.8rem}.event-editor-row label{width:40px;color:var(--text-muted);flex-shrink:0}.event-editor-row input[type=number]{width:60px;padding:.25rem .4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.8rem}.event-editor-row input[type=range]{flex:1}.event-editor-row select{flex:1;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.78rem}.event-editor-row span{font-size:.75rem;color:var(--text-muted);min-width:32px;text-align:right}.master-controls__btn--timeline{color:#f59e0b}.scene-page{min-height:100vh;padding:80px 1.5rem 2rem;max-width:800px;margin:0 auto}.scene-page--loading,.scene-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{font-size:.85rem;color:var(--text-muted);text-decoration:none;display:inline-block;margin-bottom:1.5rem;transition:color var(--transition)}.back-link:hover{color:var(--text)}.scene-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.scene-detail-title{font-size:2rem;font-weight:800;margin:0 0 .5rem}.scene-detail-desc{color:var(--text-muted);margin-bottom:.75rem;line-height:1.5}.scene-detail-meta{display:flex;gap:.75rem;font-size:.82rem;color:var(--text-muted)}.scene-detail-actions{display:flex;gap:.75rem;flex-shrink:0;flex-wrap:wrap}.scene-detail-sounds h3{font-size:1rem;font-weight:700;margin:0 0 .75rem}.scene-sounds-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.scene-sound-item{display:flex;align-items:center;gap:.75rem}.scene-sound-key{width:120px;font-size:.82rem;color:var(--text-muted);flex-shrink:0}.scene-sound-bar-wrap{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.scene-sound-bar{height:100%;background:linear-gradient(90deg,var(--accent),#60a5fa);border-radius:3px}.scene-sound-vol{width:36px;text-align:right;font-size:.75rem;color:var(--text-muted)}.scene-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.fork-notice{font-size:.8rem;color:var(--text-muted)}.btn-secondary.liked{color:#f87171;border-color:#f8717180}.admin-page{min-height:100vh;padding:80px 1.5rem 2rem;max-width:1200px;margin:0 auto}.admin-page h1{font-size:1.8rem;margin-bottom:1.5rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.admin-stat-val{display:block;font-size:1.8rem;font-weight:800;color:var(--accent)}.admin-stat-label{font-size:.78rem;color:var(--text-muted)}.admin-tables{display:flex;flex-direction:column;gap:2rem}.admin-section h2{font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th{text-align:left;padding:.5rem .75rem;color:var(--text-muted);border-bottom:1px solid var(--border);font-weight:600}.admin-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.04)}.admin-table tr.banned td{opacity:.4}.admin-actions{display:flex;gap:.4rem}.admin-btn{padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.72rem;border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.admin-btn:hover{color:var(--text);background:#ffffff0f}.admin-btn.danger{border-color:#f871714d;color:#f87171}.admin-btn.danger:hover{background:#f871711a}.admin-nav-link{color:#f87171!important}.kbd-hint-wrap{position:relative}.kbd-hint-btn{font-size:1.1rem;color:var(--text-muted);transition:color var(--transition);padding:.2rem}.kbd-hint-btn:hover{color:var(--text)}.kbd-hint-panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;min-width:220px;z-index:90;box-shadow:0 8px 32px #0006}.kbd-hint-title{font-size:.75rem;color:var(--text-muted);margin-bottom:.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.kbd-hint-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;font-size:.82rem;color:var(--text-muted)}kbd.kbd{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-bottom-width:2px;border-radius:4px;font-size:.72rem;color:var(--text);font-family:monospace;min-width:24px;white-space:nowrap}.studio__header-right{display:flex;align-items:center;gap:.75rem}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;justify-content:flex-end;padding:1.5rem;pointer-events:none}.onboarding-card{position:relative;background:var(--surface);border:1px solid rgba(168,85,247,.4);border-radius:var(--radius);padding:1.5rem;width:280px;box-shadow:0 8px 32px #a855f726;pointer-events:all}.onboarding-step-dots{display:flex;gap:.35rem;margin-bottom:1rem}.step-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:all var(--transition)}.step-dot.active{background:var(--accent);width:18px;border-radius:3px}.step-dot.done{background:#a855f780}.onboarding-emoji{font-size:2rem;margin-bottom:.5rem}.onboarding-title{font-size:1rem;font-weight:700;margin-bottom:.4rem}.onboarding-body{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.onboarding-actions{display:flex;gap:.5rem;justify-content:flex-end}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-boundary-inner{text-align:center;max-width:400px}.error-boundary-icon{font-size:3rem;color:var(--accent);display:block;margin-bottom:1rem}.error-boundary h2{font-size:1.5rem;margin-bottom:.5rem}.error-boundary-msg{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;word-break:break-all}.error-boundary .btn-primary,.error-boundary .btn-ghost{margin:0 .4rem}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.not-found-inner{text-align:center}.not-found-code{font-size:6rem;font-weight:900;color:#a855f733;line-height:1;margin-bottom:1rem}.not-found-page h1{font-size:1.8rem;margin-bottom:.5rem}.not-found-page p{color:var(--text-muted);margin-bottom:1.5rem}.not-found-actions{display:flex;gap:.75rem;justify-content:center}.not-found-actions .btn-primary,.not-found-actions .btn-ghost{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landing__cta-row{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:2rem}.landing__cta-secondary{padding:.7rem 1.5rem;border:1px solid rgba(168,85,247,.4);border-radius:8px;color:var(--accent);font-size:1rem;text-decoration:none;transition:all var(--transition)}.landing__cta-secondary:hover{background:#a855f71a;border-color:var(--accent)}.landing__features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;max-width:960px;margin:0 auto;padding:3rem 1.5rem 2rem;position:relative;z-index:2}.landing__feature-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.landing__feature-emoji{font-size:1.75rem;display:block;margin-bottom:.5rem}.landing__feature-card h3{font-size:.95rem;font-weight:700;margin:0 0 .4rem}.landing__feature-card p{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin:0}.landing__gallery-preview{max-width:960px;margin:0 auto;padding:0 1.5rem 3rem;position:relative;z-index:2}.landing__section-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.landing__scene-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.landing__scene-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.6rem}.landing__scene-pills{display:flex;flex-wrap:wrap;gap:.3rem}.landing__scene-card h4{font-size:.95rem;font-weight:700;margin:0}.landing__scene-meta{font-size:.78rem;color:var(--text-muted)}.landing__gallery-link{font-size:.88rem;color:var(--accent);text-decoration:none}.landing__gallery-link:hover{text-decoration:underline}.landing__footer{position:relative;z-index:2;display:flex;gap:1.5rem;justify-content:center;align-items:center;padding:1.5rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border)}.landing__footer a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.landing__footer a:hover{color:var(--text)}.landing__content{margin-top:2rem}.scene-card-btns{display:flex;gap:.5rem}.scene-page-link{flex:0;padding:.5rem .75rem;font-size:.82rem;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition);text-align:center}.scene-page-link:hover{color:var(--text);background:#ffffff0a}.scene-card-btns .load-scene-btn{flex:1}.sound-visualizer{display:block;width:100%;margin:.3rem 0 .5rem;border-radius:4px}.master-controls__visualizer{width:100%;padding:0 .5rem;margin-bottom:.25rem}.gallery-search-wrap{position:relative;flex:1;min-width:0;max-width:360px}.gallery-search-wrap .gallery-search{width:100%}.gallery-search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--text-muted);line-height:1;padding:.15rem .3rem}.gallery-search-clear:hover{color:var(--text)}.gallery-loading-more{display:flex;gap:1rem;padding:1rem 0}.scene-author{font-size:.8rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.scene-author:hover{color:var(--accent)}.profile-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.profile-page--empty{text-align:center;padding:6rem 2rem}.profile-page--empty h2{margin-bottom:1rem;color:var(--text-muted)}.profile-hero{display:flex;align-items:center;gap:2rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2.5rem}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--accent-dim);border:2px solid var(--border-active);flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar__initials{font-size:1.6rem;font-weight:700;color:var(--accent)}.profile-name{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.profile-stats{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.88rem;color:var(--text-muted)}.profile-stats strong{color:var(--text-primary)}.profile-scenes-header{margin-bottom:1.25rem}.profile-scenes-header h2{font-size:1.2rem;font-weight:700}.pwa-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:1rem;background:#141224f7;border:1px solid var(--border-active);border-radius:var(--radius-lg);padding:.9rem 1.25rem;box-shadow:0 8px 32px #0009,0 0 0 1px #a855f726;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:calc(100vw - 3rem);width:440px}.pwa-banner__icon{font-size:1.6rem;flex-shrink:0}.pwa-banner__text{flex:1;min-width:0}.pwa-banner__text strong{display:block;font-size:.95rem;font-weight:700}.pwa-banner__text span{font-size:.78rem;color:var(--text-muted)}.pwa-banner__actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.pwa-banner__install{background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;padding:.45rem 1rem;border-radius:8px;transition:all var(--transition)}.pwa-banner__install:hover{opacity:.85}.pwa-banner__dismiss{font-size:.75rem;color:var(--text-muted);padding:.45rem}.pwa-banner__dismiss:hover{color:var(--text)}@media (max-width: 768px){.navbar{padding:0 .75rem}.navbar__brand{font-size:1rem}.navbar__links{gap:.25rem}.navbar__links a,.navbar__btn{font-size:.78rem;padding:.35rem .6rem}.studio-page{padding:.75rem}.sounds-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.sound-card{padding:.75rem}.sound-card__icon{font-size:1.5rem}.sound-card__label{font-size:.72rem}.master-controls{padding:.75rem;border-radius:var(--radius-md)}.master-controls__row{gap:.4rem;flex-wrap:wrap}.master-controls__play{width:40px;height:40px;font-size:1rem}.master-controls__volume{flex:1;min-width:80px}.master-controls__btn{width:36px;height:36px;font-size:.9rem}.preset-selector{padding:.6rem .75rem;gap:.5rem;flex-wrap:wrap}.preset-btn{font-size:.76rem;padding:.3rem .65rem}.gallery-page{padding:1rem .75rem 3rem}.gallery-header h1{font-size:1.4rem}.gallery-filters{flex-direction:column;align-items:stretch;gap:.6rem}.gallery-search-wrap{max-width:100%}.sort-tabs{flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr;gap:.75rem}.scene-card{padding:.9rem}.scene-card-title{font-size:.95rem}.modal{padding:1rem}.modal-box{padding:1.25rem;border-radius:var(--radius-md);max-width:calc(100vw - 2rem)}.modal-box h2{font-size:1.2rem}.auth-modal,.timeline-modal{width:100%!important;max-width:100%!important}.timeline-track-label{font-size:.72rem;width:60px;min-width:60px}.profile-hero{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.profile-avatar{width:60px;height:60px}.profile-name{font-size:1.25rem}.profile-stats{gap:.75rem;font-size:.8rem}.landing__features-grid{grid-template-columns:1fr 1fr;padding:1.5rem .75rem 1rem}.landing__scene-row{grid-template-columns:1fr}.pwa-banner{bottom:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md)}.pwa-banner__icon{font-size:1.3rem}.sleep-timer-modal{width:95vw!important}.pan-pad{margin:0 auto}}@media (max-width: 480px){.sounds-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.sound-card{padding:.6rem}.landing__features-grid{grid-template-columns:1fr}.not-found-code{font-size:4rem}.profile-stats{flex-direction:column;gap:.4rem}.pwa-banner{flex-wrap:wrap}.pwa-banner__text{min-width:100%;order:-1}}.my-scenes-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.my-scenes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.my-scenes-header h1{font-size:1.6rem;font-weight:800}.my-scenes-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:0}.my-tab{padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;border-radius:0;transition:all var(--transition);margin-bottom:-1px}.my-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.my-tab:hover{color:var(--text)}.my-scenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.my-scene-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem;display:flex;flex-direction:column;gap:.65rem;transition:border-color var(--transition)}.my-scene-card:hover{border-color:#ffffff26}.my-scene-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.my-scene-card__title{font-size:.95rem;font-weight:700;line-height:1.3;flex:1}.my-scene-card__author{font-size:.78rem;color:var(--text-muted)}.my-scene-card__status{font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.my-scene-card__status.published{background:#4ade801f;color:#4ade80}.my-scene-card__status.draft{background:#fbbf241f;color:#fbbf24}.my-scene-card__desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}.my-scene-card__sounds{display:flex;flex-wrap:wrap;gap:.3rem}.my-scene-card__stats{display:flex;gap:1rem;font-size:.78rem;color:var(--text-muted);align-items:center}.my-scene-card__date{margin-left:auto}.my-scene-card__actions{display:flex;gap:.4rem;flex-wrap:wrap}.my-scene-action{flex:1;min-width:56px;padding:.4rem .6rem;font-size:.78rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;text-decoration:none;color:var(--text-muted);background:#ffffff08;transition:all var(--transition)}.my-scene-action:hover{background:#ffffff12;color:var(--text)}.my-scene-action.load{color:var(--accent);border-color:#a855f74d;background:#a855f70f}.my-scene-action.load:hover{background:#a855f724}.my-scene-action.publish{color:#4ade80;border-color:#4ade804d;background:#4ade800f}.my-scene-action.publish:hover{background:#4ade801f}.my-scene-action.delete{flex:0;color:var(--danger);border-color:#f8717140;background:#f871710d}.my-scene-action.delete:hover{background:#f871711f}.my-scenes-empty{text-align:center;padding:4rem 2rem}.my-scenes-empty__icon{font-size:3rem;display:block;margin-bottom:1rem}.my-scenes-empty h2,.my-scenes-empty h3{margin-bottom:.5rem;font-size:1.2rem}.my-scenes-empty p{color:var(--text-muted);font-size:.88rem;margin-bottom:1.5rem}.studio--ambient .studio__header--shown,.studio--ambient .studio__presets--shown,.studio--ambient .studio__category-filter--shown,.studio--ambient .studio__category-label{opacity:0;pointer-events:none;transition:opacity .5s ease}.studio--ambient .studio__footer{opacity:.15;transition:opacity .5s ease}.studio--ambient .studio__footer:hover{opacity:1}.studio--ambient .sound-card{opacity:.06;pointer-events:none;transition:opacity .5s ease}.studio--ambient:hover .studio__footer{opacity:.85}.master-controls__btn--ambient{font-size:1.1rem}.master-controls__btn--ambient.active{color:var(--accent)}.studio__category-filter{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1.5rem .75rem;max-width:1200px;margin:0 auto}.cat-chip{position:relative;padding:.3rem .8rem;font-size:.78rem;font-weight:600;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);background:#ffffff05;transition:all var(--transition)}.cat-chip:hover{background:#ffffff0f;color:var(--text)}.cat-chip.active{background:var(--accent-dim);border-color:#a855f766;color:var(--accent)}.cat-chip.has-active{border-color:#a855f740;color:var(--text)}.cat-chip__dot{position:absolute;top:4px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.scene-comments{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.scene-comments__title{font-size:1rem;font-weight:700;margin-bottom:1.25rem}.scene-comments__count{font-weight:400;color:var(--text-muted);font-size:.9em}.comment-form{margin-bottom:1.5rem}.comment-textarea{width:100%;resize:vertical;min-height:60px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:.88rem;padding:.65rem .85rem;transition:border-color var(--transition)}.comment-textarea:focus{outline:none;border-color:#a855f780}.comment-form__footer{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}.comment-char-count{font-size:.72rem;color:var(--text-muted)}.comment-login-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.comment-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.comment-item{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem}.comment-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.comment-author{font-size:.82rem;font-weight:700;color:var(--text-primary);text-decoration:none}.comment-author:hover{color:var(--accent)}.comment-date{font-size:.72rem;color:var(--text-muted)}.comment-delete{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.comment-delete:hover{color:var(--danger)}.comment-body{font-size:.85rem;color:var(--text-secondary);line-height:1.55;white-space:pre-wrap}.comment-empty{font-size:.85rem;color:var(--text-muted);text-align:center;padding:1.5rem}.comment-pagination{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-top:1rem;font-size:.82rem;color:var(--text-muted)}.btn-primary.sm,.btn-ghost.sm{padding:.35rem .85rem;font-size:.82rem}.mix-history{position:relative}.mix-history__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);transition:all var(--transition)}.mix-history__btn:hover,.mix-history__btn.active{background:#ffffff14;color:var(--text)}.mix-history__panel{position:absolute;top:calc(100% + 6px);right:0;width:280px;background:#100e1cf7;border:1px solid var(--border-active);border-radius:var(--radius-md);padding:.75rem;z-index:200;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mix-history__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.mix-history__title{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.mix-history__clear{font-size:.72rem;color:var(--danger)}.mix-history__clear:hover{text-decoration:underline}.mix-history__list{list-style:none;display:flex;flex-direction:column;gap:.25rem;max-height:280px;overflow-y:auto}.mix-history__item{display:flex;align-items:center;gap:.3rem}.mix-history__item-load{flex:1;text-align:left;padding:.45rem .6rem;border-radius:6px;background:#ffffff08;border:1px solid transparent;display:flex;flex-direction:column;gap:.15rem;transition:all var(--transition);min-width:0}.mix-history__item-load:hover{background:#ffffff12;border-color:var(--border)}.mix-history__label{font-size:.76rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mix-history__time{font-size:.66rem;color:var(--text-muted)}.mix-history__item-remove{font-size:.65rem;color:var(--text-muted);padding:.3rem}.mix-history__item-remove:hover{color:var(--danger)}.mix-history__empty{font-size:.78rem;color:var(--text-muted);text-align:center;padding:.75rem 0}.similar-scenes{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.similar-scenes__title{font-size:1rem;font-weight:700;margin-bottom:1rem}.similar-scenes__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.similar-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color var(--transition)}.similar-card:hover{border-color:#ffffff26}.similar-card__sounds{display:flex;flex-wrap:wrap;gap:.25rem}.similar-card__name{font-size:.85rem;font-weight:700;line-height:1.3}.similar-card__meta{display:flex;gap:.75rem;font-size:.72rem;color:var(--text-muted)}.similar-card__btns{display:flex;gap:.4rem;margin-top:auto}.similar-card__btn{flex:1;padding:.35rem .5rem;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:6px;text-align:center;text-decoration:none;color:var(--text-muted);background:#ffffff05;transition:all var(--transition)}.similar-card__btn:hover{background:#ffffff12;color:var(--text)}.similar-card__btn.load{flex:0 0 36px;color:var(--accent);border-color:#a855f74d}.similar-card__btn.load:hover{background:#a855f71f}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-tabs{display:flex;gap:.4rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:0}.admin-tab{padding:.5rem 1.2rem;font-size:.88rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;border-radius:0;transition:all var(--transition);margin-bottom:-1px}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tab:hover{color:var(--text)}.admin-comment-body{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.admin-cell-muted{color:var(--text-muted);font-size:.8rem}.admin-scene-link{color:var(--accent);text-decoration:none;font-size:.8rem}.admin-scene-link:hover{text-decoration:underline}.admin-section-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.tag-page{max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.tag-hero{text-align:center;padding:3rem 1.5rem 2rem;position:relative;z-index:2}.tag-hero__emoji{font-size:3rem;display:block;margin-bottom:.5rem}.tag-hero__title{font-size:2.2rem;font-weight:900;margin-bottom:.5rem}.tag-hero__desc{color:var(--text-muted);font-size:1rem;margin-bottom:.5rem;max-width:480px;margin-left:auto;margin-right:auto}.tag-hero__count{font-size:.82rem;color:var(--accent);font-weight:700;margin-bottom:1rem}.tag-hero__breadcrumb{font-size:.8rem;color:var(--text-muted)}.tag-hero__breadcrumb a{color:var(--text-muted);text-decoration:none}.tag-hero__breadcrumb a:hover{color:var(--accent)}.tag-page-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.tag-page-footer h3{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--text-muted)}.tag-chips-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag-chip-link{padding:.35rem .85rem;font-size:.82rem;font-weight:600;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);text-decoration:none;background:#ffffff05;transition:all var(--transition)}.tag-chip-link:hover{background:#ffffff12;color:var(--accent);border-color:#a855f74d}.auth-standalone-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.auth-standalone-box{width:100%;max-width:420px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center}.auth-standalone-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.auth-standalone-box h2{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.auth-standalone-sub{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.auth-standalone-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.auth-field input{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:.9rem;padding:.6rem .85rem;transition:border-color var(--transition)}.auth-field input:focus{outline:none;border-color:#a855f780}.auth-standalone-footer{margin-top:1.25rem;font-size:.82rem}.auth-standalone-footer a{color:var(--text-muted);text-decoration:none}.auth-standalone-footer a:hover{color:var(--accent)}.scene-embed-btn{font-family:monospace;font-size:.82rem;letter-spacing:0}.sleep-timer__trigger{display:flex;align-items:center;gap:.35rem}.sleep-timer__ring{flex-shrink:0}.sleep-timer__ring circle{transition:stroke-dashoffset 1s linear}.sleep-timer__countdown{font-size:.78rem;font-variant-numeric:tabular-nums}.sleep-timer__status{font-size:.78rem;color:var(--accent);text-align:center;margin:.3rem 0}.sound-card--has-fx{border-color:#a855f74d}.sound-card__fx-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a855f7;margin-left:4px;vertical-align:middle;box-shadow:0 0 6px #a855f799}.sound-card__action-row{display:flex;gap:.4rem;margin-top:.35rem;flex-wrap:wrap}.sound-card__action-btn{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);transition:background var(--transition),color var(--transition),border-color var(--transition)}.sound-card__action-btn:hover,.sound-card__action-btn.active{background:var(--surface-active);color:#a855f7;border-color:#a855f766}.sound-card__action-btn.has-fx{color:#a855f7}.sound-card__action-btn--reset{color:var(--text-muted);border-color:transparent}.sound-card__action-btn--reset:hover{color:var(--danger);border-color:#f871714d}.pan-toggle{display:none}.sound-card__fx-panel{overflow:hidden;background:#a855f70a;border:1px solid rgba(168,85,247,.12);border-radius:8px;padding:.6rem .7rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.fx-row{display:grid;grid-template-columns:62px 1fr 36px;align-items:center;gap:.4rem}.fx-row--sub{opacity:.8}.fx-row--dub-send{border-top:1px solid rgba(168,85,247,.15);padding-top:.35rem;margin-top:.1rem}.fx-label{font-size:.68rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.fx-slider{width:100%;height:3px;cursor:pointer;accent-color:#a855f7}.fx-slider--dub{accent-color:#f59e0b}.fx-value{font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;white-space:nowrap}.dub-trigger{display:flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:8px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all var(--transition);position:relative;cursor:pointer}.dub-trigger:hover{background:var(--surface-hover);color:var(--text-primary)}.dub-trigger--active,.dub-trigger--on{border-color:#f59e0b80;color:#f59e0b;background:#f59e0b14;box-shadow:0 0 12px #f59e0b33}.dub-trigger__icon{font-size:1rem}.dub-trigger__label{font-size:.72rem;font-weight:800;letter-spacing:.1em}.dub-trigger__on-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0b;animation:dub-pulse 1.5s ease-in-out infinite}@keyframes dub-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.dub-console{position:fixed;bottom:80px;right:16px;width:min(420px,calc(100vw - 32px));max-height:80dvh;overflow-y:auto;background:#0c0a14f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);box-shadow:0 8px 40px #000000b3,0 0 24px #f59e0b1a;z-index:200;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) transparent}.dub-console::-webkit-scrollbar{width:5px}.dub-console::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:4px}.dub-console__header{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem .6rem;border-bottom:1px solid rgba(245,158,11,.15);position:sticky;top:0;background:#0c0a14fa;z-index:1}.dub-console__title-row{display:flex;align-items:center;justify-content:space-between}.dub-console__title{font-size:.95rem;font-weight:800;color:#f59e0b;letter-spacing:.03em}.dub-console__header-actions{display:flex;align-items:center;gap:.5rem}.dub-console__clear-btn{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:var(--danger);transition:all var(--transition)}.dub-console__clear-btn:hover{background:#f8717126}.dub-console__close-btn{font-size:.85rem;color:var(--text-muted);padding:.2rem .4rem;border-radius:6px;transition:color var(--transition)}.dub-console__close-btn:hover{color:var(--text-primary)}.dub-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer}.dub-toggle input{display:none}.dub-toggle__track{width:36px;height:20px;border-radius:10px;background:var(--border);position:relative;transition:background .2s;border:1px solid transparent}.dub-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.dub-toggle input:checked~.dub-toggle__track{background:#f59e0b;border-color:#f59e0b66}.dub-toggle input:checked~.dub-toggle__track:after{transform:translate(16px)}.dub-toggle__label{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--text-secondary);min-width:24px}.dub-toggle input:checked~.dub-toggle__track+.dub-toggle__label{color:#f59e0b}.dub-console__body{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.1rem}.dub-section{padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.dub-section:last-child{border-bottom:none}.dub-section__title{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.dub-row{display:grid;grid-template-columns:110px 1fr 52px;align-items:center;gap:.5rem;margin-bottom:.35rem}.dub-row__label{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.dub-slider{width:100%;accent-color:#f59e0b;cursor:pointer}.dub-slider--bass{accent-color:#f87171}.dub-slider--send{accent-color:rgba(168,85,247,.9)}.dub-slider:disabled{opacity:.35;cursor:not-allowed}.dub-row__value{font-size:.7rem;font-variant-numeric:tabular-nums;color:#f59e0b;text-align:right;white-space:nowrap}.dub-sends{display:flex;flex-direction:column;gap:.3rem}.dub-send-row{display:grid;grid-template-columns:100px 1fr 38px;align-items:center;gap:.5rem}.dub-send-row__label{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dub-presets{display:flex;flex-wrap:wrap;gap:.4rem}.dub-preset-btn{font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#f59e0b;transition:all var(--transition);cursor:pointer}.dub-preset-btn:hover{background:#f59e0b29;border-color:#f59e0b66}.dub-preset-btn--reset{background:#ffffff0a;border-color:var(--border);color:var(--text-muted)}.dub-preset-btn--reset:hover{color:var(--text-primary)}.studio__footer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 480px){.dub-console{bottom:72px;right:8px;left:8px;width:auto}.dub-row{grid-template-columns:90px 1fr 44px}}.navbar-themes{display:flex;align-items:center;gap:6px}.theme-dot{width:14px;height:14px;border-radius:50%;background:var(--dot-color, #888);border:2px solid transparent;transition:transform .15s,border-color .15s;cursor:pointer;opacity:.55}.theme-dot:hover{opacity:.85;transform:scale(1.15)}.theme-dot.active{border-color:#fff;opacity:1;transform:scale(1.2)}.fx-slider--eq{accent-color:#22d3ee}.fx-slider--speed{accent-color:#4ade80}.fx-row--section-label{padding-top:.4rem}.fx-section-title{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);grid-column:1 / -1;border-top:1px solid var(--border);padding-top:.3rem}.master-controls__btn--record{position:relative;min-width:44px}.master-controls__btn--record.recording{color:#f87171;border-color:#f8717166!important;background:#f8717114!important}.record-btn-inner{display:flex;align-items:center;gap:4px;font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:700}.record-dot{width:7px;height:7px;border-radius:50%;background:#f87171;animation:rec-blink 1s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.2}}.preset-selector__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.preset-fav-filter{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all var(--transition)}.preset-fav-filter:hover,.preset-fav-filter.active{background:var(--surface-active);color:#f5c842;border-color:#f5c8424d}.preset-tag-filters{display:flex;gap:.35rem;flex-wrap:wrap;padding:.4rem 0 .5rem}.preset-tag-chip{font-size:.7rem;font-weight:500;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:all var(--transition);white-space:nowrap}.preset-tag-chip:hover{border-color:var(--accent);color:var(--accent);background:#a855f70f}.preset-tag-chip--active{background:#a855f726;border-color:var(--accent);color:var(--accent);font-weight:700}.preset-card-wrapper{position:relative;display:inline-block}.preset-star{position:absolute;top:3px;right:3px;font-size:.75rem;color:#ffffff4d;background:none;border:none;padding:1px 3px;cursor:pointer;transition:color .15s,transform .15s;line-height:1;z-index:2}.preset-star:hover{color:#f5c842;transform:scale(1.2)}.preset-star--on{color:#f5c842}.preset-card--fav{border-color:#f5c8424d!important}.preset-empty{grid-column:1 / -1;color:var(--text-muted);font-size:.8rem;padding:.5rem 0}.preset-selector__grid{display:flex;flex-wrap:wrap;gap:.5rem}.pomodoro-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;opacity:.7;transition:opacity .2s;position:relative}.pomodoro-trigger:hover,.pomodoro-trigger--running{opacity:1}.pomodoro-trigger__time{font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--pomo-color, var(--accent));min-width:36px}.pomodoro-panel{position:fixed;top:56px;right:16px;width:min(280px,calc(100vw - 32px));background:#0c0a14f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 40px #000000b3;z-index:300;overflow:hidden}.pomodoro-panel__header{display:flex;align-items:center;padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem}.pomodoro-panel__title{font-size:.88rem;font-weight:800;flex:1}.pomodoro-panel__session{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pomodoro-panel__close{font-size:.8rem;color:var(--text-muted);padding:.15rem .35rem;border-radius:4px;transition:color .15s}.pomodoro-panel__close:hover{color:var(--text-primary)}.pomodoro-modes{display:flex;gap:.3rem;padding:.5rem .7rem;flex-wrap:wrap}.pomodoro-mode-btn{font-size:.7rem;font-weight:600;padding:.25rem .55rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s}.pomodoro-mode-btn:hover{background:var(--surface-hover)}.pomodoro-mode-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.pomodoro-ring-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem 0 .25rem}.pomodoro-ring-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.pomodoro-time{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--pomo-color, var(--accent));line-height:1}.pomodoro-mode-label{font-size:.62rem;color:var(--text-muted)}.pomodoro-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 0}.pomodoro-btn{width:36px;height:36px;border-radius:50%;font-size:.9rem;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .15s}.pomodoro-btn:hover{background:var(--surface-hover)}.pomodoro-btn--play{width:46px;height:46px;font-size:1.1rem;background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.pomodoro-btn--play.active{background:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.pomodoro-option{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem .75rem;font-size:.72rem;color:var(--text-secondary);cursor:pointer}.pomodoro-option input{cursor:pointer;accent-color:var(--accent)}.pomodoro-notify-btn{display:block;width:calc(100% - 1.8rem);margin:0 .9rem .75rem;padding:.35rem .6rem;font-size:.72rem;border-radius:8px;border:1px dashed var(--border);background:transparent;color:var(--text-muted);transition:all var(--transition);text-align:center}.pomodoro-notify-btn:hover{border-color:var(--accent);color:var(--accent)}.studio__search-wrap{position:relative;display:flex;align-items:center;padding:0 1rem .6rem;gap:0}.studio__search-icon{position:absolute;left:1.6rem;font-size:.85rem;pointer-events:none;z-index:1;opacity:.5}.studio__search{width:100%;max-width:480px;padding:.45rem 2.2rem .45rem 2.4rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.82rem;outline:none;transition:border-color .15s,box-shadow .15s}.studio__search::placeholder{color:var(--text-tertiary)}.studio__search:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a855f726}.studio__search-clear{position:absolute;right:calc(100% - 480px + 1.4rem);font-size:1rem;line-height:1;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;opacity:.7}.studio__search-clear:hover{opacity:1}.cat-chip__count{font-size:.65rem;background:#ffffff14;border-radius:10px;padding:0 4px;margin-left:3px;color:var(--text-tertiary)}.cat-chip.active .cat-chip__count{color:var(--accent);background:var(--accent-dim)}.context-banner{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;margin:0 0 .25rem;background:linear-gradient(90deg,#a855f714,#a855f70a);border-bottom:1px solid rgba(168,85,247,.15);font-size:.8rem;color:var(--text-secondary);overflow:hidden}.context-banner__preset{background:none;border:1px solid rgba(168,85,247,.4);border-radius:6px;color:var(--accent);font-size:.78rem;padding:.15rem .6rem;cursor:pointer;transition:background .15s;white-space:nowrap}.context-banner__preset:hover{background:var(--accent-dim)}.context-banner__close{margin-inline-start:auto;background:none;border:none;color:var(--text-tertiary);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 4px;opacity:.6;transition:opacity .15s}.context-banner__close:hover{opacity:1}.ambient-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#080610eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none}.ambient-overlay__clock{font-size:5rem;font-weight:200;letter-spacing:.05em;color:#ffffffe6;text-shadow:0 0 60px rgba(168,85,247,.4);font-variant-numeric:tabular-nums}.ambient-overlay__label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-tertiary)}.ambient-overlay__pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:600px}.ambient-overlay__pill{background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:.35rem .9rem;font-size:.8rem;color:#ffffffbf;white-space:nowrap}.ambient-overlay__empty{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.ambient-overlay__hint{font-size:.65rem;letter-spacing:.1em;color:var(--text-tertiary);opacity:.5}@media (max-width: 640px){.studio__content{padding:0}.studio__header{padding:.5rem .75rem;flex-wrap:wrap;gap:.4rem}.studio__title{font-size:1rem}.studio__header-right{gap:.25rem;flex-wrap:wrap}.studio__search{max-width:100%}.studio__search-clear{right:1.4rem}.studio__category-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:none}.studio__category-filter::-webkit-scrollbar{display:none}.cat-chip{white-space:nowrap;flex-shrink:0}.studio__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.sound-card{padding:.6rem .5rem}.sound-card__label{font-size:.7rem}.sound-card__emoji{font-size:1.4rem}.master-controls__row{flex-wrap:wrap;gap:.3rem;justify-content:flex-start;padding:.5rem .6rem}.master-controls__volume{order:10;width:100%;margin:0}.master-controls__slider{width:100%}.preset-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.25rem;scrollbar-width:none}.preset-grid::-webkit-scrollbar{display:none}.preset-card{min-width:140px;max-width:140px;flex-shrink:0}.dub-console{width:100vw;left:0;right:0;border-radius:12px 12px 0 0}.pomodoro-panel{width:calc(100vw - 2rem);right:0;left:0;margin:0 1rem}.context-banner{font-size:.75rem;padding:.4rem .75rem}.sleep-timer-trigger,.pomodoro-trigger,.mix-history-trigger{font-size:.75rem;padding:.25rem .4rem}.navbar{padding:.5rem .75rem;gap:.5rem}.navbar-links{gap:.5rem}.navbar-links a{font-size:.75rem}.ambient-overlay__clock{font-size:3.5rem}}@media (max-width: 380px){.studio__grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.master-controls__btn{width:32px;height:32px;font-size:.85rem}.master-controls__play{width:38px;height:38px;font-size:1rem}.preset-tag-filters{gap:.25rem;padding:.3rem 0 .4rem}.preset-tag-chip{font-size:.64rem;padding:.14rem .38rem}.stats-panel{width:calc(100vw - 1rem);bottom:70px}.cookie-banner{flex-direction:column;gap:.6rem}.cookie-banner__actions{flex-direction:row;width:100%}.cookie-btn{flex:1}.navbar-links a span{display:none}.medical-banner{font-size:.72rem;padding:.45rem .65rem}.dub-console{padding:.75rem .6rem}}@media (min-width: 641px) and (max-width: 1024px){.studio__grid{grid-template-columns:repeat(3,1fr)}.master-controls__volume{min-width:80px}}@media (max-width: 900px) and (orientation: landscape){.studio__grid{grid-template-columns:repeat(4,1fr)}.ambient-overlay__clock{font-size:3rem}}.master-controls__btn--export,.master-controls__btn--import{font-size:.85rem;opacity:.75;transition:opacity .15s,background .15s,border-color .15s}.master-controls__btn--export:hover{opacity:1;color:#34d399;border-color:#34d39959;background:#34d39914}.master-controls__btn--import:hover{opacity:1;color:#60a5fa;border-color:#60a5fa59;background:#60a5fa14}.sleep-timer__panel,.mix-history__panel,.dub-console,.pomodoro-panel,.modal-backdrop,.ambient-overlay,.kbd-hint-panel,.custom-uploader__panel,.shortcuts-modal,.stats-panel{will-change:transform}.stats-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-panel{position:fixed;bottom:90px;left:50%;transform:translate(-50%);width:min(680px,96vw);max-height:80vh;overflow-y:auto;background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;z-index:601;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080}.stats-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem .5rem;border-bottom:1px solid var(--border)}.stats-title-row{display:flex;flex-direction:column;gap:.1rem}.stats-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.stats-subtitle{font-size:.72rem;color:var(--text-muted)}.stats-close{font-size:1.1rem;color:var(--text-muted);padding:.2rem .5rem;border-radius:6px;transition:all var(--transition)}.stats-close:hover{background:var(--surface-active);color:var(--text-primary)}.stats-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 .5rem;overflow-x:auto}.stats-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .9rem .45rem;font-size:1.1rem;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--transition)}.stats-tab-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stats-tab:hover{color:var(--text-secondary)}.stats-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.stats-content{padding:1rem}.spectrum-wrap{display:flex;flex-direction:column;gap:.4rem}.spectrum-controls{display:flex;align-items:center;justify-content:space-between}.spectrum-legend{display:flex;gap:.75rem}.spectrum-legend-item{font-size:.7rem;font-weight:600}.spectrum-btns{display:flex;gap:.35rem}.spectrum-btn{font-size:.68rem;font-weight:700;padding:.18rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:all var(--transition)}.spectrum-btn.active,.spectrum-btn:hover{background:var(--surface-active);color:var(--accent);border-color:var(--accent)}.spectrum-canvas{display:block;border-radius:6px;background:#00000040}.spectrum-axis{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-muted);padding:0 2px}.radar-wrap{position:relative}.radar-empty{text-align:center;font-size:.78rem;color:var(--text-muted);padding:1rem 0 0}.radar-tooltip{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:.45rem .7rem;font-size:.75rem}.radar-tooltip__title{font-weight:700;color:var(--text-primary);margin-bottom:.15rem}.radar-tooltip__val{color:var(--accent);margin-bottom:.2rem}.radar-tooltip__sound{color:var(--text-muted);font-size:.68rem}.bars-wrap{display:flex;flex-direction:column;gap:.75rem}.bars-empty{text-align:center;font-size:.78rem;color:var(--text-muted);padding:2rem 0}.bar-tooltip{display:flex;gap:.6rem;align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem;font-size:.75rem;font-weight:600}.bars-sliders{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid var(--border);padding-top:.65rem}.bars-slider-row{display:flex;align-items:center;gap:.65rem}.bars-slider-label{font-size:.72rem;width:110px;min-width:110px;text-align:right}.bars-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--bar-color, var(--accent))}.heatmap-wrap{display:flex;flex-direction:column;gap:.6rem}.heatmap-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.heatmap-stats{display:flex;gap:.75rem}.heatmap-stat{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.heatmap-stat.muted{color:var(--text-muted);font-weight:400}.heatmap-legend{display:flex;align-items:center;gap:.25rem}.hm-legend-label{font-size:.65rem;color:var(--text-muted)}.hm-legend-cell{width:10px;height:10px;border-radius:2px}.heatmap-months{display:grid;grid-template-columns:18px repeat(5,1fr);font-size:.65rem;color:var(--text-muted);padding-left:2px}.heatmap-grid{display:flex;gap:3px}.heatmap-days{display:flex;flex-direction:column;gap:3px;width:14px;min-width:14px}.heatmap-day-label{font-size:.6rem;color:var(--text-muted);height:12px;display:flex;align-items:center}.heatmap-week{display:flex;flex-direction:column;gap:3px;flex:1}.hm-cell{width:100%;height:12px;border-radius:2px;cursor:pointer;transition:filter .15s}.hm-cell:hover{filter:brightness(1.4)}.hm-cell--0{background:#ffffff0f}.hm-cell--1{background:#a855f740}.hm-cell--2{background:#a855f780}.hm-cell--3{background:#a855f7bf}.hm-cell--4{background:#a855f7}.hm-tooltip{z-index:9999;background:var(--surface-elevated);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.72rem;color:var(--text-secondary);pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0006}.heatmap-empty{text-align:center;font-size:.75rem;color:var(--text-muted);padding:.75rem 0 0}.sparkline-wrap{display:flex;flex-direction:column;gap:.75rem}.sparkline-empty{text-align:center;font-size:.78rem;color:var(--text-muted);padding:2rem 0}.sparkline-caption{font-size:.72rem;color:var(--text-muted)}.sparkline-hint{color:var(--accent)}.sparkline-tooltip{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:.45rem .7rem;font-size:.72rem;pointer-events:none}.sparkline-tooltip__time{color:var(--text-muted);margin-bottom:.1rem}.sparkline-tooltip__label{font-weight:600;color:var(--text-primary)}.sparkline-tooltip__count{color:var(--accent)}.sparkline-tooltip__hint{font-size:.65rem;color:var(--text-muted);margin-top:.2rem}.sparkline-list{display:flex;flex-direction:column;gap:.25rem;border-top:1px solid var(--border);padding-top:.6rem}.sparkline-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem .5rem;border-radius:6px;font-size:.72rem;transition:background var(--transition);text-align:left}.sparkline-list-item:hover{background:var(--surface-active)}.sparkline-list-time{color:var(--text-muted);min-width:60px}.sparkline-list-label{color:var(--text-secondary);flex:1}.master-controls__btn--stats.active{color:var(--accent);background:#a855f71f}.legal-page{min-height:100vh;padding:2rem 1rem 6rem;background:var(--bg)}.legal-container{max-width:720px;margin:0 auto;color:var(--text-primary);font-size:.9rem;line-height:1.7}.legal-header{margin-bottom:2rem}.legal-back{display:inline-block;font-size:.8rem;color:var(--text-muted);margin-bottom:1rem;transition:color var(--transition)}.legal-back:hover{color:var(--accent)}.legal-header h1{font-size:1.8rem;font-weight:800;margin:.25rem 0}.legal-meta{font-size:.78rem;color:var(--text-muted);margin:0}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.4rem;margin:1.5rem 0 .75rem}.legal-container h3{font-size:.9rem;font-weight:700;color:var(--text-secondary);margin:1rem 0 .35rem}.legal-container p{margin:0 0 .7rem;color:var(--text-secondary)}.legal-container ul{margin:0 0 .7rem 1.25rem;color:var(--text-secondary)}.legal-container li{margin-bottom:.3rem}.legal-container a{color:var(--accent);text-decoration:underline}.legal-container code{font-family:monospace;font-size:.82em;background:var(--surface);padding:.1em .35em;border-radius:4px;color:var(--text-secondary)}.legal-container kbd{font-family:monospace;font-size:.82em;background:var(--surface-active);padding:.1em .4em;border-radius:4px;border:1px solid var(--border-active);color:var(--text-primary)}.legal-notice{border-radius:10px;padding:1rem 1.1rem;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.legal-notice p,.legal-notice ul{color:inherit;margin-bottom:.5rem}.legal-notice ul{margin-left:1.2rem}.legal-notice--info{background:#06b6d41a;border:1px solid rgba(6,182,212,.25);color:#67e8f9}.legal-notice--warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.legal-notice--critical{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.legal-table{width:100%;border-collapse:collapse;font-size:.82rem;margin:.5rem 0 1rem}.legal-table th,.legal-table td{padding:.5rem .75rem;border:1px solid var(--border);color:var(--text-secondary);text-align:left}.legal-table th{background:var(--surface);font-weight:700;color:var(--text-primary)}.legal-table tr:hover td{background:#ffffff05}.legal-footer-note{margin-top:3rem;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.pricing-page{max-width:960px;margin:0 auto;padding:3rem 1.5rem 5rem}.pricing-hero{text-align:center;margin-bottom:3rem}.pricing-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.6rem}.pricing-hero__sub{color:var(--text-muted);font-size:1.1rem}.pricing-plans{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem}@media (max-width: 600px){.pricing-plans{grid-template-columns:1fr}}.pricing-card{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem 1.6rem;display:flex;flex-direction:column}.pricing-card--pro{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 24px #7c6af726}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:20px}.pricing-card__header{margin-bottom:1.5rem}.pricing-card__header h2{font-size:1.4rem;margin:0 0 .5rem}.pricing-card__price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.4rem}.pricing-card__amount{font-size:2.6rem;font-weight:800;color:var(--text)}.pricing-card__period{font-size:.9rem;color:var(--text-muted)}.pricing-card__desc{font-size:.85rem;color:var(--text-muted);margin:0}.pricing-card__features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.pricing-card__feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem}.pricing-card__feature-icon{flex-shrink:0;font-size:.9rem;color:var(--accent);margin-top:1px}.pricing-card__feature--locked{color:var(--text-muted);opacity:.55}.pricing-card__feature--locked .pricing-card__feature-icon{color:var(--text-muted)}.pricing-card__cta{width:100%;margin-bottom:.6rem;text-align:center}.pricing-card__legal{font-size:.72rem;color:var(--text-muted);text-align:center;margin:0}.pricing-card__current{text-align:center;padding:.6rem;border-radius:8px;background:#22c55e1a;color:#22c55e;font-weight:600;font-size:.9rem;margin-bottom:.4rem}.pricing-faq{max-width:680px;margin:0 auto 3rem}.pricing-faq h2{text-align:center;margin-bottom:1.5rem}.pricing-faq__list{display:flex;flex-direction:column;gap:.6rem}.pricing-faq__item{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pricing-faq__item--open{border-color:var(--accent)}.pricing-faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;font-weight:600;color:var(--text);gap:.5rem}.pricing-faq__chevron{flex-shrink:0;font-size:.75rem;color:var(--text-muted)}.pricing-faq__answer{padding:0 1.2rem 1rem;font-size:.85rem;color:var(--text-muted);margin:0}.pricing-bottom-cta{text-align:center;padding:3rem 1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px}.pricing-bottom-cta h3{font-size:1.4rem;margin-bottom:.5rem}.pricing-bottom-cta p{color:var(--text-muted);margin-bottom:1.5rem}.auth-mfa-hint{font-size:.85rem;color:var(--text-muted);background:#7c6af714;border:1px solid rgba(124,106,247,.2);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem}.pro-badge--btn{background:linear-gradient(135deg,#7c6af7,#a78bfa);color:#fff;border:none;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:opacity .15s}.pro-badge--btn:hover{opacity:.85}.auth-terms-row{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem;color:var(--text-muted);cursor:pointer}.auth-terms-row input{accent-color:var(--accent);margin-top:2px;flex-shrink:0}.auth-terms-text a{color:var(--accent);text-decoration:underline}.publish-ugc-notice{font-size:.75rem;color:var(--text-muted);margin-top:-.25rem}.publish-ugc-notice a{color:var(--accent);text-decoration:underline}.gallery-ugc-notice{font-size:.78rem;color:var(--text-muted);margin:.4rem 0 .8rem}.gallery-ugc-notice a{color:var(--accent)}.comment-ugc-notice{font-size:.72rem;color:var(--text-muted);margin-top:.3rem}.comment-ugc-notice a{color:var(--accent)}.profile-danger-zone{margin:3rem auto 2rem;max-width:680px;padding:1.25rem 1.5rem;border:1px solid rgba(239,68,68,.35);border-radius:12px;background:#ef44440f}.profile-danger-zone h3{margin-top:0;color:#ef4444;font-size:1rem}.profile-danger-zone p{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.profile-danger-zone a{color:var(--accent);text-decoration:underline}.profile-delete-confirm p{font-size:.9rem;color:var(--text);margin-bottom:.75rem}.btn-danger{padding:.5rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:600;background:#ef4444;color:#fff;border:none;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{padding:.5rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:600;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.5);cursor:pointer;transition:background .15s,color .15s}.btn-danger-outline:hover{background:#ef44441f}.site-footer{background:#0006;border-top:1px solid var(--border);padding:2.5rem 1.5rem 1.5rem;margin-top:4rem}.site-footer__inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.site-footer__brand{max-width:280px}.site-footer__logo{font-size:1rem;font-weight:800;color:var(--text-primary)}.site-footer__tagline{font-size:.78rem;color:var(--text-muted);margin:.35rem 0 .5rem}.site-footer__disclaimer-mini{font-size:.72rem;color:var(--text-muted);margin:0}.site-footer__disclaimer-mini a{color:var(--accent)}.site-footer__links{display:flex;gap:2.5rem;flex-wrap:wrap}.site-footer__col{display:flex;flex-direction:column;gap:.4rem}.site-footer__col-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .25rem}.site-footer__col a{font-size:.8rem;color:var(--text-secondary);transition:color var(--transition)}.site-footer__col a:hover{color:var(--accent)}.site-footer__bottom{max-width:900px;margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.site-footer__tech a{color:var(--text-muted);text-decoration:underline}.site-footer__tech a:hover{color:var(--accent)}.cookie-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:min(600px,calc(100vw - 2rem));background:var(--surface-elevated, rgba(20,18,35,.98));border:1px solid var(--border-active);border-radius:14px;padding:1rem 1.2rem;z-index:9000;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform}.cookie-banner__content{flex:1}.cookie-banner__title{font-size:.82rem;font-weight:700;color:var(--text-primary);margin:0 0 .3rem}.cookie-banner__desc{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.5}.cookie-banner__desc a{color:var(--accent)}.cookie-banner__desc code{font-family:monospace;font-size:.8em;background:var(--surface-active);padding:.1em .3em;border-radius:3px}.cookie-banner__actions{display:flex;flex-direction:column;gap:.4rem;min-width:90px}.cookie-btn{font-size:.75rem;font-weight:700;padding:.4rem .8rem;border-radius:8px;transition:all var(--transition);text-align:center}.cookie-btn--accept{background:var(--accent);color:#fff}.cookie-btn--accept:hover{opacity:.9}.cookie-btn--decline{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.cookie-btn--decline:hover{color:var(--text-secondary);background:var(--surface-hover)}.medical-banner{display:flex;align-items:flex-start;gap:.6rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:.6rem .85rem;margin:.5rem 0;font-size:.78rem;color:#fcd34d;line-height:1.5}.medical-banner__icon{flex-shrink:0}.medical-banner__text{flex:1}.medical-banner__link{color:#fcd34d;text-decoration:underline}.medical-banner__close{flex-shrink:0;font-size:.85rem;color:#fdd34d80;padding:0 .25rem;transition:color var(--transition)}.medical-banner__close:hover{color:#fcd34d}[dir=rtl]{text-align:right}[dir=rtl] .navbar,[dir=rtl] .navbar-links,[dir=rtl] .navbar-actions,[dir=rtl] .user-menu,[dir=rtl] .navbar-lang,[dir=rtl] .site-footer__inner{flex-direction:row-reverse}[dir=rtl] .site-footer__col{text-align:right}[dir=rtl] .landing-hero-badges{flex-direction:row-reverse;flex-wrap:wrap}[dir=rtl] .preset-strip,[dir=rtl] .sound-grid{direction:rtl}[dir=rtl] .sound-card{text-align:right}[dir=rtl] .master-controls{flex-direction:row-reverse}[dir=rtl] .modal,[dir=rtl] .auth-form{text-align:right}[dir=rtl] .auth-terms-row{flex-direction:row-reverse}[dir=rtl] .upgrade-features{text-align:right}[dir=rtl] .pricing-plans{direction:rtl}[dir=rtl] .pricing-card__features{text-align:right}[dir=rtl] .pricing-faq__question{flex-direction:row-reverse}[dir=rtl] .gallery-header,[dir=rtl] .gallery-filters,[dir=rtl] .gallery-tags,[dir=rtl] .scene-page{direction:rtl}[dir=rtl] .scene-actions,[dir=rtl] .my-scenes-header,[dir=rtl] .my-scenes-tabs{flex-direction:row-reverse}[dir=rtl] .scene-card{text-align:right}[dir=rtl] .legal-page{direction:rtl;text-align:right}[dir=rtl] .legal-table{direction:rtl}[dir=rtl] .cookie-consent{text-align:right;direction:rtl}[dir=rtl] .cookie-consent__actions{flex-direction:row-reverse}[dir=rtl] .medical-banner,[dir=rtl] .studio-page,[dir=rtl] .category-strip,[dir=rtl] .mood-picker,[dir=rtl] .mix-history{direction:rtl}[dir=rtl] .share-modal,[dir=rtl] .sleep-panel,[dir=rtl] .pomodoro-panel,[dir=rtl] .dub-console,[dir=rtl] .onboarding-tooltip{direction:rtl;text-align:right}[dir=rtl] .onboarding-nav{flex-direction:row-reverse}[dir=rtl] .save-modal,[dir=rtl] .upgrade-modal{direction:rtl;text-align:right}[dir=rtl] .studio-stats-panel{direction:rtl}[dir=rtl] .profile-danger-zone{text-align:right}.navbar-lang{display:flex;align-items:center;gap:.3rem}.lang-btn{padding:.2rem .5rem;border-radius:5px;font-size:.75rem;font-weight:600;background:transparent;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:background .15s,color .15s}.lang-btn:hover,.lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 5rem}.settings-page h1{font-size:1.8rem;margin-bottom:2rem}.settings-tabs{display:flex;gap:.4rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:0;flex-wrap:wrap}.settings-tab{padding:.55rem 1.1rem;border-radius:8px 8px 0 0;font-size:.88rem;font-weight:600;background:transparent;color:var(--text-muted);border:1px solid transparent;border-bottom:none;cursor:pointer;transition:color .15s,background .15s;position:relative;bottom:-1px}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);background:var(--card-bg);border-color:var(--border);border-bottom-color:var(--card-bg)}.settings-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.2rem}.settings-section h2{font-size:1rem;margin:0 0 1rem;color:var(--text)}.settings-section p{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-form .form-group{display:flex;flex-direction:column;gap:.4rem}.settings-form label{font-size:.82rem;color:var(--text-muted);font-weight:600}.settings-form input[type=text],.settings-form input[type=url]{padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:.9rem}.settings-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #7c6af740}.settings-form .form-actions{display:flex;gap:.6rem;margin-top:.5rem}.mfa-qr-section{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.mfa-qr-section img{border-radius:8px;border:1px solid var(--border)}.mfa-secret{font-family:monospace;font-size:.8rem;background:#0000004d;padding:.4rem .75rem;border-radius:6px;color:var(--accent);word-break:break-all}.mfa-code-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.mfa-code-input{padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:1.1rem;letter-spacing:.3em;width:140px;text-align:center}.mfa-enabled-badge{display:inline-flex;align-items:center;gap:.4rem;background:#22c55e1a;color:#22c55e;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.subscription-status{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.subscription-status .pro-badge{font-size:.9rem}[dir=rtl] .settings-tabs{flex-direction:row-reverse}[dir=rtl] .settings-section,[dir=rtl] .settings-form{text-align:right}[dir=rtl] .settings-form .form-actions{flex-direction:row-reverse}.navbar-mobile-actions,.navbar-hamburger{display:none}.navbar-right--desktop{display:flex;align-items:center;gap:1rem;margin-inline-start:auto}.navbar-links--desktop{display:flex;gap:.5rem;flex:1}.navbar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.navbar-drawer{position:fixed;top:0;inset-inline-end:0;width:min(320px,88vw);height:100dvh;z-index:150;background:#0c0a14fa;border-inline-start:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(110%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain}[dir=rtl] .navbar-drawer{transform:translate(-110%)}.navbar-drawer.open{transform:translate(0)}.navbar-drawer__inner{display:flex;flex-direction:column;gap:0;padding:4rem 0 2rem}.navbar-drawer__links{display:flex;flex-direction:column;padding:0 1rem;gap:.15rem}.navbar-drawer__links .nav-link{display:block;font-size:1rem;padding:.7rem .85rem;border-radius:var(--radius-md)}.navbar-drawer__section{padding:1rem 1.25rem;border-top:1px solid var(--border);margin-top:.5rem}.navbar-drawer__label{font-size:.7rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.navbar-drawer__user{display:flex;flex-direction:column;gap:.65rem}.navbar-drawer__user-name{font-size:.9rem;color:var(--text-muted);font-weight:600}.navbar-drawer .navbar-lang{flex-direction:column;align-items:flex-start;gap:.4rem}.navbar-drawer .lang-btn{width:100%;text-align:start;padding:.45rem .75rem;font-size:.88rem}.navbar-drawer .navbar-themes{gap:.75rem}@media (max-width: 640px){.navbar{padding:0 1rem;gap:.5rem;height:52px}.navbar-links--desktop,.navbar-right--desktop{display:none}.navbar-mobile-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}.navbar-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);padding:0;flex-shrink:0;cursor:pointer;transition:background .15s;align-items:center}.navbar-hamburger:hover{background:var(--surface-hover)}.navbar-hamburger span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .22s,opacity .22s}.navbar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing,.studio{padding-top:52px}}@media (max-width: 400px){.navbar{height:50px}.brand-name{font-size:.9rem}.navbar-mobile-actions .btn-primary{display:none}}.master-controls__secondary{display:contents}.master-controls__btn--more{display:none}@media (max-width: 640px){.master-controls__row{position:relative;flex-wrap:wrap;gap:.3rem;padding:.5rem .75rem;align-items:center}.master-controls__secondary{display:none;order:20;width:100%;flex-wrap:wrap;gap:.3rem;padding-top:.3rem;border-top:1px solid var(--border);margin-top:.2rem}.master-controls__secondary--open{display:flex}.master-controls__volume{order:10;width:100%}.master-controls__btn--more{display:flex;align-items:center;justify-content:center;font-size:1.3rem;padding:.15rem .4rem;opacity:.6}.master-controls__btn--more.active{opacity:1;color:var(--accent)}}.context-banner__text{white-space:normal;overflow-wrap:break-word}.context-banner__close{margin-inline-start:auto;margin-left:unset}.context-banner{overflow:visible;flex-wrap:wrap}.mix-history__panel{max-width:min(280px,calc(100vw - 1.5rem));inset-inline-end:0;inset-inline-start:auto;right:unset}@supports not (inset-inline-end: 0){.mix-history__panel{right:0}[dir=rtl] .mix-history__panel{right:auto;left:0}}@media (max-width: 400px){.studio__header{padding:.4rem .6rem;flex-wrap:wrap;gap:.35rem}.studio__header-right{width:100%;justify-content:flex-end;gap:.2rem}.studio__title{font-size:.88rem}.studio__grid{gap:.35rem}.sound-card{padding:.5rem .4rem;min-width:0}.sound-card__label{font-size:.65rem}.sound-card__icon{font-size:1.3rem}.fx-row{grid-template-columns:52px 1fr 32px;gap:.25rem}.fx-label{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dub-row{grid-template-columns:78px 1fr 40px}.dub-label{font-size:.62rem}.modal{width:calc(100vw - 1rem);max-width:none;padding:1.2rem}.preset-tag-filters{gap:.2rem}.preset-tag-chip{font-size:.62rem;padding:.12rem .35rem}.gallery-page{padding:62px .75rem 2rem}.scene-card{padding:.75rem}.legal-container{padding:0 .75rem}.settings-page,.pricing-page{padding:1rem .75rem 4rem}.auth-modal{padding:1.2rem 1rem}.legal-page{padding-top:68px}}[dir=rtl] .master-controls{flex-direction:column}[dir=rtl] .master-controls__row{flex-direction:row-reverse}[dir=rtl] .master-controls__status{text-align:center}[dir=rtl] .studio,[dir=rtl] .studio__category-filter,[dir=rtl] .studio__grid,[dir=rtl] .stats-panel{direction:rtl}[dir=rtl] .context-banner__close{margin-inline-start:auto;margin-left:unset}[dir=rtl] .mix-history__panel{right:auto;left:0}[dir=rtl] .preset-star{right:auto;left:3px}[dir=rtl] .preset-card__badge{margin-left:unset;margin-right:0}[dir=rtl] .dub-trigger__on-dot{right:auto;left:2px}[dir=rtl] .navbar-drawer{inset-inline-end:0;border-inline-start:1px solid var(--border)}[dir=rtl] .master-controls__secondary{flex-direction:row-reverse}[dir=rtl] .custom-uploader__panel{direction:rtl;text-align:right}[dir=rtl] .onboarding-tooltip .tooltip-arrow{right:auto;left:1.5rem}[dir=rtl] .comment-form{direction:rtl}[dir=rtl] .comment-ugc-notice{text-align:right}[dir=rtl] .shortcuts-modal{direction:rtl;text-align:right}[dir=rtl] .shortcut-row,[dir=rtl] .stats-panel .stats-tabs{flex-direction:row-reverse}[dir=rtl] .pwa-banner{direction:rtl}[dir=rtl] .pwa-banner__actions{flex-direction:row-reverse}@media (max-width: 640px){[dir=rtl] .navbar-drawer{transform:translate(-110%)}[dir=rtl] .navbar-drawer.open{transform:translate(0)}[dir=rtl] .navbar-mobile-actions{margin-inline-start:auto}}.embed-page{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-primary)}.embed-page--loading,.embed-page--error{align-items:center;justify-content:center}.embed-header{display:flex;align-items:center;gap:.75rem}.embed-logo{font-size:1.5rem;color:var(--accent)}.embed-meta{flex:1}.embed-title{font-size:1rem;font-weight:700;margin:0}.embed-author{font-size:.75rem;color:var(--text-muted);margin:0}.embed-play{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s;border:none;cursor:pointer}.embed-play:hover{transform:scale(1.08);box-shadow:var(--glow)}.embed-play--active{background:var(--accent-dim);border:2px solid var(--accent);color:var(--accent)}.embed-sounds{display:flex;flex-wrap:wrap;gap:.4rem}.embed-sound-pill{padding:.2rem .6rem;background:var(--surface-active);border-radius:99px;font-size:.72rem;color:var(--text-secondary)}.embed-attribution{font-size:.7rem;color:var(--text-muted);text-decoration:none;margin-top:auto}.embed-attribution:hover{color:var(--accent)}.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;padding:.6rem 1.2rem;background:var(--accent);color:#fff;font-weight:700;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-decoration:none;font-size:.9rem;transition:top .15s}.skip-link:focus{top:0}[dir=rtl] .skip-link{left:auto;right:1rem}.audio-unlock-banner{position:sticky;top:56px;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:linear-gradient(90deg,#f59e0b1f,#f59e0b0f);border-bottom:1px solid rgba(245,158,11,.3);font-size:.82rem;color:var(--text-secondary);flex-wrap:wrap}.audio-unlock-btn{padding:.3rem .85rem;background:#f59e0bd9;color:#000;border-radius:var(--radius-sm);font-weight:700;font-size:.8rem;margin-inline-start:auto;transition:background .15s}.audio-unlock-btn:hover{background:#f59e0b}.landing__how,.landing__trust,.landing__faq{width:100%;max-width:640px;padding:0 1rem}.landing__steps{display:flex;flex-direction:column;gap:1.1rem}.landing__step{display:flex;align-items:flex-start;gap:1rem}.landing__step-num{width:32px;height:32px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing__step h4{font-size:.95rem;margin-bottom:.2rem}.landing__step p{font-size:.82rem;color:var(--text-muted)}.landing__trust-items{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.landing__trust-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:80px}.landing__trust-num{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--accent),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__trust-label{font-size:.72rem;color:var(--text-muted);text-align:center}.landing__faq-list{display:flex;flex-direction:column;gap:.6rem}.landing__faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color .15s}.landing__faq-item[open]{border-color:var(--accent)}.landing__faq-q{cursor:pointer;font-size:.9rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.landing__faq-q::-webkit-details-marker{display:none}.landing__faq-q:after{content:"+";color:var(--accent);font-size:1.1rem}.landing__faq-item[open] .landing__faq-q:after{content:"−"}.landing__faq-a{font-size:.82rem;color:var(--text-muted);margin-top:.6rem;line-height:1.6}[dir=rtl] .landing__step,[dir=rtl] .landing__faq-q{flex-direction:row-reverse}[dir=rtl] .landing__how,[dir=rtl] .landing__trust,[dir=rtl] .landing__faq{text-align:right}