:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020202;color:#f7f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --flow-base-h{syntax: "<number>"; inherits: true; initial-value: 214;}@property --flow-base-s{syntax: "<number>"; inherits: true; initial-value: 14;}@property --flow-base-l{syntax: "<number>"; inherits: true; initial-value: 18;}@property --flow-secondary-h{syntax: "<number>"; inherits: true; initial-value: 238;}@property --flow-secondary-s{syntax: "<number>"; inherits: true; initial-value: 12;}@property --flow-secondary-l{syntax: "<number>"; inherits: true; initial-value: 14;}@property --flow-accent-h{syntax: "<number>"; inherits: true; initial-value: 188;}@property --flow-accent-s{syntax: "<number>"; inherits: true; initial-value: 12;}@property --flow-accent-l{syntax: "<number>"; inherits: true; initial-value: 22;}@property --flow-bloom-scale{syntax: "<number>"; inherits: true; initial-value: 1;}@property --flow-bloom-opacity{syntax: "<number>"; inherits: true; initial-value: .12;}@property --flow-aurora-opacity{syntax: "<number>"; inherits: true; initial-value: .08;}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:#020202}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(255,255,255,.58);outline-offset:4px}.min-w-0{min-width:0}.app-shell{--tone-a: rgba(241, 243, 238, .24);--tone-b: rgba(36, 55, 49, .34);--tone-c: rgba(70, 74, 70, .2);--tone-d: rgba(168, 178, 174, .12);--glow: rgba(237, 242, 232, .15);--aura-base-soft: rgba(205, 214, 218, .14);--aura-secondary-soft: rgba(79, 89, 96, .12);--aura-tertiary-soft: rgba(46, 52, 58, .1);--aura-accent-soft: rgba(222, 227, 225, .16);--aura-grain-opacity: .11;--aura-grain-soft-opacity: .08;--aura-grain-medium-opacity: .07;--aura-grain-fine-opacity: .11;--aura-glow-opacity: .14;--flow-base-h: 214;--flow-base-s: 14;--flow-base-l: 18;--flow-secondary-h: 238;--flow-secondary-s: 12;--flow-secondary-l: 14;--flow-accent-h: 188;--flow-accent-s: 12;--flow-accent-l: 22;--flow-bloom-scale: 1;--flow-bloom-opacity: .12;--flow-aurora-opacity: .08;position:relative;min-height:100svh;isolation:isolate;overflow-x:hidden;background:radial-gradient(circle at 50% -18%,hsl(var(--flow-base-h) calc(var(--flow-base-s) * 1%) calc(var(--flow-base-l) * 1%) / .22),transparent 28rem),linear-gradient(135deg,#010101,#070809 48%,#101112);transition:--flow-bloom-scale 4.2s cubic-bezier(.16,1,.3,1),--flow-bloom-opacity 4.2s ease,--flow-aurora-opacity 4.2s ease}.app-shell[data-mood=calm]{--tone-a: rgba(218, 224, 228, .3);--tone-b: rgba(20, 40, 64, .44);--tone-c: rgba(88, 92, 92, .24);--tone-d: rgba(185, 196, 206, .14);--glow: rgba(209, 222, 232, .17)}.app-shell[data-mood=focus]{--tone-a: rgba(245, 248, 247, .26);--tone-b: rgba(17, 72, 82, .32);--tone-c: rgba(58, 64, 66, .28);--tone-d: rgba(148, 214, 214, .12);--glow: rgba(219, 245, 246, .16)}.app-shell[data-mood=sleep]{--tone-a: rgba(196, 196, 216, .21);--tone-b: rgba(16, 27, 66, .44);--tone-c: rgba(68, 48, 94, .27);--tone-d: rgba(95, 111, 169, .12);--glow: rgba(176, 180, 222, .15)}.app-shell[data-mood=melancholy]{--tone-a: rgba(177, 173, 184, .23);--tone-b: rgba(55, 32, 76, .4);--tone-c: rgba(91, 92, 95, .2);--tone-d: rgba(125, 91, 145, .13);--glow: rgba(202, 190, 218, .15)}.app-shell[data-mood=reset]{--tone-a: rgba(241, 243, 238, .25);--tone-b: rgba(36, 55, 49, .36);--tone-c: rgba(72, 76, 72, .22);--tone-d: rgba(154, 184, 166, .12);--glow: rgba(237, 242, 232, .16)}.app-content{position:relative;z-index:10;width:min(100%,1280px);min-height:100svh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(104px + env(safe-area-inset-bottom))}.grain-background,.grain-background span{pointer-events:none;position:fixed;inset:0}.grain-background{z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 52%,hsl(var(--flow-base-h) calc(var(--flow-base-s) * 1%) calc(var(--flow-base-l) * 1%) / .18),transparent 32rem),radial-gradient(circle at 12% 28%,hsl(var(--flow-secondary-h) calc(var(--flow-secondary-s) * 1%) calc(var(--flow-secondary-l) * 1%) / .14),transparent 30rem),radial-gradient(circle at 88% 70%,hsl(var(--flow-accent-h) calc(var(--flow-accent-s) * 1%) calc(var(--flow-accent-l) * 1%) / .11),transparent 32rem),radial-gradient(circle at 50% 38%,var(--aura-base-soft),transparent 34rem),radial-gradient(circle at 74% 12%,var(--tone-a),transparent 30rem),radial-gradient(circle at 12% 78%,var(--tone-b),transparent 35rem),radial-gradient(circle at 58% 114%,rgba(0,0,0,.96),transparent 36rem),#010101}.aura-bloom,.aurora-field,.horizon-glow-field{z-index:2;transform:translateZ(0);will-change:transform,opacity}.aura-bloom{inset:-18%;border-radius:999px;opacity:var(--flow-bloom-opacity);transform:scale(var(--flow-bloom-scale));transition:--flow-bloom-scale 4.2s cubic-bezier(.16,1,.3,1),--flow-bloom-opacity 4.2s ease}.aura-bloom-primary{background:radial-gradient(circle at 48% 48%,hsl(var(--flow-base-h) calc(var(--flow-base-s) * 1%) calc(var(--flow-base-l) * 1%) / .9),transparent 0 18%),radial-gradient(circle at 52% 52%,hsl(var(--flow-secondary-h) calc(var(--flow-secondary-s) * 1%) calc(var(--flow-secondary-l) * 1%) / .38),transparent 0 48%),radial-gradient(circle at 50% 50%,transparent 0 62%,rgba(0,0,0,.76) 100%);animation:bloomOpen 18s ease-in-out infinite alternate}.aura-bloom-secondary{inset:-28%;opacity:calc(var(--flow-bloom-opacity) * .48);background:radial-gradient(ellipse at 34% 44%,hsl(var(--flow-accent-h) calc(var(--flow-accent-s) * 1%) calc(var(--flow-accent-l) * 1%) / .46),transparent 0 28%),radial-gradient(ellipse at 70% 56%,hsl(var(--flow-secondary-h) calc(var(--flow-secondary-s) * 1%) calc(var(--flow-secondary-l) * 1%) / .36),transparent 0 34%);animation:bloomOpen 34s ease-in-out infinite alternate-reverse}.aurora-field{inset:-8% -6% 16%;opacity:calc(var(--flow-aurora-opacity) * .72);background:linear-gradient(110deg,transparent 6%,hsl(var(--flow-secondary-h) calc(var(--flow-secondary-s) * 1%) calc(var(--flow-secondary-l) * 1%) / .64) 28%,transparent 52%),linear-gradient(72deg,transparent 22%,hsl(var(--flow-accent-h) calc(var(--flow-accent-s) * 1%) calc(var(--flow-accent-l) * 1%) / .42) 48%,transparent 74%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.72) 58%,transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.72) 58%,transparent 92%);animation:auroraDrift 48s ease-in-out infinite alternate}.horizon-glow-field{top:auto;height:38%;opacity:calc(var(--flow-aurora-opacity) * .58);background:radial-gradient(ellipse at 50% 72%,hsl(var(--flow-accent-h) calc(var(--flow-accent-s) * 1%) calc(var(--flow-accent-l) * 1%) / .36),transparent 0 46%),linear-gradient(180deg,transparent,rgba(0,0,0,.76) 78%);-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 32%,transparent 94%);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 32%,transparent 94%);animation:horizonBreath 44s ease-in-out infinite alternate}.app-shell:not([data-screen=mood-room]) .aura-bloom,.app-shell:not([data-screen=mood-room]) .aurora-field,.app-shell:not([data-screen=mood-room]) .horizon-glow-field{display:none}.atmosphere-depth{opacity:.2;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.1),transparent 28rem),radial-gradient(circle at 74% 72%,var(--tone-b),transparent 34rem),radial-gradient(circle at 46% 44%,var(--aura-secondary-soft),transparent 28rem),radial-gradient(circle at 52% 40%,var(--tone-c),transparent 32rem);transform:translateZ(0) scale(1.03)}.depth-far{z-index:1;opacity:.16;animation:depthFar 96s ease-in-out infinite alternate}.depth-middle{z-index:1;opacity:.13;background:radial-gradient(circle at 78% 18%,var(--tone-a),transparent 25rem),radial-gradient(circle at 16% 84%,var(--tone-d),transparent 30rem),radial-gradient(circle at 50% 50%,var(--aura-tertiary-soft),transparent 34rem);animation:depthMiddle 124s ease-in-out infinite alternate}.depth-near{z-index:1;opacity:.08;background:radial-gradient(circle at 62% 92%,rgba(255,255,255,.18),transparent 26rem),radial-gradient(circle at 42% 10%,rgba(255,255,255,.08),transparent 24rem),radial-gradient(circle at 72% 34%,var(--aura-accent-soft),transparent 22rem);animation:depthNear 78s ease-in-out infinite alternate}.mesh-noise{z-index:2;opacity:.64;background:radial-gradient(ellipse at 15% 34%,rgba(255,255,255,.11),transparent 25%),radial-gradient(ellipse at 72% 16%,rgba(255,255,255,.08),transparent 23%),radial-gradient(ellipse at 60% 72%,rgba(122,127,130,.17),transparent 31%),linear-gradient(115deg,transparent 0 40%,rgba(255,255,255,.052) 50%,transparent 60%)}.grain-soft-noise{z-index:3;inset:-18px;opacity:var(--aura-grain-soft-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.58' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.82'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.85'/%3E%3C/svg%3E");background-size:240px 240px;animation:grainSoftSignal 11s steps(5,end) infinite;will-change:transform}.grain-fine{z-index:4;inset:-14px;opacity:var(--aura-grain-fine-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.9'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.82'/%3E%3C/svg%3E");background-size:160px 160px;animation:grainFineSignal 2.4s steps(4,end) infinite;will-change:transform}.grain-medium{z-index:5;inset:-22px;opacity:var(--aura-grain-medium-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.78'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");background-size:320px 320px;animation:grainMediumSignal 5.8s steps(6,end) infinite;will-change:transform}.grain-light-texture{z-index:6;opacity:.06;background:linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,.14) 50%,transparent 52%),linear-gradient(180deg,rgba(255,255,255,.07),transparent 20%,transparent 80%,rgba(255,255,255,.06))}.grain-vignette{z-index:7;background:radial-gradient(circle at 50% 43%,transparent 0 38%,rgba(0,0,0,.74) 100%),linear-gradient(180deg,rgba(0,0,0,.62),transparent 24%,rgba(0,0,0,.84))}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 2px}.brand-lockup,.icon-button{display:inline-flex;align-items:center;border:0;color:#ffffffe6}.brand-lockup{min-width:0;min-height:40px;gap:10px;padding:0;background:transparent;font-size:.86rem;font-weight:780}.brand-mark{width:12px;height:12px;flex:0 0 auto;border:1px solid rgba(255,255,255,.64);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0 18%,transparent 20%),#ffffff14;box-shadow:0 0 28px var(--glow)}.launch-whisper{justify-self:end;margin:0;color:#ffffff6b;font-size:.76rem;font-weight:680;letter-spacing:0;animation:whisperFade 8.8s ease both}.icon-button{justify-self:end;width:42px;height:42px;justify-content:center;margin:5px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0e;transition:background .18s ease,border-color .18s ease,transform .18s ease}.icon-button:hover{border-color:#ffffff3d;background:#ffffff1a;transform:translateY(-1px)}.home-layout{display:grid;min-height:calc(100svh - 164px);padding:14px 0 8px;place-items:center}.screen-stack{position:relative}.screen-view{width:100%}.screen-view[data-active=true]{position:relative;visibility:visible;opacity:1}.screen-view[data-active=false]{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;contain:layout paint}.sound-library,.mood-panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:8px;background:linear-gradient(145deg,#ffffff21,#ffffff09 42%,#ffffff0f),#050607b8;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff09,0 24px 82px #00000085}.sound-library:before,.mood-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.13),transparent 24%),radial-gradient(circle at 88% 100%,var(--sound-glow, var(--glow)),transparent 32%);opacity:.86}.main-player{--sound-a: rgba(250, 252, 246, .34);--sound-b: rgba(116, 121, 124, .2);--sound-c: rgba(6, 7, 8, .95);--sound-glow: rgba(255, 255, 246, .22);position:relative;display:grid;justify-items:center;gap:18px;width:100%;min-height:auto;overflow:visible;border:0;background:transparent;padding:clamp(16px,6vw,48px) 0;box-shadow:none}.main-player:before{content:none}.main-player>*{position:relative;z-index:1}.player-orb-shell{display:grid;width:min(74vw,330px);aspect-ratio:1;place-items:center;margin-top:2px}.sound-orb{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#020303;box-shadow:inset 0 1px 2px #ffffff52,inset 0 -36px 70px #0009,0 0 0 1px #ffffff0e,0 32px 86px var(--sound-glow);transition:box-shadow .9s ease,border-color .7s ease,transform .9s ease;animation:orbIdle 18s ease-in-out infinite}.orb-color-plane{position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(circle at 38% 30%,var(--sound-a),transparent 0 22%),radial-gradient(circle at 62% 62%,var(--sound-b),transparent 0 48%),radial-gradient(circle at 50% 44%,var(--aura-base-soft),transparent 0 58%),radial-gradient(circle at 52% 110%,rgba(0,0,0,.98),transparent 0 62%),var(--sound-c);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1)}.orb-color-plane-current{opacity:1}.orb-color-plane-previous{z-index:1;opacity:1;transform:scale(1)}.orb-color-plane-previous[data-fading=true]{opacity:0;transform:scale(1.045)}.main-player[data-playing=true] .sound-orb{border-color:#ffffff3d;box-shadow:inset 0 1px 2px #ffffff5c,inset 0 -30px 70px #00000085,0 0 0 1px #ffffff13,0 24px 72px var(--sound-glow),0 0 82px var(--sound-glow);animation:orbAlive 9s ease-in-out infinite}.sound-orb:before{content:"";position:absolute;inset:8%;z-index:2;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 28%),radial-gradient(circle at 52% 58%,rgba(255,255,255,.11),transparent 38%);filter:blur(6px);opacity:.72;animation:orbGlass 12s ease-in-out infinite alternate}.sound-orb:after{content:"";position:absolute;inset:-25%;z-index:2;border-radius:50%;background:conic-gradient(from 40deg,transparent,rgba(255,255,255,.16),transparent,var(--sound-glow),transparent);opacity:.32;animation:orbRotate 38s linear infinite}.orb-core{position:absolute;z-index:3;inset:25%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 52%),radial-gradient(circle at 70% 30%,var(--sound-glow),transparent 48%);filter:blur(8px);opacity:.72;animation:orbPulse 8s ease-in-out infinite}.orb-depth,.orb-fog,.orb-particles{position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none}.orb-depth{background:radial-gradient(circle at 46% 44%,rgba(255,255,255,.16),transparent 0 18%),radial-gradient(circle at 34% 70%,rgba(255,255,255,.07),transparent 0 28%),radial-gradient(circle at 70% 36%,var(--sound-glow),transparent 0 22%),radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(0,0,0,.74) 74%);opacity:.34;transform:scale(1.02);transition:opacity .9s ease}.orb-fog{inset:14%;background:radial-gradient(ellipse at 32% 48%,rgba(255,255,255,.12),transparent 0 36%),radial-gradient(ellipse at 68% 54%,var(--sound-glow),transparent 0 34%);opacity:.2;animation:orbFogDrift 22s ease-in-out infinite alternate}.orb-particles{opacity:.18;background-image:radial-gradient(circle at 22% 28%,rgba(255,255,255,.7) 0 .7px,transparent 1.4px),radial-gradient(circle at 74% 38%,rgba(255,255,255,.58) 0 .7px,transparent 1.5px),radial-gradient(circle at 42% 72%,rgba(255,255,255,.52) 0 .8px,transparent 1.7px),radial-gradient(circle at 63% 66%,rgba(255,255,255,.46) 0 .65px,transparent 1.4px);transition:opacity .9s ease}.main-player[data-playing=true] .orb-depth{opacity:.52}.main-player[data-playing=true] .orb-fog{opacity:.42}.main-player[data-playing=true] .orb-particles{opacity:.36}.orb-artwork-orbit{position:absolute;z-index:4;pointer-events:none}.orb-artwork-orbit{border:1px solid rgba(255,255,255,.1);border-radius:50%;opacity:.38}.orbit-one{inset:13%;animation:orbOrbit 22s linear infinite}.orbit-two{inset:26%;border-color:var(--sound-glow);animation:orbOrbit 31s linear infinite reverse}.sound-orb .visualizer{position:absolute;inset:21%;z-index:5;width:58%;height:58%;border:0;background:transparent;box-shadow:none}.player-track{max-width:520px;text-align:center}.track-title-row{display:flex;align-items:center;justify-content:center;gap:10px}.player-track span{display:block;color:#ffffff7a;font-size:.74rem;font-weight:760}.player-track h1{margin:7px 0 0;color:#fff;font-size:clamp(1.82rem,7.2vw,4.2rem);font-weight:780;line-height:.98}.player-track p{max-width:28rem;margin:8px auto 0;color:#ffffff94;font-size:.88rem;line-height:1.5}.primary-play{display:inline-flex;width:68px;height:68px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.54);border-radius:50%;background:#f3f3ee;color:#050505;box-shadow:0 0 0 1px #ffffff2e,0 18px 58px var(--sound-glow, var(--glow));transition:transform .18s ease,box-shadow .18s ease}.primary-play:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 0 0 1px #ffffff4d,0 30px 96px var(--sound-glow, var(--glow))}.primary-play:active{transform:scale(.95)}.ambient-dock{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(430px,calc(100% - 24px));min-height:58px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080809e0;box-shadow:inset 0 1px #ffffff1f,0 16px 70px #000000a3;padding:5px}.ambient-dock button{display:inline-flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;background:transparent;color:#ffffff80;font-size:.76rem;font-weight:760;transition:background .18s ease,color .18s ease,transform .18s ease}.ambient-dock button span{width:8px;height:8px;flex:0 0 auto;border:1px solid rgba(255,255,255,.4);border-radius:50%}.ambient-dock button[data-active=true]{background:#ffffff17;color:#fffffff0}.ambient-dock button[data-active=true] span{border-color:#fffffff2;background:#fffffff2;box-shadow:0 0 24px #ffffff38}.ambient-dock button:active{transform:scale(.97)}.sound-library{padding:12px}.library-view{padding:14px 0 8px}.sound-library>*{position:relative;z-index:1}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.eyebrow-text{margin:0;color:#ffffff7a;font-size:.74rem;font-weight:760}.library-heading h2{margin:4px 0 0;color:#fff;font-size:1rem;font-weight:760}.library-heading span{color:#ffffff75;font-size:.76rem;font-weight:760;white-space:nowrap}.sound-grid{display:grid;gap:9px}.sound-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:64px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:radial-gradient(circle at 0% 50%,var(--sound-a),transparent 25%),linear-gradient(135deg,#ffffff12,#ffffff07),#0000003d;padding:11px;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.sound-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 92% 50%,var(--sound-glow),transparent 28%);opacity:0;transition:opacity .18s ease}.sound-card:hover,.sound-card[data-active=true]{border-color:#ffffff3b;background:radial-gradient(circle at 0% 50%,var(--sound-a),transparent 28%),linear-gradient(135deg,#ffffff1c,#ffffff0a),#00000047;box-shadow:0 18px 60px #00000057}.sound-card:hover:after,.sound-card[data-active=true]:after{opacity:1}.sound-card[data-playing=true]{box-shadow:0 18px 60px #00000057,0 0 46px var(--sound-glow)}.sound-card-icon,.sound-card .min-w-0,.card-wave{position:relative;z-index:1}.sound-card-icon{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.15),transparent 45%),#ffffff0e;color:#ffffffd6}.sound-title{display:block;color:#fff;font-size:.92rem;font-weight:760}.sound-category{display:inline-block;margin-top:3px;color:#ffffff6b;font-size:.68rem;font-weight:760}.sound-subtitle{display:block;margin-top:3px;color:#ffffff80;font-size:.74rem;line-height:1.32}.card-wave{display:inline-flex;width:28px;align-items:center;justify-content:flex-end;gap:3px;opacity:.3;color:#ffffffb8}.card-wave i{display:block;width:3px;height:13px;border-radius:999px;background:#ffffffe6;transform-origin:bottom}.sound-card[data-playing=true] .card-wave{opacity:.9}.sound-card[data-playing=true] .card-wave i{animation:cardPulse 1.1s ease-in-out infinite}.sound-card[data-playing=true] .card-wave i:nth-child(2){animation-delay:.16s}.sound-card[data-playing=true] .card-wave i:nth-child(3){animation-delay:.32s}.visualizer{display:block;width:100%;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 34%),#ffffff09;box-shadow:inset 0 1px #ffffff1a}.visualizer.compact{height:92px}.visualizer.mini{height:34px;border:0;border-radius:0;background:transparent;box-shadow:none}.mood-room{min-height:calc(100svh - 72px);padding:16px 0 0}.mood-room-card{display:grid;gap:16px;min-height:calc(100svh - 106px)}.mood-room-copy{max-width:42rem}.mood-room-copy h1{margin:8px 0 0;color:#fff;font-size:clamp(1.56rem,6.4vw,2.8rem);font-weight:780;line-height:.98}.mood-room-copy p:not(.eyebrow-text){max-width:34rem;margin:12px 0 0;color:#ffffff9e;font-size:.96rem;line-height:1.58}.mood-canvas{position:relative;min-height:300px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:radial-gradient(circle at 50% 50%,var(--glow),transparent 32%),#ffffff08;box-shadow:inset 0 1px #ffffff24,0 24px 84px #00000094}.mood-atmosphere-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:1}.mood-canvas:before{content:none}.mood-canvas:after{content:"";position:absolute;inset:0;z-index:5;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 16%,transparent 70%,rgba(255,255,255,.055)),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px);opacity:.14}.mood-canvas .visualizer{position:absolute;inset:0;z-index:4;height:100%;border:0;background:transparent;box-shadow:none}.mood-workspace{display:grid;gap:12px}.mood-panel{padding:14px}.mood-panel>*{position:relative;z-index:1}.mood-panel-heading span,.journal-label{color:#ffffffc7;font-size:.86rem;font-weight:780}.mood-panel-heading strong{display:block;margin-top:5px;color:#ffffff7a;font-size:.76rem;font-weight:650;line-height:1.35}.aura-panel{display:grid;gap:13px}.aura-swatch-row{display:inline-flex;gap:8px;align-items:center}.aura-swatch{display:block;width:34px;height:13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;box-shadow:inset 0 1px #ffffff38,0 0 22px #ffffff14}.aura-form{display:grid;gap:12px}.aura-question p{margin:0 0 8px;color:#ffffff7a;font-size:.72rem;font-weight:740}.aura-options{display:flex;flex-wrap:wrap;gap:7px}.aura-option{min-height:36px;border:1px solid rgba(255,255,255,.105);border-radius:999px;background:#ffffff0a;color:#ffffff9e;padding:0 12px;font-size:.72rem;font-weight:760;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.aura-option:hover,.aura-option[data-active=true]{border-color:#ffffff3d;background:#ffffff1a;color:#fffffff0;box-shadow:0 0 26px var(--aura-accent-soft)}.aura-option:active{transform:scale(.96)}.aura-actions{display:flex;flex-wrap:wrap;gap:8px}.aura-actions button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffffdb;color:#050505;padding:0 13px;font-size:.75rem;font-weight:780;transition:transform .16s ease,box-shadow .16s ease}.aura-actions button:hover{box-shadow:0 0 34px var(--aura-accent-soft)}.aura-actions button:active{transform:scale(.96)}.aura-actions .aura-secondary-action{background:#ffffff0f;color:#ffffffc7}.mood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.mood-button{position:relative;overflow:hidden;display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.105);border-radius:8px;background:linear-gradient(180deg,#ffffff13,#ffffff07),#ffffff09;color:#ffffffb8;font-size:.82rem;font-weight:760;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.mood-button:after{content:"";position:absolute;inset:50%;width:12px;height:12px;border-radius:999px;background:#ffffff3d;opacity:0;transform:translate(-50%,-50%) scale(1)}.mood-button:active:after{opacity:1;transform:translate(-50%,-50%) scale(18);transition:transform .48s ease,opacity .62s ease}.mood-button:hover,.mood-button[data-active=true]{border-color:#ffffff3d;background:#ffffff17;color:#fffffff5;box-shadow:0 0 34px var(--glow)}.journal-panel{display:grid;gap:10px}.journal-label{display:inline-flex;align-items:center;gap:8px}.journal-panel textarea{width:100%;min-height:128px;resize:vertical;border:1px solid rgba(255,255,255,.105);border-radius:8px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#0000002e;color:#ffffffe6;padding:12px;line-height:1.5;box-shadow:inset 0 1px #ffffff14}.journal-panel textarea::placeholder{color:#ffffff57}.journal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.journal-actions span{color:#ffffff6b;font-size:.72rem;font-weight:700}.journal-actions button{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffffdb;color:#050505;padding:0 14px;font-size:.78rem;font-weight:780}@keyframes grainSoftSignal{0%{transform:translate3d(-6px,4px,0)}33%{transform:translate3d(4px,-3px,0)}66%{transform:translate3d(-2px,-6px,0)}to{transform:translate3d(5px,2px,0)}}@keyframes grainFineSignal{0%{transform:translateZ(0)}25%{transform:translate3d(5px,-3px,0)}50%{transform:translate3d(-4px,4px,0)}75%{transform:translate3d(3px,6px,0)}to{transform:translate3d(-6px,-2px,0)}}@keyframes grainMediumSignal{0%{transform:translate3d(2px,-5px,0)}25%{transform:translate3d(-7px,3px,0)}50%{transform:translate3d(4px,8px,0)}75%{transform:translate3d(8px,-4px,0)}to{transform:translate3d(-3px,5px,0)}}@keyframes bloomOpen{0%{opacity:calc(var(--flow-bloom-opacity) * .62);transform:translate3d(-1.6%,.8%,0) scale(calc(var(--flow-bloom-scale) * .72))}45%{opacity:var(--flow-bloom-opacity);transform:translate3d(.8%,-.8%,0) scale(calc(var(--flow-bloom-scale) * 1.04))}to{opacity:calc(var(--flow-bloom-opacity) * .86);transform:translate3d(1.4%,1%,0) scale(calc(var(--flow-bloom-scale) * 1.18))}}@keyframes auroraDrift{0%{transform:translate3d(-4%,-2%,0) scale(1.04) rotate(-1deg)}50%{transform:translate3d(2%,1%,0) scale(1.08) rotate(.6deg)}to{transform:translate3d(5%,-1%,0) scale(1.1) rotate(1.2deg)}}@keyframes horizonBreath{0%{transform:translate3d(-1%,2%,0) scaleX(1.02);opacity:calc(var(--flow-aurora-opacity) * .58)}to{transform:translate3d(1%,-1%,0) scaleX(1.08);opacity:calc(var(--flow-aurora-opacity) * .92)}}@keyframes depthFar{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(1.5%,1.2%,0) scale(1.06)}}@keyframes depthMiddle{0%{transform:translate3d(1%,-.8%,0) scale(1.03)}to{transform:translate3d(-1.2%,1%,0) scale(1.07)}}@keyframes depthNear{0%{transform:translate3d(-.8%,1%,0) scale(1.04)}to{transform:translate3d(1%,-1.2%,0) scale(1.08)}}@keyframes whisperFade{0%{opacity:0;transform:translateY(3px)}14%,62%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}@keyframes orbIdle{0%,to{transform:translateZ(0) scale(.992)}50%{transform:translate3d(.6%,-.4%,0) scale(1.006)}}@keyframes orbAlive{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(.9%,-.7%,0) scale(1.024)}66%{transform:translate3d(-.8%,.7%,0) scale(1.012)}}@keyframes orbFogDrift{0%{transform:translate3d(-4%,-2%,0) scale(.96)}to{transform:translate3d(5%,3%,0) scale(1.08)}}@keyframes orbGlass{0%{transform:translate3d(-4%,-3%,0) scale(.96);opacity:.58}to{transform:translate3d(5%,4%,0) scale(1.05);opacity:.82}}@keyframes orbRotate{to{transform:rotate(360deg)}}@keyframes orbOrbit{0%{transform:rotate(0) scaleX(1.08) scaleY(.88)}to{transform:rotate(360deg) scaleX(1.08) scaleY(.88)}}@keyframes orbPulse{0%,to{transform:scale(.9);opacity:.48}50%{transform:scale(1.08);opacity:.84}}@keyframes cardPulse{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media(min-width:700px){.app-content{padding-right:24px;padding-left:24px}.home-layout{gap:20px}.main-player{min-height:auto}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.app-content{display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 32px calc(112px + env(safe-area-inset-bottom))}.home-layout{flex:1;min-height:calc(100svh - 180px);padding:24px 0 0}.main-player{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto auto;align-content:center;justify-items:center;column-gap:34px;min-height:min(620px,calc(100svh - 230px))}.player-orb-shell{grid-row:1 / 5;width:min(34vw,440px);margin-top:0}.player-track{justify-self:start;text-align:left}.player-track h1{font-size:clamp(3.2rem,6vw,5.8rem)}.primary-play{justify-self:start}.sound-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.sound-card{grid-template-columns:1fr;align-content:space-between;min-height:150px}.sound-card-icon{width:42px;height:42px}.card-wave{position:absolute;right:12px;bottom:12px}.mood-room{flex:1;padding:22px 0 0}.mood-room-card{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;min-height:calc(100svh - 190px);gap:18px}.mood-room-copy{align-self:end;padding-bottom:18px}.mood-canvas{grid-row:1 / 3;grid-column:2;min-height:100%}.mood-workspace{grid-column:1;grid-template-columns:1fr;align-self:start}}@media(max-width:430px){.app-content{padding-right:12px;padding-left:12px}.brand-lockup{padding:0 14px}.main-player{min-height:auto;padding:14px}.player-orb-shell{width:min(70vw,292px)}.primary-play{width:66px;height:66px}.player-track h1{font-size:clamp(1.72rem,7vw,2.2rem)}.player-track p{font-size:.82rem}.mood-room{padding-top:8px}.mood-room-card{gap:12px}.mood-room-copy h1{font-size:clamp(1.36rem,6vw,1.82rem)}.mood-room-copy p:not(.eyebrow-text){margin-top:8px;font-size:.86rem;line-height:1.45}.mood-canvas{min-height:236px}.aura-options{gap:6px}.aura-option{min-height:34px;padding:0 10px}.sound-subtitle{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}