*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes fall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}:root{--font-serif:"Cormorant", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.5rem;--text-2xl:clamp(1.625rem, 5vw, 2.375rem);--text-3xl:clamp(1.75rem, 6vw, 2.5rem);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-loose:1.75;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--z-base:1;--z-overlay:10;--z-dropdown:100;--z-modal:400;--z-toast:500;--color-bg-gradient:linear-gradient(160deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%);--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-rose:#c38d9e;--color-rose-dark:#a86e82;--color-rose-faint:#c38d9e26;--color-rose-glow:#c38d9e4d;--color-teal:#85cdca;--color-teal-dark:#5aafa8;--color-teal-faint:#85cdca26;--color-teal-glow:#85cdca4d;--color-cream:#f0ebe3;--color-cream-70:#f0ebe3b3;--color-cream-55:#f0ebe38c;--color-cream-45:#f0ebe373;--color-cream-35:#f0ebe359;--color-cream-20:#f0ebe333;--color-cream-10:#f0ebe31a;--color-cream-07:#f0ebe312;--color-cream-05:#f0ebe30d;--color-cream-03:#f0ebe308;--color-words:#e8a87c;--color-words-dark:#d4845a;--color-quality:#85cdca;--color-quality-dark:#5aafa8;--color-gifts:#d5a6bd;--color-gifts-dark:#c084a0;--color-service:#e27d60;--color-service-dark:#c85a3d;--color-touch:#c38d9e;--color-touch-dark:#a86e82;--gradient-rose:linear-gradient(135deg, var(--color-rose) 0%, var(--color-rose-dark) 100%);--gradient-teal:linear-gradient(135deg, var(--color-teal) 0%, var(--color-teal-dark) 100%);--gradient-words:linear-gradient(135deg, var(--color-words) 0%, var(--color-words-dark) 100%);--gradient-quality:linear-gradient(135deg, var(--color-quality) 0%, var(--color-quality-dark) 100%);--gradient-gifts:linear-gradient(135deg, var(--color-gifts) 0%, var(--color-gifts-dark) 100%);--gradient-service:linear-gradient(135deg, var(--color-service) 0%, var(--color-service-dark) 100%);--gradient-touch:linear-gradient(135deg, var(--color-touch) 0%, var(--color-touch-dark) 100%);--gradient-heading:linear-gradient(135deg, var(--color-cream) 0%, var(--color-rose) 100%);--surface-1:#f0ebe308;--surface-2:#f0ebe30f;--border-1:#f0ebe314;--border-2:#f0ebe326;--border-3:#f0ebe340;--max-width-content:520px;--max-width-card:400px;--page-gutter:var(--space-4)}button{text-transform:capitalize}.toast-container{bottom:var(--space-8);align-items:center;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;width:calc(100% - var(--space-8));flex-direction:column;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-family:var(--font-sans);font-size:var(--text-sm);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toast-in .28s var(--ease-spring) both}.toast--error{color:#f8a8a8;background:#c350502e;border:1px solid #c350504d}.toast--info{border:1px solid var(--border-2);color:var(--color-cream-70);background:#f0ebe314}.toast--success{color:var(--color-teal);background:#85cdca1a;border:1px solid #85cdca40}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-switch{border-radius:var(--radius-full);border:1px solid var(--border-2);background:var(--surface-2);cursor:pointer;width:44px;height:26px;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;padding:0;position:relative}.settings-switch[aria-checked=true]{background:var(--color-teal-faint);border-color:var(--color-teal-dark)}.settings-switch:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.settings-switch-thumb{background:var(--color-cream-55);width:18px;height:18px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.settings-switch[aria-checked=true] .settings-switch-thumb{background:var(--color-teal);transform:translate(18px,-50%)}.settings-switch--compact{width:32px;height:18px}.settings-switch--compact .settings-switch-thumb{width:12px;height:12px;left:2px}.settings-switch--compact[aria-checked=true] .settings-switch-thumb{transform:translate(14px,-50%)}.audio-quick-controls{right:max(var(--page-gutter), env(safe-area-inset-right));bottom:max(var(--space-6), env(safe-area-inset-bottom));z-index:var(--z-overlay);pointer-events:auto;align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.audio-quick-controls-panel{gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:#0c0c1880;border:1px solid #f0ebe314;flex-direction:column;min-width:140px;display:flex}.audio-quick-controls-panel--with-invite{min-width:160px}.audio-quick-controls-panel{opacity:0;pointer-events:none;transition:opacity .16s ease, transform .16s var(--ease-smooth);transform:translateY(6px)}.audio-quick-controls-panel--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.audio-quick-controls-panel:not(.audio-quick-controls-panel--open){visibility:hidden}.audio-quick-controls-section{flex-direction:column;display:flex}.audio-quick-controls-section--sound{gap:var(--space-3)}.audio-quick-controls-section--invite{gap:var(--space-2)}.audio-quick-controls-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.audio-quick-controls-label{font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--color-cream-45);min-width:0}.audio-quick-controls-fab{border:1px solid var(--border-2);background:var(--surface-1);width:40px;height:40px;color:var(--color-cream-55);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.audio-quick-controls-fab:hover{color:var(--color-teal);border-color:#85cdca59}.audio-quick-controls-fab:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.audio-quick-controls-fab[aria-expanded=true]{background:var(--color-teal-faint);border-color:var(--color-teal-dark);color:var(--color-teal)}.audio-quick-controls-divider{background:#f0ebe31a;flex-shrink:0;height:1px;margin:0}.audio-quick-controls-invite-heading{font-family:var(--font-sans);font-size:9px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-cream-35);margin:0;padding:2px 2px 0}.audio-quick-controls-action{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-medium);color:var(--color-cream-70);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#f0ebe30a;border:1px solid #f0ebe314;text-decoration:none;display:flex}.audio-quick-controls-action:hover{color:var(--color-cream);background:#f0ebe312;border-color:#f0ebe31f}.audio-quick-controls-action:focus-visible{outline:2px solid var(--color-teal);outline-offset:1px}.audio-quick-controls-action--link{display:flex}.ambient-playlist-player{clip:rect(0 0 0 0);clip-path:inset(50%);width:0;height:0;position:absolute;overflow:hidden}.app-shell{background:var(--color-bg-gradient);width:100%;min-height:100dvh;position:relative;overflow:hidden}.app-shell-orb{pointer-events:none;border-radius:50%;position:fixed}.app-shell-orb-rose{width:450px;height:450px;z-index:var(--z-base);background:radial-gradient(circle,#c38d9e1f 0%,#0000 70%);top:-15%;right:-10%}.app-shell-orb-teal{width:500px;height:500px;z-index:var(--z-base);background:radial-gradient(circle,#85cdca14 0%,#0000 70%);bottom:-15%;left:-10%}.page-transition{animation:page-enter var(--transition-normal) var(--ease-smooth) both}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-screen{background:var(--color-bg-gradient);justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.loading-screen-emoji{font-size:2.5rem;animation:2s ease-in-out infinite float}