.sounds-header.svelte-1rhwkf0{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title.svelte-1rhwkf0{font-size:28px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffffd9;margin-bottom:8px}.subtitle.svelte-1rhwkf0{font-size:14px;color:#ffffff73}.mascot-row.svelte-1rhwkf0{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.mascot-hint.svelte-1rhwkf0{font-size:9px;letter-spacing:2px;color:#ffffff40}.mix-row.svelte-1rhwkf0{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.mix-btn.svelte-1rhwkf0{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:13px;letter-spacing:.5px;transition:all .25s ease}.mix-btn.svelte-1rhwkf0:hover{background:#ffffff24;transform:translateY(-1px)}.mix-btn.stop.svelte-1rhwkf0{border-color:#ffa05a66;color:#ffbe8ce6}.mix-icon.svelte-1rhwkf0{font-size:15px}.sound-grid.svelte-1rhwkf0{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-bottom:32px}.glass.svelte-1rhwkf0{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:var(--ui-radius)}.sound-card.svelte-1rhwkf0{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 22px;transition:border-color .4s ease,background .4s ease}.sound-card.active.svelte-1rhwkf0{border-color:color-mix(in srgb,var(--mood-accent) 45%,transparent);background:#00000059}.sound-icon.svelte-1rhwkf0{font-size:34px}.sound-card.active.svelte-1rhwkf0 .sound-icon:where(.svelte-1rhwkf0){filter:drop-shadow(0 0 10px color-mix(in srgb,var(--mood-accent) 50%,transparent))}.sound-name.svelte-1rhwkf0{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#fff9}.sound-card.active.svelte-1rhwkf0 .sound-name:where(.svelte-1rhwkf0){color:#ffffffe6}.sound-slider.svelte-1rhwkf0{width:100%;accent-color:var(--mood-accent);cursor:pointer}.sound-level.svelte-1rhwkf0{font-family:Space Mono,monospace;font-size:12px;color:#ffffff59}.about.svelte-1rhwkf0{max-width:640px;font-size:14px;line-height:1.7;color:#ffffff80}.about.svelte-1rhwkf0 a:where(.svelte-1rhwkf0){color:color-mix(in srgb,var(--mood-accent) 80%,white);text-decoration:none}.about.svelte-1rhwkf0 a:where(.svelte-1rhwkf0):hover{text-decoration:underline}@media(max-width:680px){.sounds-header.svelte-1rhwkf0{flex-direction:row;align-items:center}}