.consumer-app{--scene-a: #7a5cff;--scene-b: #ff83ad;--scene-c: #51d7ff;--consumer-bg: #1b0d2c;--consumer-panel: #2a163d;--consumer-paper: #fff7fb;width:min(100%,480px);min-height:100dvh;margin:0 auto;color:var(--consumer-paper);background:var(--consumer-bg);box-shadow:0 0 0 1px #ffffff0f,0 0 8rem #6f32a63d;font-family:var(--body)}.consumer-app button,.consumer-app a{font-family:inherit}.consumer-app button{color:inherit}.consumer-app img{display:block}.consumer-app button:focus-visible,.consumer-app a:focus-visible{outline-color:var(--scene-c)}.consumer-intro{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:#170b26}.consumer-intro-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;animation:consumerHero 10s ease-in-out infinite alternate}.consumer-intro-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#15092524,#1509250d 37%,#150925b8 67%,#170b26 96%)}.consumer-intro:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--scene-b) 22%,transparent),transparent 36%);mix-blend-mode:screen}.consumer-brand{position:relative;z-index:2;min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}.consumer-brand img,.consumer-flow-header img{width:9rem;height:auto}.consumer-brand span{font-size:.62rem;font-weight:700;letter-spacing:.14em}.consumer-intro-copy{position:absolute;left:1.35rem;right:1.35rem;bottom:4.6rem;z-index:3}.consumer-eyebrow{display:inline-flex;align-items:center;gap:.42rem;color:var(--scene-b);font-size:.67rem;font-weight:800;letter-spacing:.08em}.consumer-eyebrow svg{width:.9rem;height:.9rem}.consumer-intro-copy h1{margin:.8rem 0 .9rem;font-family:var(--display);font-size:clamp(5.5rem,25vw,7.4rem);line-height:.7;letter-spacing:-.045em}.consumer-intro-copy h1 em{display:inline-block;color:var(--scene-b);font-style:normal;text-shadow:0 .1em 0 rgba(58,10,75,.38)}.consumer-intro-copy p{margin:0 0 1.2rem;color:#ffffffc7;font-size:.84rem;line-height:1.65}.consumer-intro-copy>small{display:block;margin-top:.85rem;color:#ffffff73;font-size:.58rem;letter-spacing:.03em}.consumer-primary{min-height:3.45rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.2rem;border:0;border-radius:999px;color:#271334!important;background:var(--scene-b);box-shadow:0 .65rem 1.7rem color-mix(in srgb,var(--scene-b) 27%,transparent),inset 0 1px #ffffff73;font-size:.84rem;font-weight:900;cursor:pointer;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.consumer-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.consumer-primary:active:not(:disabled){transform:translateY(1px) scale(.98)}.consumer-primary:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.consumer-start{width:100%;min-height:3.9rem;justify-content:space-between;padding:0 1.35rem;font-size:.92rem}.consumer-start svg{width:1.2rem;height:1.2rem}.consumer-intro-route{position:absolute;left:1.35rem;right:1.35rem;bottom:1.45rem;z-index:3;display:flex;align-items:center;gap:.45rem;color:#ffffff7a;font-size:.5rem;white-space:nowrap}.consumer-intro-route i{flex:1;height:1px;background:#ffffff2e}.consumer-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--scene-a) 32%,transparent),transparent 30rem),radial-gradient(circle at 0% 68%,color-mix(in srgb,var(--scene-b) 13%,transparent),transparent 23rem),var(--consumer-bg)}.consumer-ambient{position:fixed;inset:0;z-index:0;width:min(100%,480px);margin:auto;pointer-events:none;overflow:hidden}.consumer-ambient i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:consumerFloat 8s ease-in-out infinite alternate}.consumer-ambient i:nth-child(1){width:7rem;height:7rem;right:-3rem;top:12rem;box-shadow:inset 0 0 2rem color-mix(in srgb,var(--scene-a) 25%,transparent)}.consumer-ambient i:nth-child(2){width:3.4rem;height:3.4rem;left:-1rem;top:55%;animation-delay:-2s}.consumer-ambient i:nth-child(3){width:1.8rem;height:1.8rem;right:14%;bottom:7rem;animation-delay:-5s;background:color-mix(in srgb,var(--scene-b) 18%,transparent)}.consumer-flow-header{position:relative;z-index:5;height:4.2rem;display:grid;grid-template-columns:2.4rem 1fr 2.4rem;align-items:center;gap:.6rem;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1b0d2cb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.consumer-flow-header img{justify-self:center;width:8.2rem}.consumer-flow-header>span{justify-self:end;font-size:.58rem;font-weight:700;letter-spacing:.08em}.consumer-back{width:2.35rem;height:2.35rem;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff0f;cursor:pointer}.consumer-back:disabled{opacity:0;pointer-events:none}.consumer-progress{position:relative;z-index:3;height:4rem;display:flex;align-items:center;justify-content:center;gap:.78rem;padding:0 1rem}.consumer-progress>span{display:flex;align-items:center;gap:.28rem;color:#ffffff47}.consumer-progress>span:after{content:"";width:.65rem;height:1px;margin-left:.3rem;background:currentColor}.consumer-progress>span:last-child:after{display:none}.consumer-progress i{width:1.35rem;height:1.35rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.52rem;font-style:normal}.consumer-progress i svg{width:.7rem;height:.7rem}.consumer-progress small{font-size:.52rem}.consumer-progress .active{color:var(--scene-b)}.consumer-content{position:relative;z-index:2;min-height:calc(100dvh - 8.2rem);padding:.7rem 1rem 7.4rem}.consumer-title>span{color:var(--scene-b);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:800;letter-spacing:.1em}.consumer-title h2{margin:.55rem 0;font-family:var(--display);font-size:clamp(2.75rem,13vw,4rem);line-height:.92;letter-spacing:-.035em;text-wrap:balance}.consumer-title p{margin:0;max-width:22rem;color:#ffffff94;font-size:.72rem;line-height:1.58}.consumer-section-tools{display:flex;align-items:center;justify-content:space-between;margin:1.4rem 0 .7rem}.consumer-section-tools>span{color:#ffffff75;font-size:.6rem}.consumer-section-tools button{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;font-size:.6rem;cursor:pointer}.consumer-scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.72rem}.consumer-scene-grid>button{position:relative;overflow:hidden;aspect-ratio:.84;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:1.45rem;background:#2b193d;text-align:left;cursor:pointer;box-shadow:0 .7rem 1.6rem #0a031133;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease}.consumer-scene-grid>button:nth-child(2),.consumer-scene-grid>button:nth-child(3){transform:translateY(1.2rem)}.consumer-scene-grid>button:hover{transform:translateY(-.18rem)}.consumer-scene-grid>button:nth-child(2):hover,.consumer-scene-grid>button:nth-child(3):hover{transform:translateY(1rem)}.consumer-scene-grid>button.selected{border-color:var(--scene-b);box-shadow:0 0 0 2px var(--scene-b),0 1rem 2.3rem color-mix(in srgb,var(--scene-b) 23%,transparent)}.consumer-scene-grid img{width:100%;height:100%;object-fit:cover}.consumer-scene-grid>button:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#180927f5)}.consumer-scene-grid>button>div{position:absolute;left:.85rem;right:.7rem;bottom:.8rem;z-index:2;display:grid;gap:.1rem}.consumer-scene-grid strong{font-size:.82rem}.consumer-scene-grid small{color:#ffffff94;font-size:.55rem}.scene-number{position:absolute;left:.7rem;top:.7rem;z-index:2;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#16082385;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.52rem;font-weight:800}.scene-check,.instrument-check{position:absolute;right:.7rem;top:.7rem;z-index:3;width:1.65rem;height:1.65rem;display:grid;place-items:center;border-radius:50%;color:#2b1234;background:var(--scene-b);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.selected>.scene-check,.selected>.instrument-check{opacity:1;transform:scale(1)}.scene-check svg,.instrument-check svg{width:.75rem;height:.75rem}.consumer-sticky{position:fixed;left:max(calc(50% - 240px + 1rem),1rem);right:max(calc(50% - 240px + 1rem),1rem);bottom:.75rem;z-index:10;min-height:4.7rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .68rem .65rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#261139d6;box-shadow:0 1rem 3rem #07020e7a;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.consumer-sticky>span{overflow:hidden;color:#ffffff9e;font-size:.62rem;white-space:nowrap;text-overflow:ellipsis}.consumer-sticky .consumer-primary{flex:none;min-height:3.25rem}.consumer-context-chip{display:grid;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:.75rem;margin:1.25rem 0 .85rem;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;background:#ffffff0e}.consumer-context-chip img{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:.8rem}.consumer-context-chip span{display:grid}.consumer-context-chip small{color:#ffffff75;font-size:.52rem}.consumer-context-chip strong{font-size:.74rem}.consumer-context-chip button{padding:.42rem .65rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:transparent;font-size:.54rem;cursor:pointer}.consumer-instrument-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.72rem}.consumer-instrument-grid>button{position:relative;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:1.45rem;background:#ffffff0e;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease}.consumer-instrument-grid>button:hover{transform:translateY(-3px)}.consumer-instrument-grid>button.selected{border-color:var(--scene-b);box-shadow:0 0 0 2px var(--scene-b),0 1rem 2rem color-mix(in srgb,var(--scene-a) 18%,transparent)}.consumer-instrument-grid img{width:100%;aspect-ratio:1;object-fit:cover}.consumer-instrument-grid>button>div{display:grid;padding:.72rem .8rem .9rem}.consumer-instrument-grid small{color:var(--scene-b);font-size:.49rem;letter-spacing:.05em}.consumer-instrument-grid strong{margin-top:.15rem;font-size:.8rem}.consumer-instrument-grid em{margin-top:.1rem;color:#ffffff7a;font-size:.52rem;font-style:normal}.consumer-footnote{margin:.75rem .25rem 0;color:#ffffff5c;font-size:.5rem;line-height:1.5}.consumer-melody-hero{min-height:7.2rem;display:grid;grid-template-columns:7.2rem 1fr;align-items:center;overflow:hidden;margin:1.2rem 0 .85rem;border:1px solid rgba(255,255,255,.13);border-radius:1.4rem;background:linear-gradient(110deg,color-mix(in srgb,var(--scene-a) 30%,#251337),#ffffff0a)}.consumer-melody-hero img{width:7.2rem;height:7.2rem;object-fit:cover}.consumer-melody-hero>span{display:grid;padding:.8rem}.consumer-melody-hero small{color:var(--scene-b);font-size:.54rem}.consumer-melody-hero strong{margin:.15rem 0;font-family:var(--display);font-size:1.65rem}.consumer-melody-hero em{color:#ffffff8c;font-size:.58rem;font-style:normal}.source-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 .85rem;padding:.32rem;border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;background:#ffffff09}.source-mode-picker button{min-height:3.65rem;display:grid;align-content:center;gap:.12rem;padding:.65rem .72rem;border:1px solid transparent;border-radius:.9rem;color:#ffffff9e;background:transparent;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.source-mode-picker button:active{transform:scale(.98)}.source-mode-picker button.active{color:#281033;border-color:color-mix(in srgb,var(--scene-b) 76%,#fff);background:var(--scene-b)}.source-mode-picker strong{font-size:.68rem}.source-mode-picker small{font-size:.48rem;line-height:1.35;opacity:.7}.consumer-melody-list{display:grid;gap:.7rem}.consumer-melody-list article{position:relative;min-height:6.2rem;display:grid;grid-template-columns:3.1rem 1fr;align-items:center;gap:.7rem;padding:.8rem 2.5rem .8rem .8rem;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:#ffffff0e;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.consumer-melody-list article:hover{transform:translate(2px)}.consumer-melody-list article.selected{border-color:var(--scene-b);background:color-mix(in srgb,var(--scene-a) 15%,rgba(255,255,255,.06))}.melody-play{width:3.05rem;height:3.05rem;display:grid;place-items:center;border:0;border-radius:50%;color:#281033!important;background:var(--scene-b);cursor:pointer}.melody-play svg{width:1rem;height:1rem}.consumer-melody-list article>div:nth-of-type(1){align-self:center;display:grid}.consumer-melody-list article>div>span{color:var(--scene-b);font-size:.47rem;font-weight:800;letter-spacing:.08em}.consumer-melody-list article>div>strong{margin:.16rem 0;font-size:.76rem}.consumer-melody-list article>div>small{color:#ffffff73;font-size:.52rem}.melody-wave{grid-column:1 / -1;height:1.5rem;display:flex;align-items:center;gap:2px;margin-left:3.8rem;margin-top:-.25rem}.melody-wave i{flex:1;max-width:.22rem;border-radius:999px;background:#ffffff38}.melody-wave.playing i{background:var(--scene-c);animation:consumerWave .65s ease-in-out infinite alternate;animation-delay:calc(var(--i, 1) * -35ms)}.melody-radio{position:absolute;right:.75rem;top:50%;width:1.5rem;height:1.5rem;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.22);border-radius:50%;color:transparent}.selected>.melody-radio{color:#281033;border-color:var(--scene-b);background:var(--scene-b)}.melody-radio svg{width:.7rem;height:.7rem}.consumer-preserve-note,.consumer-cost-note{display:flex;align-items:flex-start;gap:.7rem;margin-top:.85rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--scene-c) 24%,transparent);border-radius:1.1rem;background:color-mix(in srgb,var(--scene-c) 7%,transparent)}.consumer-preserve-note>svg,.consumer-cost-note>svg{flex:none;width:1.2rem;height:1.2rem;color:var(--scene-c)}.consumer-preserve-note>span,.consumer-cost-note>span{display:grid;gap:.16rem}.consumer-preserve-note strong,.consumer-cost-note strong{font-size:.65rem}.consumer-preserve-note small,.consumer-cost-note small{color:#ffffff80;font-size:.53rem;line-height:1.48}.consumer-loading,.consumer-error{min-height:5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.7rem 0;border:1px dashed rgba(255,255,255,.14);border-radius:1rem;color:#ffffff80;font-size:.64rem}.consumer-loading svg{animation:consumerSpin .8s linear infinite}.consumer-error{color:#ffb9cb;border-color:#ff83ad4d}.freestyle-recorder{display:grid;gap:.72rem;padding:.82rem;border:1px solid rgba(255,255,255,.13);border-radius:1.4rem;background:linear-gradient(145deg,color-mix(in srgb,var(--scene-a) 13%,rgba(255,255,255,.055)),#ffffff09);box-shadow:inset 0 1px #ffffff14}.freestyle-status{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.freestyle-status>span{display:flex;align-items:center;gap:.32rem;color:#ffffff8a}.freestyle-status svg{width:.95rem;height:.95rem;color:var(--scene-b)}.freestyle-status strong{color:#fff8fb;font-family:var(--display);font-size:1.55rem;line-height:1}.freestyle-status small{font-size:.5rem}.freestyle-timeline{position:relative;height:5.3rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.07) 25%),#0e061880}.freestyle-timeline:after{content:"";position:absolute;left:.65rem;right:.65rem;top:50%;height:1px;background:#ffffff14}.freestyle-timeline>span{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff57;font-size:.54rem}.freestyle-timeline>i{position:absolute;left:var(--event-x);top:var(--event-y);z-index:2;width:var(--event-w);min-width:.42rem;height:.62rem;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,var(--scene-b),var(--scene-c));box-shadow:0 .15rem .6rem color-mix(in srgb,var(--scene-b) 25%,transparent)}.freestyle-timeline>i small{position:absolute;left:.28rem;top:50%;transform:translateY(-50%);color:#261031;font-size:.34rem;font-style:normal;font-weight:900;white-space:nowrap}.freestyle-keyboard{display:grid;grid-template-columns:repeat(5,1fr);gap:.36rem}.freestyle-keyboard button{position:relative;min-width:0;min-height:4.7rem;display:grid;align-content:space-between;padding:.52rem .35rem;border:1px solid rgba(255,255,255,.14);border-radius:.75rem;color:#2a1639;background:#fff8fb;box-shadow:0 .28rem #09031157;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.freestyle-keyboard button:nth-child(3n+2){background:color-mix(in srgb,var(--scene-b) 15%,#fff8fb)}.freestyle-keyboard button:active{transform:translateY(.22rem);box-shadow:0 .06rem #09031147;filter:brightness(.94)}.freestyle-keyboard button span{overflow:hidden;font-size:.52rem;font-weight:900;text-overflow:ellipsis}.freestyle-keyboard kbd{justify-self:end;min-width:1rem;padding:.14rem .24rem;border-radius:.3rem;color:#2a1639a6;background:#2a163917;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.4rem}.freestyle-drums .freestyle-keyboard{grid-template-columns:repeat(2,1fr)}.freestyle-drums .freestyle-keyboard button{min-height:6rem;color:#fff8fb;border-color:#ffffff2e;background:color-mix(in srgb,var(--scene-a) 54%,#251337);box-shadow:inset 0 1px #ffffff29,0 .3rem #09031159}.freestyle-drums .freestyle-keyboard .drum-snare,.freestyle-drums .freestyle-keyboard .drum-hat{background:color-mix(in srgb,var(--scene-b) 44%,#251337)}.freestyle-drums .freestyle-keyboard kbd{color:#ffffffb8;background:#ffffff1a}.freestyle-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.38rem}.freestyle-actions button,.freestyle-actions a,.freestyle-actions>span{min-height:2.55rem;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.12);border-radius:.78rem;color:#ffffffad;background:#ffffff0d;font-size:.49rem;font-weight:700;text-decoration:none;cursor:pointer}.freestyle-actions button:active,.freestyle-actions a:active{transform:scale(.98)}.freestyle-actions button:disabled,.freestyle-actions>span{opacity:.36;cursor:default}.freestyle-actions svg{width:.85rem;height:.85rem}.freestyle-recorder>p{margin:0;color:#ffffff6b;font-size:.48rem;line-height:1.5}.consumer-review{padding-bottom:2.5rem}.portrait-studio{padding-bottom:7rem}.portrait-stage{display:grid;gap:1rem;margin-top:1rem}.portrait-preview{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:1.45rem;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--scene-b) 36%,transparent),transparent 42%),#160a25;box-shadow:0 1.7rem 4rem #07020e61}.portrait-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--scene-a) 24%,transparent),transparent 43%,color-mix(in srgb,var(--scene-b) 18%,transparent));mix-blend-mode:color}.portrait-preview>img:not(.portrait-instrument-reference),.portrait-preview>video{width:100%;height:100%;object-fit:cover}.portrait-preview>video{transform:scaleX(-1)}.portrait-preview.is-generated>img:not(.portrait-instrument-reference){object-fit:contain;filter:drop-shadow(0 1.2rem 1.4rem rgba(4,1,8,.52))}.portrait-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.5rem;padding:2rem;color:#ffffffbd;text-align:center}.portrait-empty svg{width:4rem;height:4rem;color:var(--scene-b)}.portrait-empty strong{font-size:.78rem}.portrait-empty small{max-width:14rem;color:#ffffff6b;font-size:.54rem;line-height:1.6}.portrait-guides{position:absolute;inset:8%;z-index:3;pointer-events:none}.portrait-guides i{position:absolute;width:2.2rem;height:2.2rem;border-color:#ffffffb8;border-style:solid}.portrait-guides i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.portrait-guides i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.portrait-guides i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.portrait-guides i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.portrait-instrument-reference{position:absolute;right:.7rem;bottom:.7rem;z-index:4;width:31%;aspect-ratio:1.2;object-fit:cover;border:2px solid rgba(255,255,255,.88);border-radius:.75rem;box-shadow:.45rem .45rem 0 var(--scene-a)}.portrait-shutter{position:absolute;left:50%;bottom:1rem;z-index:6;width:4rem;height:4rem;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#0f051970;transform:translate(-50%);cursor:pointer}.portrait-shutter span{width:2.8rem;aspect-ratio:1;border-radius:50%;background:#fff}.portrait-remove{position:absolute;right:.75rem;top:.75rem;z-index:7;width:2.25rem;height:2.25rem;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.36);border-radius:50%;color:#fff;background:#0e0518b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.portrait-status{position:absolute;left:.75rem;top:.75rem;z-index:6;display:flex;align-items:center;gap:.3rem;padding:.45rem .6rem;border-radius:999px;color:#25102f;background:var(--scene-b);font-size:.48rem;font-weight:900;letter-spacing:.04em}.portrait-status.preview{color:#fff;background:#230e32cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portrait-status svg{width:.7rem;height:.7rem}.portrait-controls{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:#ffffff0b}.portrait-model-chip{display:flex;align-items:center;gap:.55rem;color:var(--scene-b)}.portrait-model-chip>svg{width:1.35rem;height:1.35rem}.portrait-model-chip i{display:grid;font-style:normal}.portrait-model-chip small{color:#fff6;font-size:.44rem}.portrait-model-chip strong{font-size:.58rem}.portrait-controls h3{margin:.9rem 0 .55rem;font-family:var(--display);font-size:2.65rem;line-height:.82}.portrait-controls>p{margin:0 0 1rem;color:#ffffff80;font-size:.58rem;line-height:1.65}.portrait-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.portrait-actions button,.portrait-actions label{min-height:3.1rem;display:flex;align-items:center;justify-content:center;gap:.38rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#ffffff0e;font-size:.58rem;font-weight:800;cursor:pointer}.portrait-actions label{color:#281033;background:var(--scene-b)}.portrait-actions input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.portrait-actions svg{width:.9rem;height:.9rem}.portrait-generate{width:100%;margin-top:.65rem}.portrait-warning,.portrait-privacy{display:flex;align-items:flex-start;gap:.55rem;margin-top:.75rem;padding:.7rem;border-radius:.8rem;background:#ffffff0d}.portrait-warning{color:#ffd56a;border:1px solid rgba(255,213,106,.2)}.portrait-warning>svg,.portrait-privacy>svg{flex:0 0 auto;width:1rem;height:1rem;margin-top:.1rem}.portrait-warning span,.portrait-privacy span{display:grid;gap:.15rem}.portrait-warning strong,.portrait-privacy strong{color:#ffffffd1;font-size:.54rem}.portrait-warning small,.portrait-privacy small{color:#ffffff6b;font-size:.46rem;line-height:1.5}.portrait-privacy{color:var(--scene-c);border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent}.consumer-recipe-card{position:relative;min-height:25rem;overflow:hidden;margin-top:1.2rem;padding:1.1rem;border:1px solid rgba(255,255,255,.16);border-radius:1.8rem;box-shadow:0 1.5rem 3rem #07020e59}.recipe-scene,.recipe-gradient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.recipe-gradient{background:linear-gradient(180deg,#12061f2e,#12061f14 45%,#12061ff0 82%)}.recipe-kicker{position:relative;z-index:2;display:flex;align-items:center;gap:.35rem;color:var(--scene-b);font-size:.54rem;font-weight:800;letter-spacing:.08em}.consumer-recipe-card h3{position:absolute;left:1.1rem;right:1.1rem;bottom:6.1rem;z-index:2;margin:0;font-family:var(--display);font-size:2.6rem;line-height:.92}.consumer-recipe-card>p{position:absolute;left:1.1rem;bottom:4.55rem;z-index:2;margin:0;color:#ffffff9e;font-size:.63rem}.recipe-bottom{position:absolute;left:1rem;right:1rem;bottom:.8rem;z-index:2;display:grid;grid-template-columns:3.4rem 1fr auto;align-items:center;gap:.65rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.15)}.recipe-bottom img{width:3.4rem;height:3.4rem;object-fit:cover;border-radius:.85rem}.recipe-bottom span{display:grid}.recipe-bottom small{color:var(--scene-b);font-size:.48rem}.recipe-bottom strong{font-size:.7rem}.recipe-bottom>i{padding:.4rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.52rem;font-style:normal}.consumer-recipe-lines{display:grid;margin-top:.85rem;border-top:1px solid rgba(255,255,255,.12)}.consumer-recipe-lines>span{display:grid;grid-template-columns:2.2rem 1fr;gap:.1rem .7rem;padding:.85rem .2rem;border-bottom:1px solid rgba(255,255,255,.12)}.consumer-recipe-lines i{grid-row:1 / 3;color:var(--scene-b);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;font-style:normal}.consumer-recipe-lines strong{font-size:.66rem}.consumer-recipe-lines small{color:#ffffff75;font-size:.52rem;line-height:1.45}.consumer-cost-note{margin-top:.9rem}.consumer-cost-note>svg{color:var(--scene-b)}.consumer-generate-button{width:100%;min-height:4rem;margin-top:1rem}.consumer-generation{position:relative;z-index:2;min-height:calc(100dvh - 4.2rem);display:flex;flex-direction:column;align-items:center;padding:4vh 1.2rem 2rem;text-align:center}.generation-orb{position:relative;width:min(72vw,19rem);aspect-ratio:1;margin-bottom:1.6rem}.generation-orb>img:first-child{width:100%;height:100%;object-fit:cover;border:.55rem solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 .8rem color-mix(in srgb,var(--scene-a) 15%,transparent),0 2rem 5rem color-mix(in srgb,var(--scene-a) 35%,transparent);animation:consumerOrb 3s ease-in-out infinite alternate}.generation-instrument{position:absolute;right:-8%;bottom:-4%;width:42%;aspect-ratio:1;object-fit:cover;border:.25rem solid var(--consumer-bg);border-radius:50%;box-shadow:0 .8rem 2rem #08020f66}.generation-orb>span,.generation-orb>i,.generation-orb>b{position:absolute;inset:-8%;border:1px solid color-mix(in srgb,var(--scene-b) 45%,transparent);border-radius:50%;animation:consumerOrbit 8s linear infinite}.generation-orb>i{inset:-16%;animation-direction:reverse;animation-duration:12s}.generation-orb>b{inset:5%;border-style:dashed;animation-duration:16s}.consumer-generation h2{max-width:22rem;margin:.7rem 0 .5rem;font-family:var(--display);font-size:2.6rem;line-height:.95}.consumer-generation>p{max-width:21rem;margin:0;color:#ffffff8f;font-size:.7rem;line-height:1.55}.generation-track{width:100%;height:.5rem;overflow:hidden;margin:1.6rem 0 1.15rem;border-radius:999px;background:#ffffff1a}.generation-track i{display:block;width:100%;height:100%;transform-origin:left;border-radius:inherit;background:linear-gradient(90deg,var(--scene-a),var(--scene-b),var(--scene-c));transition:transform .5s ease}.generation-steps{width:100%;display:flex;justify-content:space-between;gap:.25rem}.generation-steps>span{flex:1;display:grid;justify-items:center;gap:.35rem;color:#ffffff3d;font-size:.55rem}.generation-steps>span>svg{width:.75rem;height:.75rem}.generation-steps small{font-size:.42rem;line-height:1.25}.generation-steps .active{color:var(--scene-b)}.generation-prompt{width:100%;margin-top:1.25rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#ffffff0d;text-align:left}.generation-prompt summary{color:#ffffffa6;font-size:.55rem;cursor:pointer}.generation-prompt p{color:#ffffff7a;font-size:.5rem;line-height:1.55}.consumer-generation>.consumer-primary{margin-top:1.2rem}.consumer-result{position:relative;z-index:2;min-height:calc(100dvh - 4.2rem);padding-bottom:2rem}.result-visual{position:relative;min-height:54dvh;overflow:hidden}.music-result-visual.visualizer-poster{width:100%;max-height:none;aspect-ratio:4 / 5;border:0;border-radius:0}.music-result-visual .music-visual-canvas{z-index:-5}.music-result-visual .result-scene{z-index:-4;opacity:.34;mix-blend-mode:luminosity;filter:saturate(.7) contrast(1.12)}.music-result-visual .visualizer-aurora{z-index:-3}.music-result-visual .visualizer-laser-field{z-index:-1}.result-scene,.result-color{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-color{background:linear-gradient(180deg,color-mix(in srgb,var(--scene-a) 20%,transparent),#1908290d 48%,#1b0d2c);mix-blend-mode:multiply}.result-performer{position:absolute;z-index:3;left:50%;right:auto;bottom:-4%;width:90%;height:94%;object-fit:contain;object-position:center bottom;transform:translate(-50%) scale(calc(1 + var(--bass) * .035));transform-origin:50% 86%;filter:drop-shadow(0 1.5rem 2rem rgba(8,2,16,.55));transition:transform .14s linear}.result-performer-photo{width:80%;height:78%;bottom:8%;object-fit:cover;border-radius:46% 46% 18% 18%;-webkit-mask-image:linear-gradient(#000 76%,transparent 100%);mask-image:linear-gradient(#000 76%,transparent 100%);filter:saturate(1.05) contrast(1.04) drop-shadow(0 1.5rem 2rem rgba(8,2,16,.55))}.result-logo{position:absolute;left:1rem;top:1rem;z-index:4;width:8rem}.result-location{position:absolute;left:1rem;top:4.8rem;z-index:4;color:var(--scene-b);font-size:.5rem;font-weight:800;letter-spacing:.12em}.result-visual>strong{position:absolute;left:1rem;bottom:2.3rem;z-index:5;font-family:var(--display);font-size:4.8rem;line-height:.68;letter-spacing:-.04em;text-shadow:0 .08em 0 rgba(37,7,50,.35)}.result-pulse{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.result-pulse i{position:absolute;width:14rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--scene-c) 50%,transparent);border-radius:50%;opacity:.35}.result-pulse i:nth-child(2){width:19rem}.result-pulse i:nth-child(3){width:26rem}.result-pulse.playing i{animation:resultPulse 1.8s ease-out infinite}.result-pulse.playing i:nth-child(2){animation-delay:-.6s}.result-pulse.playing i:nth-child(3){animation-delay:-1.2s}.result-panel{position:relative;z-index:5;margin-top:-1.4rem;padding:1.35rem 1rem 0;border-radius:1.7rem 1.7rem 0 0;background:var(--consumer-bg)}.result-panel h2{margin:.55rem 0 .25rem;font-family:var(--display);font-size:2.35rem;line-height:.95}.result-panel>p{margin:0 0 1rem;color:#ffffff80;font-size:.62rem}.prompt-engine-picker{display:grid;gap:.65rem;margin:1rem 0;padding:.9rem;border:1px solid rgba(255,255,255,.12);border-radius:1.1rem;background:#ffffff0b}.prompt-engine-picker>span{display:grid;gap:.15rem}.prompt-engine-picker>span strong{font-size:.7rem}.prompt-engine-picker>span small{color:#ffffff7a;font-size:.48rem}.prompt-engine-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.prompt-engine-picker button{display:grid;align-content:center;gap:.18rem;min-height:4.2rem;padding:.62rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:.9rem;color:#ffffffa8;background:#ffffff09;text-align:left;cursor:pointer}.prompt-engine-picker button.active{border-color:var(--scene-b);color:#281033;background:var(--scene-b)}.prompt-engine-picker button b{font-size:.56rem;letter-spacing:.05em}.prompt-engine-picker button small{font-size:.42rem;opacity:.68}.mix-master-trace{width:min(31rem,calc(100% - 2rem));display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem;margin:.8rem auto 0}.mix-master-trace span{display:grid;gap:.12rem;padding:.55rem .35rem;border:1px solid rgba(255,255,255,.1);border-radius:.7rem;background:#ffffff0a}.mix-master-trace small{color:#ffffff6b;font-size:.4rem}.mix-master-trace strong{color:var(--scene-b);font-size:.52rem;overflow-wrap:anywhere}.result-versions{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0 0 .65rem;padding:.3rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff09}.result-versions button{min-height:2.15rem;border:0;border-radius:999px;color:#ffffff8c;background:transparent;font-size:.52rem;font-weight:800;cursor:pointer}.result-versions button.active{color:#281033;background:var(--scene-b)}.result-play{width:100%;min-height:4.8rem;display:grid;grid-template-columns:3.2rem 1fr 1.4rem;align-items:center;gap:.75rem;padding:.7rem .9rem;border:0;border-radius:1.35rem;color:#281033!important;background:var(--scene-b);text-align:left;cursor:pointer}.result-play>svg:first-child{width:3rem;height:3rem;padding:.85rem;border-radius:50%;color:var(--scene-b);background:#281033}.result-play>svg:last-child{width:1.15rem;height:1.15rem}.result-play span{display:grid}.result-play strong{font-size:.75rem}.result-play small{margin-top:.1rem;font-size:.5rem;opacity:.62}.result-wave{height:4.2rem;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}.result-wave i{width:.18rem;border-radius:999px;background:color-mix(in srgb,var(--scene-c) 50%,rgba(255,255,255,.15))}.result-wave.playing i{animation:consumerWave .55s ease-in-out infinite alternate}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.result-actions button,.result-actions a{min-height:3.3rem;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#281033;background:var(--scene-b);font-size:.65rem;font-weight:800;text-decoration:none;cursor:pointer}.result-actions a{color:var(--consumer-paper);background:#ffffff0f}.result-actions svg{width:1rem;height:1rem}.spin{animation:consumerSpin .7s linear infinite}.result-qr{min-height:6rem;display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;padding:.8rem;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:#ffffff0d}.result-qr>span{display:flex;align-items:center;gap:.6rem}.result-qr>span>svg{width:1.5rem;height:1.5rem;color:var(--scene-b)}.result-qr i{display:grid;font-style:normal}.result-qr strong{font-size:.64rem}.result-qr small{color:#ffffff73;font-size:.5rem}.result-qr>img{width:4.5rem;height:4.5rem;border-radius:.35rem}.result-prompt{margin-top:.8rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.result-prompt summary{display:flex;align-items:center;gap:.4rem;color:#ffffffa6;font-size:.58rem;cursor:pointer}.result-prompt p{color:#ffffff7a;font-size:.5rem;line-height:1.6}.result-prompt>small{color:var(--scene-b);font-size:.45rem}.result-again{width:100%;margin-top:.8rem;padding:.8rem;border:0;color:#ffffff73!important;background:transparent;font-size:.6rem;cursor:pointer;text-decoration:underline;text-underline-offset:.25rem}.share-scrim{position:fixed;inset:0;z-index:80;width:100%;border:0;background:#08020ec7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.share-modal{position:fixed;left:50%;top:50%;z-index:81;width:min(calc(100% - 2rem),420px);max-height:calc(100dvh - 2rem);overflow:auto;transform:translate(-50%,-50%);padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:1.6rem;background:#241135;box-shadow:0 2rem 6rem #040108a6;text-align:center}.share-modal>span{color:var(--scene-b);font-size:.56rem;font-weight:800;letter-spacing:.08em}.share-modal h3{margin:.35rem 0 .7rem;font-family:var(--display);font-size:2rem}.share-modal>img{width:min(100%,18rem);margin:0 auto;border-radius:1rem;box-shadow:0 1rem 2rem #07020e66}.share-modal>p{color:#ffffff8c;font-size:.58rem}.share-modal .consumer-primary{width:100%}.share-close{position:absolute;right:.7rem;top:.7rem;width:2rem;height:2rem;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff14;cursor:pointer}.consumer-corner-icon{position:fixed;right:max(calc(50% - 240px + .3rem),.3rem);bottom:.3rem;z-index:1;width:5rem;height:5rem;color:#ffffff06;transform:rotate(-12deg);pointer-events:none}@keyframes consumerHero{0%{object-position:50% 48%}to{object-position:50% 46%}}@keyframes consumerFloat{0%{transform:translateZ(0)}to{transform:translate3d(.4rem,-1rem,0)}}@keyframes consumerSpin{to{transform:rotate(360deg)}}@keyframes consumerWave{0%{transform:scaleY(.55);opacity:.45}to{transform:scaleY(1.1);opacity:1}}@keyframes consumerOrb{0%{transform:scale(.97) rotate(-1deg)}to{transform:scale(1.02) rotate(1deg)}}@keyframes consumerOrbit{to{transform:rotate(360deg)}}@keyframes resultPulse{0%{transform:scale(.55);opacity:.65}to{transform:scale(1.3);opacity:0}}@media(min-width:700px){.consumer-app{margin-block:1.2rem;min-height:calc(100dvh - 2.4rem);border-radius:2rem;overflow:hidden}.consumer-intro,.consumer-stage{min-height:calc(100dvh - 2.4rem)}.consumer-sticky{left:calc(50% - 224px);right:calc(50% - 224px);bottom:2rem}.consumer-ambient{top:1.2rem;bottom:1.2rem;border-radius:2rem}}@media(max-width:370px){.consumer-title h2{font-size:2.55rem}.consumer-scene-grid,.consumer-instrument-grid{gap:.55rem}.consumer-intro-copy h1{font-size:5.3rem}.consumer-progress{gap:.35rem}.consumer-progress>span:after{width:.35rem}}@media(prefers-reduced-motion:reduce){.consumer-app *,.consumer-app *:before,.consumer-app *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:GT America Y;src:url(/fonts/GT-America-Standard-Regular-Y.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:GT America Y;src:url(/fonts/GT-America-Standard-Bold-Y.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:GT America Compressed;src:url(/fonts/GT-America-Compressed-Black-Y.otf) format("opentype");font-weight:900;font-display:swap}@font-face{font-family:FZ Lanting;src:url(/fonts/FZLTCHCGBK.ttf) format("truetype");font-display:swap}.campaign-site{--violet: #4b1e78;--violet-bright: #7b47d2;--violet-light: #d6a4ea;--violet-dark: #26193a;--ink: #0b0610;--white: #fff;position:fixed;inset:0;overflow:hidden;color:var(--white);background:var(--ink);font-family:GT America Y,FZ Lanting,sans-serif}.campaign-site *,.campaign-site *:before,.campaign-site *:after{box-sizing:border-box}.campaign-site button,.campaign-site a{-webkit-tap-highlight-color:transparent}.campaign-site button:focus-visible,.campaign-site a:focus-visible{outline:2px solid var(--violet-light);outline-offset:4px}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:50;padding:.7rem 1rem;color:var(--ink);background:#fff;transition:top .2s ease}.skip-link:focus{top:1rem}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:6.1rem;display:grid;grid-template-columns:14rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:0 clamp(1.2rem,3.5vw,4rem);background:linear-gradient(180deg,#08030de6,#08030d1f);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-button{width:13rem;height:6rem;display:grid;place-items:center;overflow:hidden;padding:0;border:0;background:none;cursor:pointer}.brand-button img{display:block;width:13rem;height:auto}.site-header nav{justify-self:center;display:flex;align-items:center;gap:clamp(.45rem,1.2vw,1.25rem)}.site-header nav button{position:relative;display:grid;place-items:center;width:1.15rem;height:1.8rem;padding:0;border:0;color:#ffffff7a;background:none;cursor:pointer}.site-header nav button i{width:.28rem;height:.28rem;border-radius:50%;background:currentColor;transition:width .28s ease,border-radius .28s ease,color .28s ease}.site-header nav button span{position:absolute;top:2rem;left:50%;padding:.3rem .45rem;color:#fff;background:#26193aeb;font-size:.56rem;white-space:nowrap;opacity:0;transform:translate(-50%,-.3rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.site-header nav button:hover span{opacity:1;transform:translate(-50%)}.site-header nav button.active{color:var(--violet-light)}.site-header nav button.active i{width:1rem;border-radius:1rem}.pause-button{justify-self:end;width:2.45rem;height:2.45rem;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:#ffffff12;cursor:pointer;transition:background .2s ease,transform .2s ease}.pause-button:hover{background:var(--violet);transform:scale(1.06)}.pause-button:active{transform:scale(.96)}.pause-button svg{width:1rem;height:1rem}.header-actions{justify-self:end;display:flex;align-items:center;gap:.7rem}.language-switch{display:flex;align-items:center;padding:.2rem;border:1px solid rgba(255,255,255,.16);background:#0f07178c}.language-switch button{min-width:2rem;height:1.9rem;padding:0 .45rem;border:0;color:#ffffff80;background:transparent;font:700 .58rem/1 GT America Y,sans-serif;cursor:pointer;transition:color .2s ease,background .2s ease}.language-switch button:hover{color:#fff}.language-switch button.active{color:#26193a;background:#fff}.campaign-scroll{height:100dvh;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.campaign-scroll::-webkit-scrollbar{display:none}.campaign-section{position:relative;min-height:100dvh;overflow:hidden;display:grid;place-items:center;padding:6rem clamp(1.4rem,5vw,6rem) 3rem;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;background:var(--ink)}.campaign-section:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(rgba(214,164,234,.22) .55px,transparent .55px);background-size:8px 8px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}.section-inner{width:min(100%,86rem);margin:0 auto}.campaign-section h1,.campaign-section h2,.campaign-section h3,.campaign-section p{margin-top:0}.campaign-section h1,.campaign-section h2{font-family:GT America Compressed,FZ Lanting,sans-serif;font-weight:900}.campaign-section h2{margin-bottom:1.5rem;font-size:clamp(4.2rem,8.5vw,9rem);line-height:.78;letter-spacing:-.055em}.campaign-section h2 em{color:var(--violet-light);font-style:normal}.campaign-section p{max-width:34rem;color:#ffffffad;font-size:clamp(.9rem,1.15vw,1.08rem);line-height:1.7}.lang-zh .campaign-section h1,.lang-zh .campaign-section h2,.lang-ja .campaign-section h1,.lang-ja .campaign-section h2{line-height:.94;letter-spacing:-.035em;text-wrap:balance}.lang-zh .campaign-section h3,.lang-ja .campaign-section h3{line-height:1.22}.lang-zh .campaign-section p,.lang-ja .campaign-section p{line-height:1.82}.section-note{color:var(--violet-light)!important;font-size:.68rem!important;font-weight:700;letter-spacing:.16em}.chapter-mark{position:absolute;left:clamp(1.4rem,3.5vw,4rem);bottom:1.5rem;z-index:5;display:flex;align-items:baseline;gap:.35rem;font-family:GT America Compressed,sans-serif}.chapter-mark b{font-size:1.4rem}.chapter-mark span{color:#ffffff59;font-size:.56rem}.reveal{opacity:0;transform:translate3d(0,3rem,0);transition:opacity .6s ease var(--delay, 0ms),transform .82s cubic-bezier(.16,.86,.2,1) var(--delay, 0ms);will-change:opacity,transform}.is-active .reveal{opacity:1;transform:translateZ(0)}.is-active .reveal:nth-child(2){transition-delay:.1s}.is-active .reveal:nth-child(3){transition-delay:.2s}.is-active .reveal:nth-child(4){transition-delay:.3s}.section-0{background:#170a24}.section-0:before{opacity:.18}.water-ripple,.hero-ocean,.points-wave,.spotlight-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.hero-ocean{display:block;background:#1d0a31}.section-0:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(23,10,36,.22),transparent 62%),linear-gradient(0deg,rgba(16,5,28,.32),transparent 48%)}.hero-copy{position:relative;z-index:3;width:min(100%,86rem)}.hero-kicker{margin-bottom:1.2rem;color:#ffffffb8!important;font-size:.7rem!important;font-weight:700;letter-spacing:.19em}.hero-copy h1{max-width:none;margin:0;font-size:clamp(6rem,12vw,11.5rem);line-height:.72;letter-spacing:-.065em;white-space:nowrap}.lang-zh .hero-copy h1,.lang-ja .hero-copy h1{line-height:.9}.hero-copy h1 span{display:inline-block;margin-right:.08em;color:var(--violet-light);-webkit-text-stroke:1px rgba(255,255,255,.28);text-shadow:0 0 3rem rgba(214,164,234,.28)}.hero-line{margin:2.2rem 0 1.7rem;color:#ffffffc7!important}.hero-actions{display:flex;align-items:center;gap:1.3rem}.primary-action{min-height:3.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:0 1.25rem;border:0;color:#26193a;background:#fff;font-weight:700;text-decoration:none;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s ease}.primary-action:hover{color:#fff;background:var(--violet-bright);transform:translateY(-3px)}.primary-action:active{transform:translateY(1px) scale(.98)}.primary-action svg{width:1.1rem;height:1.1rem}.text-action{color:#ffffffc7;font-size:.8rem;text-underline-offset:.35rem}.hero-outline{position:absolute;right:-1vw;bottom:-6vh;color:transparent;font-family:GT America Compressed,sans-serif;font-size:clamp(8rem,22vw,21rem);line-height:.56;text-align:right;-webkit-text-stroke:1px rgba(255,255,255,.1);transform:rotate(-4deg);pointer-events:none}.lang-en .hero-copy h1{font-size:clamp(4.8rem,9.4vw,9rem)}.lang-ja .hero-copy h1{font-size:clamp(4.8rem,9.8vw,9.4rem)}.section-1{background:var(--violet)}.section-1:before{opacity:.14}.open-ripple-bed{position:absolute;left:0;right:0;bottom:0;z-index:0;height:52%;overflow:hidden;opacity:.94;-webkit-mask-image:linear-gradient(transparent,#000 23%);mask-image:linear-gradient(transparent,#000 23%)}.open-ripple-bed:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(214,164,234,.12),transparent 72%)}.play-open-grid{position:relative;z-index:2;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(3rem,8vw,9rem)}.play-open-title .section-note{color:#ffffffb3!important}.bracket-title{display:flex;align-items:center;gap:.08em;margin:0!important;color:#fff;font-size:clamp(6rem,12vw,12rem)!important;white-space:nowrap}.lang-zh .bracket-title,.lang-ja .bracket-title{line-height:1!important}.bracket-title>span{color:var(--violet-light);font-family:GT America Y,FZ Lanting,sans-serif;font-size:.72em;font-weight:400}.open-definitions{display:grid}.open-definition{min-height:8.2rem;display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;align-items:center;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.3)}.open-definition:last-child{border-bottom:1px solid rgba(255,255,255,.3)}.open-definition>span{align-self:start;padding-top:.75rem;color:var(--violet-light);font:700 .58rem/1 GT America Y,sans-serif}.open-definition h3{margin:0 0 .45rem;color:#fff;font-family:FZ Lanting,GT America Y,sans-serif;font-size:clamp(1.35rem,2.2vw,2.25rem)}.open-definition p{margin:0;color:#ffffffb8;font-size:clamp(.75rem,.95vw,.9rem);line-height:1.55}.lang-en .bracket-title{font-size:clamp(4.5rem,8vw,8rem)!important}.lang-en .open-definition h3{font-family:GT America Compressed,sans-serif;letter-spacing:-.02em}.lang-ja .bracket-title{font-size:clamp(4.6rem,8.5vw,8.6rem)!important}.section-2{background:linear-gradient(135deg,#120a19,#26133c)}.talent-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,7vw,8rem)}.talent-copy h2{font-size:clamp(4.2rem,7.8vw,8rem)}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}.metric-row div{padding-top:1rem;border-top:1px solid rgba(255,255,255,.22)}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-family:GT America Compressed,sans-serif;font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1}.metric-row span{margin-top:.35rem;color:#ffffff7a;font-size:.58rem}.social-collage{position:relative;min-height:min(68vh,44rem)}.social-collage img{position:absolute;width:clamp(9rem,16vw,15rem);border:5px solid #fff;box-shadow:1rem 1.4rem 3rem #00000052}.social-collage img:nth-child(1){left:4%;top:5%;transform:translate3d(-4rem,5rem,0) rotate(-8deg)}.social-collage img:nth-child(2){right:2%;top:16%;transform:translate3d(4rem,5rem,0) rotate(8deg)}.social-collage img:nth-child(3){left:28%;bottom:2%;transform:translate3d(0,6rem,0) rotate(3deg)}.is-active .social-collage img:nth-child(1){transform:rotate(-8deg)}.is-active .social-collage img:nth-child(2){transform:rotate(8deg)}.is-active .social-collage img:nth-child(3){transform:rotate(3deg)}.is-active .anonymized-media img.reveal{filter:blur(2.2px) saturate(.78)}.collage-stamp{position:absolute;z-index:3;right:15%;bottom:17%;padding:.8rem 1rem;color:var(--ink);background:var(--violet-light);font-family:FZ Lanting,sans-serif;font-size:1.25rem;font-weight:900;transform:rotate(-5deg)}.section-3{grid-template-columns:1.25fr .75fr;padding:0;background:#07060a}.rebel-image{position:relative;width:100%;height:100%;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1)}.is-active .rebel-image{clip-path:inset(0)}.rebel-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#07060a)}.rebel-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.13);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.is-active .rebel-image img{transform:scale(1.02)}.rebel-copy{position:relative;z-index:3;max-width:30rem;margin-left:-8vw;padding-right:5vw}.rebel-copy h2 span{color:var(--violet-light);text-shadow:.06em .06em 0 var(--violet)}.rebel-words span{position:absolute;color:transparent;font-family:GT America Compressed,FZ Lanting,sans-serif;font-size:clamp(3rem,7vw,7rem);-webkit-text-stroke:1px rgba(255,255,255,.16);animation:rebelDrift 8s ease-in-out infinite alternate}.rebel-words span:nth-child(1){left:5%;top:16%}.rebel-words span:nth-child(2){left:24%;bottom:7%;animation-delay:-2s}.rebel-words span:nth-child(3){right:2%;top:16%;animation-delay:-4s}.rebel-words span:nth-child(4){right:5%;bottom:10%;animation-delay:-6s}.section-4{background:radial-gradient(circle at 18% 72%,rgba(75,30,120,.45),transparent 30%),#0d0712}.buddy-layout{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr auto;gap:1.4rem clamp(2rem,6vw,7rem);align-items:center}.lang-zh .buddy-copy h2,.lang-ja .buddy-copy h2{font-size:clamp(4.2rem,6.4vw,7rem)}.buddy-copy h2{font-size:clamp(4.4rem,8vw,8.3rem)}.buddy-photo{height:min(60vh,39rem);overflow:hidden;clip-path:polygon(9% 0,100% 0,100% 89%,88% 100%,0 100%,0 12%)}.buddy-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.is-active .buddy-photo img{transform:scale(1)}.buddy-tags{grid-column:1/-1;overflow:hidden;display:flex;gap:1.6rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.18);white-space:nowrap}.buddy-tags span{flex:none;color:var(--violet-light);font-size:clamp(1rem,1.8vw,1.6rem);font-weight:700}.section-5{background:var(--violet)}.section-5:before{opacity:.28}.instant-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}.instant-numbers{position:relative;min-height:52vh}.instant-numbers span{position:absolute;font-family:GT America Compressed,sans-serif;font-size:clamp(8rem,19vw,19rem);line-height:.7}.instant-numbers span:first-child{left:-2vw;top:0;color:#fff}.instant-numbers span:last-child{right:0;bottom:-3vh;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.3)}.instant-copy h2{font-size:clamp(4.4rem,8vw,8rem)}.instant-copy h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.1em}.instant-copy p{color:#ffffffc7}.pulse-track{grid-column:1/-1;height:5rem;display:flex;align-items:center;gap:clamp(.35rem,1vw,.9rem);overflow:hidden}.pulse-track i{flex:1;max-width:1.2rem;height:calc(1rem + (var(--bar) % 5) * .65rem);background:#fff;transform-origin:50% 50%;animation:pulseBar .75s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -80ms)}.section-6{display:block;padding-top:7.3rem;background:#0c0711}.ways-heading{width:min(100%,86rem);margin:0 auto 2rem}.ways-heading h2{margin-bottom:.5rem;font-size:clamp(3.8rem,7vw,7rem)}.ways-track{width:min(100%,86rem);height:min(58vh,38rem);display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:1rem;margin:0 auto}.way-card{position:relative;min-width:0;overflow:hidden;background:var(--violet-dark)}.way-card:nth-child(2){transform:translateY(2rem)}.is-active .way-card:nth-child(2){transform:translateY(1rem)}.way-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.9);transition:transform 1s ease,filter .4s ease}.way-card:hover img{transform:scale(1.05);filter:brightness(.76) saturate(1)}.way-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#08030ef2)}.way-card div{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem}.way-card span{color:var(--violet-light);font-size:.55rem}.way-card h3{margin:.25rem 0 .5rem;font-family:GT America Compressed,FZ Lanting,sans-serif;font-size:clamp(2rem,3vw,3.4rem)}.way-card p{margin:0;color:#ffffff9e;font-size:.7rem;line-height:1.5}.section-7{place-items:stretch;padding:0}.festival-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:scale(1.14);transition:transform 1.7s cubic-bezier(.2,.8,.2,1)}.is-active .festival-bg{transform:scale(1.02)}.festival-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#0b0610db,#0b06102e 65%),linear-gradient(0deg,rgba(11,6,16,.5),transparent 45%)}.festival-copy{position:relative;z-index:2;align-self:center;max-width:45rem;margin-left:clamp(1.4rem,8vw,9rem)}.festival-copy>p:first-child{color:var(--violet-light);font-size:.68rem;font-weight:700;letter-spacing:.2em}.festival-copy h2{font-size:clamp(7rem,15vw,15rem);text-shadow:0 1rem 3rem rgba(0,0,0,.4)}.festival-copy h2 span{color:var(--violet-light)}.festival-rings i{position:absolute;right:-8vw;top:50%;width:clamp(18rem,42vw,42rem);aspect-ratio:1;border:1px solid rgba(214,164,234,.33);border-radius:50%;transform:translateY(-50%);animation:festivalRing 5s ease-out infinite}.festival-rings i:nth-child(2){animation-delay:-1.6s}.festival-rings i:nth-child(3){animation-delay:-3.2s}.section-8{background:radial-gradient(circle at 75% 80%,rgba(123,71,210,.28),transparent 30%),#0b0610}.everyone-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,7vw,8rem)}.everyone-photo{height:min(67vh,44rem);overflow:hidden;transform:translate3d(-5rem,0,0) rotate(-2deg);box-shadow:1.3rem 1.3rem 0 var(--violet)}.is-active .everyone-photo{transform:rotate(-2deg)}.everyone-photo img{width:100%;height:100%;object-fit:cover}.everyone-copy h2{font-size:clamp(4.6rem,8.5vw,8.7rem)}.everyone-copy blockquote{margin:2rem 0 0;padding:1.2rem 0 0;border-top:1px solid rgba(255,255,255,.22);color:#fff;font-size:clamp(1.05rem,1.6vw,1.5rem);line-height:1.5}.section-9{background:#09040d}.section-9:before{display:none}.section-9:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 58%,transparent 0 22%,rgba(8,3,12,.2) 64%,rgba(6,2,9,.62) 100%);pointer-events:none}.finale-copy{position:relative;z-index:2;width:min(100%,72rem);text-align:center}.finale-copy>p:first-child{margin:0 auto 1rem;color:#ffffffad;font-weight:700}.finale-copy h2{color:#fff;font-size:clamp(5.3rem,11vw,11rem);text-shadow:0 .08em 1.5rem rgba(212,129,218,.2)}.lang-zh .finale-copy h2,.lang-ja .finale-copy h2{font-size:clamp(5rem,9vw,9rem);line-height:.96}.finale-copy h2 span{color:#f4a8bd;text-shadow:0 0 2rem rgba(244,168,189,.46)}.finale-copy>p:nth-of-type(2){margin:0 auto 2rem;color:#ffffffb3}.final-action{margin:0 auto;color:#26193a;background:#fff}.final-action:hover{color:#26193a;background:#f4a8bd}.chapter-mark.dark{z-index:3;color:#26193a}.chapter-mark.dark span{color:#26193a73}.is-paused *,.is-paused *:before,.is-paused *:after{animation-play-state:paused!important}@keyframes rebelDrift{to{transform:translate3d(1.5rem,-2rem,0) rotate(3deg)}}@keyframes pulseBar{to{transform:scaleY(.38);opacity:.45}}@keyframes festivalRing{0%{transform:translateY(-50%) scale(.3);opacity:0}35%{opacity:.7}to{transform:translateY(-50%) scale(1.2);opacity:0}}@media(max-width:900px){.site-header{grid-template-columns:10rem 1fr auto;padding:0 1rem}.brand-button,.brand-button img{width:10rem}.site-header nav{gap:.35rem}.site-header nav button span{display:none}.campaign-section{padding:5rem 1.2rem 3.5rem}.play-open-grid,.talent-grid,.buddy-layout,.instant-layout,.everyone-layout{grid-template-columns:1fr;gap:1.5rem}.campaign-section h2{font-size:clamp(3.6rem,16vw,6.7rem)}.play-open-title h2,.talent-copy h2,.buddy-copy h2,.instant-copy h2,.everyone-copy h2{font-size:clamp(3.6rem,15vw,6.2rem)}.open-definition{min-height:6.5rem}.talent-grid{grid-template-columns:.9fr 1.1fr}.social-collage{min-height:45vh}.section-3{grid-template-columns:1fr}.rebel-image{position:absolute;inset:0;opacity:.55}.rebel-image:after{background:linear-gradient(0deg,#07060a 8%,transparent 70%)}.rebel-copy{margin:auto 1.2rem 10vh;padding:0;align-self:end}.buddy-layout{grid-template-columns:.8fr 1.2fr}.buddy-tags{grid-column:1/-1}.instant-layout{grid-template-columns:.9fr 1.1fr}.ways-track{height:58vh;gap:.6rem}.way-card div{left:.8rem;right:.8rem;bottom:.8rem}.way-card p{display:none}}@media(max-width:640px){.site-header{height:4rem}.site-header{grid-template-columns:8.5rem 1fr auto}.brand-button{width:8.5rem;height:4rem}.brand-button img{width:8.5rem;height:auto}.site-header nav button:nth-child(2n){display:none}.language-switch button{min-width:1.55rem;padding:0 .3rem}.pause-button{width:2.1rem;height:2.1rem}.hero-copy{align-self:end;margin-bottom:13vh}.hero-copy h1{font-size:clamp(4.8rem,25vw,7.2rem);line-height:.76}.hero-actions{align-items:flex-start;flex-direction:column}.hero-outline{bottom:2vh}.play-open-grid,.talent-grid,.buddy-layout,.instant-layout,.everyone-layout{grid-template-columns:1fr}.play-open-grid{align-content:center;gap:1.2rem}.bracket-title{font-size:clamp(4.2rem,23vw,6rem)!important}.open-definitions{grid-template-columns:1fr 1fr;gap:0 1rem}.open-definition{min-height:7.2rem;grid-template-columns:1.4rem 1fr;gap:.4rem}.open-definition h3{font-size:1.05rem}.open-definition p{font-size:.62rem}.talent-copy p{display:none}.social-collage{min-height:43vh}.social-collage img{width:8.5rem;border-width:3px}.collage-stamp{right:5%;bottom:8%;font-size:.9rem}.rebel-copy h2{font-size:clamp(5rem,25vw,7.5rem)}.buddy-copy p{display:none}.buddy-photo{height:38vh}.buddy-tags{gap:1rem;overflow-x:auto}.instant-numbers{min-height:28vh}.instant-numbers span{font-size:31vw}.instant-copy p{display:none}.pulse-track{height:3rem}.section-6{padding-top:5.2rem}.ways-heading{margin-bottom:1rem}.ways-heading h2{font-size:3.7rem}.ways-track{height:58vh;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.way-card{flex:0 0 78vw;scroll-snap-align:center}.way-card p{display:block}.festival-copy{margin:auto 1.2rem 16vh;align-self:end}.festival-copy h2{font-size:clamp(6rem,29vw,9rem)}.festival-scrim{background:linear-gradient(0deg,#0b0610f2,#0b06100f 75%)}.everyone-photo{height:34vh;box-shadow:.7rem .7rem 0 var(--violet)}.everyone-copy p{font-size:.76rem;line-height:1.5}.everyone-copy blockquote{margin-top:1rem;font-size:.9rem}.finale-copy h2{font-size:clamp(4.6rem,21vw,7rem)}}@media(prefers-reduced-motion:reduce){.campaign-site *,.campaign-site *:before,.campaign-site *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none;filter:none}}:root{font-family:Avenir Next,Arial Rounded MT Bold,PingFang SC,sans-serif;color:#121b33;background:#fff8ec;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #111b34;--navy-2: #1b2949;--cream: #fff8ec;--paper: #f5e8d4;--orange: #f47b35;--orange-dark: #c94f18;--ink-soft: #66708a;--line: rgba(17, 27, 52, .14);--white-line: rgba(255, 255, 255, .16);--shadow: 0 2rem 5rem rgba(42, 31, 23, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:multiply}.festival-app{position:relative;min-height:100dvh;overflow:hidden}.intro-screen{display:grid;grid-template-columns:minmax(0,.88fr) minmax(32rem,1.12fr);grid-template-rows:5rem 1fr 2.8rem;color:var(--cream);background:var(--navy)}.festival-header{grid-column:1 / -1;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid var(--white-line);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.festival-header a{color:#ffffff8c;text-decoration:none}.festival-header a:hover{color:var(--orange)}.intro-copy-toy{z-index:3;align-self:center;padding:5vh 0 8vh 7vw}.toy-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--orange);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.toy-kicker svg{width:1rem;height:1rem}.intro-copy-toy h1{margin:1.2rem 0 .8rem;font-family:Arial Rounded MT Bold,Avenir Next,sans-serif;font-size:clamp(5.5rem,11vw,10rem);line-height:.73;letter-spacing:-.09em;transform:rotate(-2deg);text-shadow:.06em .06em 0 var(--orange-dark)}.intro-copy-toy p{max-width:29rem;margin:2.2rem 0 1.8rem;color:#ffffffb8;font-size:1.05rem;line-height:1.75}.intro-copy-toy>small{display:block;margin-top:1.1rem;color:#ffffff6e;font-size:.65rem;letter-spacing:.08em}.toy-primary{min-height:3.7rem;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.35rem;border:0;border-radius:1rem 1rem 1rem .35rem;color:var(--cream);background:var(--orange);box-shadow:.45rem .45rem 0 var(--navy-2);font-weight:800;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease}.toy-primary:hover:not(:disabled){transform:translate(-.18rem,-.18rem) rotate(-1deg);box-shadow:.7rem .7rem 0 var(--navy-2);filter:saturate(1.08)}.toy-primary:active:not(:disabled){transform:translate(.18rem,.18rem);box-shadow:.18rem .18rem 0 var(--navy-2)}.toy-primary:disabled{opacity:.38;cursor:not-allowed}.toy-primary.giant{min-width:17rem;min-height:4.3rem;font-size:1rem}.toy-hero{position:relative;min-height:0;overflow:hidden;background:#e9d8bf;border-left:1px solid rgba(255,255,255,.12)}.toy-hero:before{content:"";position:absolute;inset:6% 7%;z-index:2;border:1px solid rgba(255,255,255,.46);border-radius:45% 45% 1.5rem 1.5rem;box-shadow:inset 0 0 3rem #ffffff1f;pointer-events:none}.toy-hero img{width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:scale(1.03);animation:heroFloat 6s ease-in-out infinite alternate}.floating-sticker{position:absolute;z-index:3;display:grid;place-items:center;width:5.2rem;height:5.2rem;border-radius:50% 44% 54% 41%;color:var(--navy);background:var(--orange);font-size:.82rem;font-weight:900;letter-spacing:.08em;box-shadow:0 1rem 2rem #111b343b;animation:stickerSpin 8s linear infinite}.sticker-one{right:6%;top:12%}.sticker-two{left:7%;bottom:8%;width:4rem;height:4rem;color:var(--cream);background:var(--navy);animation-direction:reverse}.marquee{grid-column:1 / -1;overflow:hidden;border-top:1px solid var(--white-line);color:var(--navy);background:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.14em;white-space:nowrap}.marquee span{display:inline-block;padding:.82rem 0;animation:marquee 14s linear infinite}.flow-screen{color:var(--navy);background-color:var(--cream);background-image:radial-gradient(circle at 88% 10%,rgba(244,123,53,.19),transparent 27%),radial-gradient(circle at 5% 85%,rgba(17,27,52,.08),transparent 28%)}.flow-header{position:relative;z-index:10;height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:0 clamp(1.2rem,4vw,4.5rem);border-bottom:1px solid var(--line)}.wordmark{padding:0;border:0;color:var(--navy);background:none;font-weight:900;letter-spacing:-.04em;cursor:pointer;text-align:left}.event-label{justify-self:end;color:var(--ink-soft);font-size:.62rem;font-weight:700;letter-spacing:.08em}.stepper{display:flex;align-items:center;gap:.35rem}.stepper span{display:flex;align-items:center;gap:.35rem;color:#111b3447}.stepper b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem}.stepper i{width:clamp(1.3rem,4vw,4rem);height:.18rem;overflow:hidden;border-radius:1rem;background:#111b341f}.stepper span.active{color:var(--navy)}.stepper span.active i{background:var(--orange)}.flow-stage{position:relative;max-width:86rem;min-height:calc(100dvh - 4.5rem);margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1.2rem,4vw,4.5rem) 2.5rem}.stage-title{max-width:48rem}.stage-title>span,.generation-copy>span{color:var(--orange-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:800;letter-spacing:.12em}.stage-title h2{margin:.7rem 0 1rem;font-size:clamp(2.8rem,5.5vw,5.6rem);line-height:.93;letter-spacing:-.065em;text-wrap:balance}.stage-title h2 em{font-style:normal;color:var(--orange)}.stage-title p{max-width:37rem;color:var(--ink-soft);font-size:.92rem;line-height:1.7}.play-stage .stage-title{max-width:70rem}.play-stage .stage-title h2{font-size:clamp(2.8rem,4.6vw,4.9rem)}.play-stage{padding-bottom:7.5rem}.play-lab{display:grid;grid-template-columns:12.5rem minmax(0,1fr);gap:1.1rem;margin-top:2.2rem}.instrument-dock{display:flex;flex-direction:column;gap:.55rem}.instrument-dock button{position:relative;min-height:4.5rem;display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:1.1rem .55rem 1.1rem 1.1rem;color:var(--navy);background:#fff9;text-align:left;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.instrument-dock button:hover{transform:translate(.25rem);border-color:#f47b358c}.instrument-dock button.active{color:var(--cream);background:var(--navy);border-color:var(--navy);box-shadow:.35rem .35rem 0 var(--orange)}.instrument-dock svg{width:1.5rem;height:1.5rem;flex:none}.instrument-dock button>span{display:grid;gap:.08rem}.instrument-dock strong{font-size:.78rem}.instrument-dock small{color:inherit;opacity:.58;font-size:.58rem}.instrument-dock button>i{position:absolute;right:.45rem;top:.45rem;width:1rem;height:1rem;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:var(--orange)}.instrument-dock button>i svg{width:.68rem;height:.68rem}.instrument-dock .shuffle-instrument{margin-top:.45rem;border-style:dashed;background:transparent}.toy-instrument{min-width:0;padding:1rem;border:.45rem solid var(--navy);border-radius:2.3rem 2.3rem .85rem;background:#f2dfc5;box-shadow:.8rem .8rem #111b341f,inset 0 .15rem .3rem #fff9}.input-head{height:3rem;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem .7rem}.input-head>span{display:flex;align-items:center;gap:.5rem;font-size:.61rem;font-weight:900;letter-spacing:.13em}.input-head>span i{width:.55rem;height:.55rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 .28rem #f47b3529;animation:livePulse 1.2s ease-in-out infinite}.input-head>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.45rem}.input-head>strong small{color:var(--ink-soft);font-size:.62rem}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.pad-grid button{min-height:7.2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:.8rem;border:.28rem solid var(--navy);border-radius:1.8rem 1.8rem .7rem;color:var(--cream);background:var(--navy-2);box-shadow:inset 0 -.65rem #0d1428,0 .35rem 0 var(--orange);cursor:pointer;transition:transform .1s ease,filter .1s ease}.pad-grid button:nth-child(3n+2),.pad-grid button:nth-child(3n){color:var(--navy);background:var(--orange);box-shadow:inset 0 -.65rem 0 var(--orange-dark),0 .35rem 0 var(--navy)}.pad-grid button.pressed{transform:translateY(.45rem) scale(.97);box-shadow:none;filter:brightness(1.15)}.pad-grid kbd,.key-grid kbd{display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid currentColor;border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;opacity:.55}.pad-grid button>span{font-size:.68rem;font-weight:900}.key-grid{height:13.5rem;display:flex;gap:.25rem}.key-grid button{flex:1;display:flex;align-items:flex-end;justify-content:space-between;padding:.65rem .45rem;border:.18rem solid var(--navy);border-radius:.7rem .7rem 1.2rem 1.2rem;color:var(--navy);background:#fffaf0;box-shadow:inset 0 -.6rem #d8c8ae;cursor:pointer;transition:transform .1s ease,background .1s ease}.key-grid button.sharp{height:67%;color:var(--cream);background:var(--navy);box-shadow:inset 0 -.55rem #080d1b}.key-grid button.pressed{transform:translateY(.45rem) scaleY(.97);background:var(--orange);box-shadow:none}.key-grid button>span{writing-mode:vertical-rl;font-size:.57rem;font-weight:800}.beat-ribbon{grid-column:1 / -1;padding:.9rem 1rem 1rem;border:1px solid var(--line);border-radius:.8rem 1.5rem 1.5rem;background:#ffffff9e}.beat-ribbon-head{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .7rem}.beat-ribbon-head>span{display:flex;align-items:center;gap:.45rem;font-size:.67rem;font-weight:800}.beat-ribbon-head button{display:flex;align-items:center;gap:.35rem;border:0;color:var(--ink-soft);background:none;font-size:.6rem;cursor:pointer}.beat-ribbon-head button:disabled{opacity:.3}.beat-track{min-height:4.6rem;display:flex;align-items:center;gap:.45rem;overflow-x:auto;padding:.45rem;border-radius:.8rem;background:#111b340e}.beat-token{flex:0 0 auto;min-width:4.2rem;height:3.3rem;display:grid;grid-template-columns:.35rem 1fr;grid-template-rows:1fr 1fr;gap:0 .5rem;padding:.45rem .6rem;border:0;border-radius:.8rem .8rem .3rem;color:var(--cream);background:var(--navy);text-align:left;cursor:pointer;animation:tokenIn .35s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--i) * 35ms)}.beat-token i{grid-row:1 / 3;align-self:stretch;width:.18rem;border-radius:1rem;background:var(--orange)}.beat-token strong{align-self:end;font-size:.6rem}.beat-token small{color:#ffffff80;font-size:.45rem;text-transform:uppercase}.beat-token.inst-drums{background:var(--orange)}.beat-token.inst-drums i{background:var(--navy)}.beat-empty{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;color:#111b3461;font-size:.67rem}.stage-actions{position:absolute;left:clamp(1.2rem,4vw,4.5rem);right:clamp(1.2rem,4vw,4.5rem);bottom:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem}.stage-actions>span{color:var(--ink-soft);font-size:.7rem}.text-back{border:0;color:var(--ink-soft);background:none;font-size:.72rem;text-decoration:underline;text-underline-offset:.25rem;cursor:pointer}.mood-stage{padding-bottom:7.5rem}.mood-orbit{display:grid;grid-template-columns:minmax(18rem,.8fr) 1.2fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-top:1.2rem}.mood-core{position:relative;min-height:27rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;padding-bottom:2.2rem;border:.45rem solid var(--navy);border-radius:48% 48% 2rem 2rem;color:var(--cream);background:var(--navy);box-shadow:.8rem .8rem 0 var(--orange)}.mood-core img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transform:scale(1.08);filter:saturate(.88) contrast(1.05)}.mood-core:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111b34eb)}.mood-core strong,.mood-core small{position:relative;z-index:3}.mood-core strong{font-size:2.2rem;letter-spacing:-.05em}.mood-core small{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.63rem}.mood-pulse{position:absolute;inset:15%;z-index:2;display:grid;place-items:center}.mood-pulse span{position:absolute;width:52%;aspect-ratio:1;border:1px solid rgba(244,123,53,.65);border-radius:50%;animation:moodPulse 2.4s ease-out infinite}.mood-pulse span:nth-child(2){animation-delay:-.8s}.mood-pulse span:nth-child(3){animation-delay:-1.6s}.mood-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.mood-options button{min-height:7.4rem;display:grid;grid-template-columns:2.8rem 1fr;grid-template-rows:auto auto;align-content:center;gap:.12rem .65rem;padding:.85rem;border:1px solid var(--line);border-radius:1.2rem .55rem 1.2rem 1.2rem;color:var(--navy);background:#ffffffad;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.2,1),background .22s ease,color .22s ease}.mood-options button:nth-child(5){grid-column:1 / -1;min-height:5.8rem}.mood-options button:hover{transform:translateY(-.25rem) rotate(-1deg)}.mood-options button.active{color:var(--cream);background:var(--navy);box-shadow:.38rem .38rem 0 var(--orange)}.mood-options button>span{grid-row:1 / 3;width:2.8rem;height:2.8rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--orange);font-size:1.35rem}.mood-options strong{align-self:end;font-size:.9rem}.mood-options small{color:inherit;opacity:.58;font-size:.58rem}.sound-recap{display:flex;align-items:center;gap:.45rem;margin-top:1.4rem;padding:.7rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sound-recap>span{margin-right:.3rem;color:var(--ink-soft);font-size:.62rem}.sound-recap i{padding:.35rem .55rem;border-radius:.5rem;color:var(--navy);background:var(--paper);font-size:.58rem;font-style:normal;font-weight:700}.sound-recap strong{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.generate-stage{padding-bottom:7.5rem}.generation-visual{display:grid;grid-template-columns:minmax(19rem,.85fr) 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:center}.capsule-machine{position:relative;min-height:min(63vh,39rem);display:grid;place-items:center}.capsule-shell{position:relative;z-index:3;width:min(72%,23rem);aspect-ratio:.78;overflow:hidden;border:.55rem solid var(--navy);border-radius:48% 48% 2rem 2rem;background:var(--navy);box-shadow:1rem 1rem 0 var(--orange),0 2rem 5rem #111b3433;animation:capsuleFloat 2.5s ease-in-out infinite alternate}.capsule-shell img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}.capsule-wave{position:absolute;left:8%;right:8%;bottom:7%;height:4.5rem;display:flex;align-items:center;gap:.22rem;padding:.5rem;border-radius:.8rem;background:#111b34c7;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.capsule-wave i{flex:1;height:calc(18% + (var(--bar) % 5) * 15%);border-radius:1rem;background:var(--orange);animation:waveBounce .8s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -40ms)}.orbit-ring{position:absolute;z-index:1;width:73%;aspect-ratio:1;border:1px solid rgba(17,27,52,.18);border-radius:50%;animation:orbit 9s linear infinite}.orbit-ring:after{content:"";position:absolute;left:8%;top:8%;width:2rem;height:2rem;border-radius:50% 44% 52% 46%;background:var(--orange)}.ring-two{width:91%;animation-direction:reverse;animation-duration:13s}.ring-two:after{left:auto;right:3%;top:48%;width:1.2rem;height:1.2rem;background:var(--navy)}.spark{position:absolute;z-index:2;color:var(--orange)}.spark-a{left:4%;top:18%;width:2.5rem;height:2.5rem}.spark-b{right:7%;bottom:14%;width:1.5rem;height:1.5rem}.generation-copy h2{margin:.8rem 0 1rem;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.92;letter-spacing:-.065em}.generation-copy p{color:var(--ink-soft);font-size:.9rem}.generation-meter{height:.55rem;margin:2rem 0 1.25rem;overflow:hidden;border:.15rem solid var(--navy);border-radius:1rem;background:#111b3414}.generation-meter i{display:block;width:100%;height:100%;transform-origin:left;background:var(--orange);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.generation-ticks{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.generation-ticks>span{display:grid;grid-template-columns:1.3rem 1fr;align-items:center;gap:.4rem;color:#111b344d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem}.generation-ticks>span>svg,.generation-ticks>span:not(:has(svg)){color:inherit}.generation-ticks>span.active{color:var(--orange-dark)}.generation-ticks small{font-family:inherit}.photo-booth{display:grid;grid-template-columns:1fr 10rem 1fr;align-items:center;gap:1.2rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:1rem 2rem 2rem;background:#ffffffad;animation:boothIn .5s cubic-bezier(.2,.9,.2,1) both}.photo-copy>span{display:flex;align-items:center;gap:.35rem;color:var(--orange-dark);font-size:.55rem;font-weight:800;letter-spacing:.1em}.photo-copy h3{margin:.4rem 0;font-size:1.5rem;letter-spacing:-.04em}.photo-copy p{margin:0;color:var(--ink-soft);font-size:.66rem;line-height:1.55}.photo-preview{position:relative;aspect-ratio:1;overflow:hidden;border:.28rem solid var(--navy);border-radius:42% 42% 1rem 1rem;background:var(--paper)}.photo-preview img,.photo-preview video{width:100%;height:100%;object-fit:cover}.photo-preview video{transform:scaleX(-1)}.shutter{position:absolute;left:50%;bottom:.45rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;transform:translate(-50%);border:.15rem solid white;border-radius:50%;background:var(--orange);cursor:pointer}.shutter span{width:.9rem;height:.9rem;border-radius:50%;background:#fff}.remove-photo{position:absolute;right:.35rem;top:.35rem;width:1.8rem;height:1.8rem;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--navy);cursor:pointer}.photo-actions{display:grid;gap:.5rem}.photo-actions button,.photo-actions label{min-height:2.7rem;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--navy);border-radius:.8rem;color:var(--navy);background:transparent;font-size:.64rem;font-weight:700;cursor:pointer}.photo-actions label{color:var(--cream);background:var(--navy)}.photo-actions input{display:none}.photo-actions small{color:var(--orange-dark);font-size:.52rem;line-height:1.4}.flow-error{margin-top:1rem;padding:.7rem .9rem;border-left:.25rem solid var(--orange);color:var(--orange-dark);background:#f47b351a;font-size:.66rem}.result-stage{display:grid;grid-template-columns:minmax(20rem,.85fr) 1.15fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}.result-cover{position:relative;justify-self:center;width:min(100%,29rem)}.cover-art{position:relative;z-index:2;aspect-ratio:.76;overflow:hidden;border:.65rem solid var(--navy);border-radius:2.4rem 2.4rem .85rem;color:var(--cream);background:var(--navy);box-shadow:1rem 1rem 0 var(--orange)}.cover-art>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}.cover-art:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#111b34f0)}.cover-no{position:absolute;left:1rem;top:1rem;z-index:3;padding:.35rem .5rem;border-radius:.4rem;color:var(--navy);background:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;font-weight:800}.cover-art>strong{position:absolute;left:1rem;bottom:4.5rem;z-index:3;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.71;letter-spacing:-.08em;text-shadow:.04em .04em 0 var(--orange-dark)}.cover-art>small{position:absolute;left:1.1rem;bottom:1rem;z-index:3;color:#ffffff94;font-size:.45rem;font-weight:800;letter-spacing:.1em}.cover-wave{position:absolute;left:1rem;right:1rem;bottom:2.4rem;z-index:3;height:1.35rem;display:flex;align-items:center;gap:.1rem}.cover-wave i{flex:1;border-radius:1rem;background:var(--orange)}.cover-shadow{position:absolute;z-index:1;left:8%;right:-8%;bottom:-8%;height:18%;border-radius:50%;background:#111b3429;filter:blur(1.2rem)}.result-info{max-width:35rem}.result-info h2{margin:.9rem 0 .5rem;font-size:clamp(3rem,5vw,5.1rem);line-height:.9;letter-spacing:-.065em}.result-info>p{color:var(--ink-soft);font-size:.74rem}.result-info>audio{display:none}.hero-play{width:100%;min-height:5rem;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.8rem;margin-top:1.8rem;padding:.8rem 1rem;border:.25rem solid var(--navy);border-radius:1.3rem .55rem 1.3rem 1.3rem;color:var(--cream);background:var(--navy);text-align:left;cursor:pointer;box-shadow:.5rem .5rem 0 var(--orange)}.hero-play>svg:first-child{width:2rem;height:2rem;color:var(--orange)}.hero-play>svg:last-child{opacity:.4}.hero-play span{font-size:.9rem;font-weight:800}.mini-wave{height:3rem;display:flex;align-items:center;gap:.12rem;margin:1.1rem 0}.mini-wave i{flex:1;max-width:.35rem;border-radius:1rem;background:var(--orange);opacity:.78}.claim-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--line);border-radius:.8rem 1.5rem 1.5rem;background:#ffffffad}.claim-box>div{display:flex;align-items:center;gap:.65rem}.claim-box>div>svg{width:1.8rem;height:1.8rem;color:var(--orange-dark)}.claim-box span{display:grid;gap:.15rem}.claim-box strong{font-size:.72rem}.claim-box small{color:var(--ink-soft);font-size:.54rem}.claim-box>img{width:5.2rem;height:5.2rem;border-radius:.45rem}.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}.result-buttons a,.result-buttons button{min-height:2.8rem;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--navy);border-radius:.8rem;color:var(--navy);background:transparent;text-decoration:none;font-size:.65rem;font-weight:700;cursor:pointer}.result-buttons a{color:var(--cream);background:var(--navy)}.provider-credit{display:block;margin-top:.9rem;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.48rem}#root>.mw-provider-root{min-height:100dvh;background:#111317}.mw-provider-root[data-portal-node=true]{min-height:0;background:transparent}.music-workbench{--mw-bg: #111317;--mw-panel: #181b20;--mw-panel-2: #20242a;--mw-line: rgba(232, 235, 240, .12);--mw-line-strong: rgba(232, 235, 240, .22);--mw-text: #f1f2f4;--mw-muted: #969ca6;--mw-accent: #ef7a43;min-height:100dvh;color:var(--mw-text);background:var(--mw-bg);font-family:GT America Y,Avenir Next,PingFang SC,sans-serif}.workbench-loading{min-height:100dvh;display:grid;place-items:center;color:#eef0f4;background:#111317}.mw-topbar{height:4.25rem;display:grid;grid-template-columns:minmax(15rem,1fr) auto minmax(15rem,1fr);align-items:center;gap:1rem;padding:0 1.25rem;border-bottom:1px solid var(--mw-line);background:#14171b}.mw-brand{display:flex;align-items:center;gap:.85rem;min-width:0}.mw-brand img{width:8.5rem;height:2rem;object-fit:contain;object-position:left center}.mw-brand span{padding-left:.85rem;border-left:1px solid var(--mw-line-strong);color:#bbc0c8;font-size:.72rem;font-weight:700;white-space:nowrap}.mw-session{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.65rem;font-size:.66rem}.mw-session>span{grid-row:1 / 3;padding:.35rem .5rem;border:1px solid var(--mw-line);border-radius:.35rem;color:var(--mw-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mw-session strong{font-size:.7rem}.mw-session small{color:var(--mw-muted);font-size:.54rem}.mw-topbar nav{justify-self:end;display:flex;align-items:center;gap:.35rem}.mw-topbar nav a{min-height:2.2rem;display:inline-flex;align-items:center;gap:.4rem;padding:0 .7rem;border-radius:.45rem;color:#b8bdc5;text-decoration:none;font-size:.62rem}.mw-topbar nav a:hover{color:var(--mw-text);background:#ffffff0f}.mw-topbar nav svg{width:.9rem;height:.9rem}.mw-flowbar{min-height:3.2rem;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-bottom:1px solid var(--mw-line);background:#15181d}.mw-flowbar>div{position:relative;min-width:7.6rem;display:flex;align-items:center;gap:.5rem;color:#676d76;font-size:.62rem;font-weight:700}.mw-flowbar>div:not(:last-child):after{content:"";flex:1;height:1px;margin:0 .75rem;background:var(--mw-line-strong)}.mw-flowbar svg{width:1rem;height:1rem}.mw-flowbar .complete{color:#aeb4bd}.mw-flowbar .complete svg{color:var(--mw-accent)}.mw-flowbar .current{color:var(--mw-text)}.mw-flowbar .current svg{color:var(--mw-accent)}.mw-error{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem;color:#ffd8cb;background:#52291f;font-size:.68rem}.mw-error button{border:0;color:#fff;background:transparent;cursor:pointer}.mw-layout{display:grid;grid-template-columns:17rem minmax(36rem,1fr) 22rem;min-height:calc(100dvh - 7.45rem)}.mw-assets-panel,.mw-model-panel{min-width:0;background:var(--mw-panel)}.mw-assets-panel{display:flex;flex-direction:column;padding:1rem;border-right:1px solid var(--mw-line)}.mw-model-panel{padding:1rem;border-left:1px solid var(--mw-line)}.mw-panel-title{min-height:2.7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.mw-panel-title>div{display:flex;align-items:center;gap:.65rem}.mw-panel-title>div>svg{width:1.15rem;height:1.15rem;color:var(--mw-accent)}.mw-panel-title span{display:grid;gap:.1rem}.mw-panel-title strong{font-size:.75rem}.mw-panel-title small{color:var(--mw-muted);font-size:.52rem}.mw-file-input{display:none}.mw-asset-tools{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-bottom:.65rem}.mw-asset-tools>div{grid-column:1 / -1}.mw-asset-tools>select{min-width:0;height:2rem;padding:0 .45rem;border:1px solid var(--mw-line-strong);border-radius:.4rem;color:var(--mw-text);background:#22262c;font:inherit;font-size:.52rem}.mw-asset-tools>select:focus-visible{outline:2px solid var(--mw-accent);outline-offset:2px}.mw-asset-tools>small{align-self:center;color:#747a84;font-size:.46rem;text-align:right;white-space:nowrap}.mw-asset-list{flex:1;max-height:calc(100dvh - 13.2rem);display:grid;align-content:start;gap:.45rem;margin-bottom:.75rem;padding-right:.15rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5058 transparent}.mw-asset-empty{min-height:7rem;display:grid;place-items:center;align-content:center;gap:.45rem;color:#777d86;font-size:.55rem}.mw-asset-empty svg{width:1.25rem;height:1.25rem;color:var(--mw-accent)}.mw-asset{position:relative;min-height:6.4rem;display:grid;grid-template-columns:1.55rem 1fr;grid-template-rows:auto 2.2rem;column-gap:.55rem;padding:.7rem;border:1px solid transparent;border-radius:.6rem;background:#1c2025;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.mw-asset:hover{transform:translateY(-1px);background:#22262c}.mw-asset.active{border-color:#ef7a4394;background:#25262a}.mw-asset-check{width:1.35rem;height:1.35rem;display:grid;place-items:center;padding:0;border:1px solid var(--mw-line-strong);border-radius:.3rem;color:#858b95;background:transparent;cursor:pointer}.mw-asset-check.selected{color:#17191d;border-color:var(--mw-accent);background:var(--mw-accent)}.mw-asset-check svg{width:.75rem;height:.75rem}.mw-asset-copy{min-width:0;display:grid;gap:.25rem}.mw-asset-copy strong{overflow:hidden;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.mw-asset-copy>span{display:flex;justify-content:space-between;gap:.4rem;color:var(--mw-muted);font-size:.52rem}.mw-waveform{height:100%;display:flex;align-items:center;gap:1px;overflow:hidden}.mw-waveform i{flex:1;min-width:1px;border-radius:1px;opacity:.8}.mw-asset>.mw-waveform,.mw-midi-file{grid-column:1 / -1;margin-top:.25rem}.mw-midi-file{display:flex;align-items:center;justify-content:center;gap:.35rem;color:#aeb4bd;border:1px dashed var(--mw-line-strong);border-radius:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem}.mw-midi-file svg{color:var(--mw-accent)}.mw-editor{min-width:0;padding:1.6rem clamp(1.2rem,2.2vw,2.4rem) 4rem;background:#121519}.mw-editor-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}.mw-editor-head>div:first-child>span{color:var(--mw-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;font-weight:800;letter-spacing:.13em}.mw-editor-head h1{margin:.35rem 0;font-size:clamp(1.75rem,2.4vw,2.65rem);line-height:1.02;letter-spacing:-.045em}.mw-editor-head p{max-width:38rem;margin:0;color:var(--mw-muted);font-size:.66rem;line-height:1.55}.mw-transport{display:flex;gap:.5rem}.mw-timeline,.mw-freestyle-section,.mw-midi-section,.mw-prompt-section{border:1px solid var(--mw-line);border-radius:.75rem;background:var(--mw-panel)}.mw-timeline{position:relative;overflow:hidden;padding:0 0 .8rem}.mw-ruler{height:1.9rem;display:grid;grid-template-columns:repeat(7,1fr);align-items:center;padding-left:11rem;border-bottom:1px solid var(--mw-line);color:#6f757e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.46rem}.mw-ruler span{padding-left:.45rem;border-left:1px solid var(--mw-line)}.mw-track{min-height:4.25rem;display:grid;grid-template-columns:11rem minmax(14rem,1fr) 9rem;align-items:stretch;border-bottom:1px solid var(--mw-line)}.mw-track-label{display:grid;grid-template-columns:1.4rem 1fr 1.5rem;align-items:center;gap:.5rem;padding:.6rem .7rem;border-right:1px solid var(--mw-line)}.mw-track-label>span{width:1.25rem;height:1.25rem;display:grid;place-items:center;color:#717781;border:1px solid var(--mw-line-strong);border-radius:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.48rem}.mw-track-label>div{min-width:0;display:grid;gap:.16rem}.mw-track-label strong{overflow:hidden;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.mw-track-label small{color:var(--mw-muted);font-size:.46rem}.mw-track-label button{display:grid;place-items:center;padding:0;border:0;color:#6f757e;background:transparent;cursor:pointer}.mw-track-label button:hover{color:#f7a486}.mw-track-clip{position:relative;min-width:0;margin:.48rem;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--clip-color) 50%,transparent);border-radius:.4rem;background:color-mix(in srgb,var(--clip-color) 12%,transparent)}.mw-track-clip>span{position:absolute;right:.35rem;bottom:.2rem;color:color-mix(in srgb,var(--clip-color) 78%,white);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.42rem}.mw-track-gain{display:grid;grid-template-columns:1rem 1fr 2rem;align-items:center;gap:.3rem;padding:0 .55rem;border-left:1px solid var(--mw-line);color:var(--mw-muted)}.mw-track-gain output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.45rem;text-align:right}.mw-timeline-empty{min-height:9rem;display:grid;place-items:center;align-content:center;gap:.35rem;color:var(--mw-muted)}.mw-timeline-empty svg{width:1.8rem;height:1.8rem;color:var(--mw-accent)}.mw-timeline-empty strong{color:var(--mw-text);font-size:.72rem}.mw-timeline-empty span{font-size:.54rem}.mw-mix-player{width:calc(100% - 1.2rem);height:2.3rem;margin:.7rem .6rem 0}.mw-freestyle-section,.mw-midi-section,.mw-prompt-section{margin-top:1rem;padding:1rem}.mw-subhead{min-height:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.mw-subhead>div:first-child{display:flex;align-items:center;gap:.65rem}.mw-subhead>div:first-child>svg{width:1.2rem;height:1.2rem;color:var(--mw-accent)}.mw-subhead>div:first-child>span{display:grid;gap:.12rem}.mw-subhead strong{font-size:.7rem}.mw-subhead small{color:var(--mw-muted);font-size:.5rem}.mw-subhead>div:last-child{display:flex;gap:.5rem}.mw-freestyle-head{margin-bottom:.55rem}.mw-live-actions{flex-wrap:wrap;justify-content:flex-end}.mw-record-status{min-height:2rem;display:grid;grid-template-columns:.55rem 1fr auto;align-items:center;gap:.55rem;margin-bottom:.75rem;padding:.45rem .65rem;border-radius:.45rem;color:#b6bbc3;background:#15181c;font-size:.52rem}.mw-record-status>i{width:.48rem;height:.48rem;border-radius:50%;background:#656b74}.mw-record-status>small{color:#727882;font-size:.46rem}.mw-record-status.recording{color:#ffd4c5;background:#ef7a4317}.mw-record-status.recording>i{background:var(--mw-accent)}.mw-live-lanes{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.65rem}.mw-live-lane{min-width:0;padding:.7rem;border:1px solid var(--mw-line);border-radius:.6rem;background:#15181c}.mw-live-lane-head{display:grid;grid-template-columns:auto minmax(7rem,1fr) auto;align-items:center;gap:.55rem;margin-bottom:.65rem}.mw-live-lane-head>span{color:var(--mw-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;font-weight:800}.mw-live-lane-head>select{min-width:0;height:2rem;padding:0 .55rem;border:1px solid var(--mw-line-strong);border-radius:.4rem;color:var(--mw-text);background:#22262c;font:inherit;font-size:.56rem}.mw-live-lane-head>select:focus-visible{outline:2px solid var(--mw-accent);outline-offset:2px}.mw-live-lane-head>small{color:#767c85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.44rem}.mw-live-keyboard{display:grid;grid-template-columns:repeat(12,minmax(2rem,1fr));gap:.2rem;overflow-x:auto;padding-bottom:.15rem}.mw-live-lane:nth-child(2) .mw-live-keyboard{grid-template-columns:repeat(8,minmax(2rem,1fr))}.mw-live-keyboard button{min-height:4.6rem;display:grid;align-content:end;justify-items:center;gap:.15rem;padding:.5rem .2rem;border:1px solid var(--mw-line-strong);border-radius:.32rem;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.mw-live-keyboard button.white{color:#272a2f;background:#d8dbe0}.mw-live-keyboard button.black{min-height:3.7rem;color:#e4e6e9;background:#292d33}.mw-live-keyboard button:hover{border-color:#f2a183}.mw-live-keyboard button:active,.mw-live-keyboard button.active{transform:translateY(2px);color:#17191d;border-color:var(--mw-accent);background:var(--mw-accent)}.mw-live-keyboard strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.mw-live-keyboard small{opacity:.7;font-size:.4rem}.mw-live-sequence{position:relative;height:2.2rem;margin-top:.65rem;overflow:hidden;border:1px solid var(--mw-line);border-radius:.42rem;background:#111419}.mw-live-sequence>span{height:100%;display:grid;place-items:center;color:#707680;font-size:.47rem}.mw-live-sequence>i{position:absolute;top:.62rem;height:.88rem;min-width:.45rem;border-radius:.18rem;background:var(--mw-accent);opacity:.8}.mw-piano-roll{position:relative;height:12rem;overflow:hidden;border:1px solid var(--mw-line);border-radius:.45rem;background:#13161a}.mw-roll-grid{position:absolute;inset:0;background-image:linear-gradient(to right,transparent calc(25% - 1px),rgba(255,255,255,.07) 25%,transparent calc(25% + 1px)),linear-gradient(to bottom,transparent calc(12.5% - 1px),rgba(255,255,255,.045) 12.5%,transparent calc(12.5% + 1px));background-size:25% 100%,100% 12.5%}.mw-piano-roll>i{position:absolute;height:.48rem;min-width:.75rem;border-radius:.16rem;background:var(--mw-accent);box-shadow:inset 0 1px #ffffff47}.mw-midi-meta{min-height:2.4rem;display:flex;align-items:center;gap:1.1rem;color:var(--mw-muted);font-size:.52rem}.mw-midi-meta span{display:flex;align-items:center;gap:.3rem}.mw-midi-meta strong{color:var(--mw-text)}.mw-midi-meta a{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;color:#f3a486;text-decoration:none}.mw-prompt-controls{display:grid;grid-template-columns:1.4fr 1.2fr .65fr .7fr;gap:.65rem;margin-bottom:.8rem}.mw-prompt-section>.fui-Field{margin-top:.75rem}.mw-prompt-section details{margin-top:.75rem;color:var(--mw-muted);font-size:.58rem}.mw-prompt-section summary{margin-bottom:.55rem;cursor:pointer}.mw-selection-count{min-width:1.55rem;height:1.55rem;display:grid!important;place-items:center;border-radius:.35rem;color:#191b1f;background:var(--mw-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:800}.mw-model-list{display:grid;gap:.48rem}.mw-model{min-height:6.1rem;display:grid;grid-template-columns:2.1rem 1fr auto;align-items:start;gap:.65rem;padding:.75rem;border:1px solid var(--mw-line);border-radius:.6rem;color:var(--mw-text);background:#1d2025;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.mw-model:hover{transform:translateY(-1px);border-color:var(--mw-line-strong)}.mw-model.selected{border-color:var(--mw-accent);background:#28241f;box-shadow:inset 3px 0 0 var(--mw-accent)}.mw-model-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.42rem;color:#181a1e;background:#b8bdc5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;font-weight:900}.mw-model.selected .mw-model-mark{background:var(--mw-accent)}.mw-model>span:nth-child(2){display:grid;gap:.28rem}.mw-model strong{font-size:.63rem;line-height:1.3}.mw-model small{color:var(--mw-muted);font-size:.48rem;line-height:1.48}.mw-model-price{justify-items:end;color:#d4d7dc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.46rem;white-space:nowrap}.mw-model-price i{margin-top:.55rem;padding:.2rem .3rem;border-radius:.25rem;font-style:normal}.mw-model-price .ready{color:#9bd5ac;background:#6dc3841a}.mw-model-price .missing{color:#d5a58c;background:#ef7a4314}.mw-cost-note{display:flex;gap:.65rem;margin:.8rem 0;padding:.75rem;border:1px solid var(--mw-line);border-radius:.55rem;background:#15181c}.mw-cost-note>svg{flex:none;width:1.05rem;height:1.05rem;color:var(--mw-accent)}.mw-cost-note>span{display:grid;gap:.22rem}.mw-cost-note strong{font-size:.58rem}.mw-cost-note small{color:var(--mw-muted);font-size:.47rem}.mw-generate-button{width:100%;min-height:3rem}.mw-charge-warning{margin:.55rem 0 1rem;color:#7d838d;font-size:.48rem;line-height:1.5}.mw-results{display:grid;gap:.48rem}.mw-results-head{display:flex;align-items:center;gap:.45rem;min-height:2rem;color:#d9dce1;font-size:.62rem}.mw-results-head svg{color:var(--mw-accent)}.mw-result{padding:.7rem;border:1px solid var(--mw-line);border-radius:.55rem;background:#171a1f}.mw-result>div{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.45rem}.mw-result>div>span{width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:.3rem;color:#1a1c20;background:#aeb4bd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.42rem;font-weight:900}.mw-result strong{font-size:.56rem}.mw-result audio{width:100%;height:2rem;margin-top:.6rem}.mw-result p{margin:.55rem 0 0;color:#e0a38b;font-size:.48rem;line-height:1.45}.mw-result>small{display:block;margin-top:.45rem;color:#707680;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.42rem}.mw-result .mw-result-path{display:flex;grid-template-columns:none;justify-content:space-between;margin-top:.55rem;color:#858b94;font-size:.43rem}.mw-result .mw-result-path span{width:auto;height:auto;display:inline;color:#858b94;background:transparent;font-family:inherit;font-size:inherit;font-weight:600}.mw-result .mw-result-path b{color:var(--mw-accent);font-weight:700}.mw-result .mw-result-strategy{margin-top:.45rem;color:#aeb4bd;font-size:.47rem}.mw-result-prompt{margin-top:.55rem;border-top:1px solid var(--mw-line);padding-top:.5rem}.mw-result-prompt summary{cursor:pointer;color:#d9dce1;font-size:.47rem;font-weight:700}.mw-result-prompt p{color:#9da3ac;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.43rem;line-height:1.55}.mw-result-prompt small{display:block;margin-top:.45rem;color:#707680;font-size:.42rem}.mw-result.error{border-color:#da685259}.mw-result.working{border-color:#ef7a4359}.mw-spin{animation:mwSpin .8s linear infinite}@keyframes mwSpin{to{transform:rotate(360deg)}}@media(max-width:1180px){.mw-layout{grid-template-columns:15rem minmax(32rem,1fr)}.mw-model-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 2fr 1fr;gap:.8rem;border-top:1px solid var(--mw-line);border-left:0}.mw-model-panel>.mw-panel-title{grid-column:1 / -1}.mw-model-list{grid-column:1 / 3;grid-template-columns:repeat(2,1fr)}.mw-cost-note{align-self:start;margin:0}.mw-generate-button,.mw-charge-warning{grid-column:3}.mw-results{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.mw-results-head{grid-column:1 / -1}}@media(max-width:820px){.mw-topbar{height:auto;min-height:4.25rem;grid-template-columns:1fr auto;padding:.65rem .85rem}.mw-session{display:none}.mw-topbar nav a:first-child{display:none}.mw-flowbar{justify-content:flex-start;overflow-x:auto}.mw-flowbar>div{min-width:6.4rem}.mw-layout{display:block}.mw-assets-panel{border-right:0;border-bottom:1px solid var(--mw-line)}.mw-asset-list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.mw-editor{padding:1.2rem .85rem 3rem}.mw-editor-head{align-items:flex-start;flex-direction:column}.mw-track{grid-template-columns:8.2rem minmax(10rem,1fr)}.mw-track-gain{grid-column:1 / -1;min-height:2.3rem;border-top:1px solid var(--mw-line);border-left:0}.mw-ruler{padding-left:8.2rem}.mw-prompt-controls{grid-template-columns:1fr 1fr}.mw-live-lanes{grid-template-columns:1fr}.mw-model-panel{display:block;border-top:1px solid var(--mw-line)}.mw-model-list{grid-template-columns:1fr}.mw-cost-note{margin:.8rem 0}.mw-results{display:grid;grid-template-columns:1fr}}@media(max-width:520px){.mw-brand img{width:6.8rem}.mw-brand span{display:none}.mw-topbar nav a{padding:0 .45rem}.mw-asset-list{grid-template-columns:1fr}.mw-editor-head h1{font-size:1.8rem}.mw-transport{width:100%;display:grid;grid-template-columns:1fr 1fr}.mw-track{grid-template-columns:7.2rem minmax(8rem,1fr)}.mw-ruler{padding-left:7.2rem}.mw-subhead{align-items:flex-start;flex-direction:column}.mw-subhead>div:last-child{width:100%}.mw-live-actions{display:grid!important;grid-template-columns:1fr 1fr}.mw-live-actions>button:first-child{grid-column:1 / -1}.mw-record-status{grid-template-columns:.55rem 1fr}.mw-record-status>small{grid-column:2}.mw-live-lane-head{grid-template-columns:auto 1fr}.mw-live-lane-head>small{grid-column:2}.mw-prompt-controls{grid-template-columns:1fr}.mw-midi-meta{align-items:flex-start;flex-direction:column;gap:.45rem;padding-top:.6rem}.mw-midi-meta a{margin-left:0}}@media(prefers-reduced-motion:reduce){.mw-asset,.mw-model,.mw-live-keyboard button{transition:none}.mw-spin{animation-duration:1.6s}}.admin-app{min-height:100vh;color:#eaf0ff;background:#0f1628}.admin-header{height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:0 clamp(1.2rem,4vw,4rem);border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.admin-brand span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem .8rem .25rem;color:#111b34;background:var(--orange);font-weight:900}.admin-brand strong{font-size:.68rem;letter-spacing:.1em}.admin-header nav{display:flex;gap:.4rem}.admin-header nav a{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-radius:.55rem;color:#7f8ba7;text-decoration:none;font-size:.63rem}.admin-header nav a.active{color:#fff;background:#ffffff14}.open-live{justify-self:end;display:flex;align-items:center;gap:.4rem;color:var(--orange);font-size:.62rem;text-decoration:none}.admin-hero{max-width:86rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:0 auto;padding:4rem clamp(1.2rem,4vw,4rem) 2.5rem}.admin-hero>div:first-child>span{display:flex;align-items:center;gap:.4rem;color:var(--orange);font-size:.6rem;font-weight:800;letter-spacing:.12em}.admin-hero h1{margin:.7rem 0 .8rem;font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:.95;letter-spacing:-.055em}.admin-hero p{margin:0;color:#7f8ba7;font-size:.72rem}.live-status{display:flex;align-items:center;gap:.7rem;min-width:14rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:#ffffff0a}.live-status>i{width:.65rem;height:.65rem;border-radius:50%;background:#69ca89;box-shadow:0 0 0 .35rem #69ca891f}.live-status>span{display:grid;gap:.15rem}.live-status strong{font-size:.66rem}.live-status small{color:#66738e;font-size:.52rem}.admin-error{max-width:78rem;display:flex;align-items:center;gap:.5rem;margin:0 auto 1rem;padding:.8rem 1rem;border-left:.2rem solid #ef7b68;color:#f0a499;background:#ef7b6814;font-size:.64rem}.stat-grid{max-width:78rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:0 auto;padding:0 1.2rem 1rem}.stat-grid article{min-height:8rem;display:grid;grid-template-columns:2.7rem 1fr;grid-template-rows:1fr auto;align-items:center;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:.9rem .9rem .3rem;background:#151f35}.stat-grid article>span{grid-row:1 / 3;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.7rem;color:var(--orange);background:#f47b351a}.stat-grid article>strong{align-self:end;overflow:hidden;font-size:1.45rem;text-overflow:ellipsis}.stat-grid article>small{align-self:start;color:#6f7c98;font-size:.54rem}.admin-section{max-width:78rem;margin:1rem auto 0;padding:1.5rem 1.2rem}.admin-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1rem}.admin-section-head>div{display:flex;align-items:center;gap:.7rem}.admin-section-head>div>span{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.admin-section-head h2{margin:0;font-size:1.4rem;letter-spacing:-.035em}.admin-section-head>p{max-width:30rem;margin:0;color:#72809d;font-size:.58rem;line-height:1.5;text-align:right}.provider-list{display:grid;gap:.5rem}.provider-list>button{position:relative;min-height:5rem;display:grid;grid-template-columns:2rem minmax(13rem,1fr) 6rem 6rem;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.09);border-radius:.8rem;color:#dfe6f6;background:#151f35;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.provider-list>button:hover{transform:translate(.2rem);border-color:#f47b3561}.provider-list>button.selected{border-color:var(--orange);background:#1c2941;box-shadow:inset .25rem 0 0 var(--orange)}.provider-radio{color:#586580}.selected .provider-radio{color:var(--orange)}.provider-name{display:grid;grid-template-columns:5rem 1fr;grid-template-rows:auto auto;align-items:end;column-gap:.7rem}.provider-name i{grid-row:1 / 3;align-self:center;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.54rem;font-style:normal;font-weight:800}.provider-name strong{font-size:.72rem}.provider-name small{color:#74819d;font-size:.52rem}.config-state,.conditioning{justify-self:start;padding:.35rem .5rem;border-radius:.4rem;color:#8c98b1;background:#ffffff0d;font-size:.5rem}.config-state.ready{color:#7dd399;background:#7dd39914}.config-state.missing{color:#d49b71}.provider-saving{position:absolute;right:1rem;bottom:.35rem;color:var(--orange);font-size:.48rem}.provider-footnote{display:flex;align-items:center;gap:.7rem;margin-top:.7rem;padding:.8rem 1rem;border:1px dashed rgba(244,123,53,.3);border-radius:.7rem;color:var(--orange)}.provider-footnote>span{display:grid;gap:.1rem}.provider-footnote strong{color:#dfe6f6;font-size:.6rem}.provider-footnote small{color:#77849e;font-size:.5rem}.records-head label{width:min(100%,18rem);display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.1);border-radius:.55rem;background:#151f35}.records-head input{width:100%;border:0;outline:0;color:#fff;background:transparent;font-size:.58rem}.record-list{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:#131c30}.record-row{min-width:58rem;display:grid;grid-template-columns:1.3fr .75fr 1fr .65fr 1.3fr;align-items:center;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.065)}.record-row:last-child{border-bottom:0}.record-columns{color:#596681;background:#ffffff06;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.record-identity{display:flex;align-items:center;gap:.7rem}.record-identity img{width:2.8rem;height:2.8rem;object-fit:cover;border-radius:.7rem .7rem .25rem}.record-identity span,.record-input,.record-provider span{display:grid;gap:.12rem}.record-identity strong,.record-input strong,.record-provider strong{font-size:.62rem}.record-identity small,.record-input small,.record-provider small{max-width:12rem;overflow:hidden;color:#6e7b96;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}.record-provider{display:flex;align-items:center;gap:.5rem}.record-provider>i{width:.55rem;height:.55rem;border-radius:50%;background:#65cb88}.record-provider>i.local{background:var(--orange)}.record-row time{color:#7f8ba4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.51rem}.record-player{display:flex;align-items:center;gap:.5rem}.record-player audio{width:12rem;height:2rem;opacity:.7}.record-player a{color:var(--orange)}.admin-empty{min-height:17rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.12);border-radius:1rem;color:#697691;text-align:center}.admin-empty>svg{width:2.5rem;height:2.5rem;color:var(--orange)}.admin-empty h3{margin:.8rem 0 .3rem;color:#dfe6f6;font-size:1rem}.admin-empty p{margin:0 0 .8rem;font-size:.58rem}.admin-empty a{color:var(--orange);font-size:.6rem}.admin-footer{max-width:78rem;display:flex;justify-content:space-between;margin:2rem auto 0;padding:1.5rem 1.2rem 2rem;border-top:1px solid rgba(255,255,255,.08);color:#4e5b76;font-size:.48rem;letter-spacing:.08em}.share-app{position:relative;min-height:100dvh;overflow:hidden;padding:0 1rem;color:var(--navy);background-color:var(--cream);background-image:radial-gradient(circle at 10% 10%,rgba(244,123,53,.22),transparent 28%),radial-gradient(circle at 92% 90%,rgba(17,27,52,.12),transparent 30%)}.share-header{max-width:64rem;height:4rem;display:flex;align-items:center;justify-content:space-between;margin:0 auto;border-bottom:1px solid var(--line);font-size:.58rem;font-weight:800;letter-spacing:.08em}.share-header strong{font-size:.75rem}.share-card-stage{max-width:64rem;min-height:calc(100dvh - 8rem);display:grid;grid-template-columns:minmax(19rem,.85fr) 1.15fr;align-items:center;gap:clamp(2rem,6vw,6rem);margin:0 auto;padding:2rem 0}.share-cover{position:relative;aspect-ratio:.76;overflow:hidden;border:.6rem solid var(--navy);border-radius:2rem 2rem .7rem;color:#fff;background:var(--navy);box-shadow:.85rem .85rem 0 var(--orange),var(--shadow);animation:shareCardIn .7s cubic-bezier(.2,.9,.2,1) both}.share-cover>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}.share-cover:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#111b34f5)}.share-number{position:absolute;left:1rem;top:1rem;z-index:2;padding:.35rem .5rem;border-radius:.35rem;color:var(--navy);background:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;font-weight:800}.share-cover>strong{position:absolute;left:1rem;bottom:4rem;z-index:2;font-size:clamp(3rem,7vw,5.8rem);line-height:.7;letter-spacing:-.08em;text-shadow:.04em .04em 0 var(--orange-dark)}.share-cover>small{position:absolute;left:1rem;bottom:1rem;z-index:2;color:#ffffff94;font-size:.45rem;letter-spacing:.12em}.share-wave{position:absolute;left:1rem;right:1rem;bottom:2.2rem;z-index:2;height:1.2rem;display:flex;align-items:center;gap:.1rem}.share-wave i{flex:1;border-radius:1rem;background:var(--orange)}.share-meta{max-width:30rem}.share-meta h1{margin:1rem 0 .5rem;font-size:clamp(2.8rem,6vw,5rem);line-height:.9;letter-spacing:-.06em}.share-meta>p{color:var(--ink-soft);font-size:.7rem}.share-meta>audio{display:none}.share-version-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:1rem;padding:.28rem;border:1px solid rgba(255,255,255,.22);border-radius:.35rem;background:#ffffff0f}.share-version-toggle button{min-height:2.45rem;border:0;border-radius:.16rem;color:#ffffff94;background:transparent;font-size:.55rem;font-weight:800;cursor:pointer}.share-version-toggle button.active{color:#09070d;background:var(--cyan)}.share-play{width:100%;min-height:5rem;display:grid;grid-template-columns:2.8rem 1fr auto;align-items:center;gap:.8rem;margin:1.6rem 0 1rem;padding:.8rem 1rem;border:.25rem solid var(--navy);border-radius:1.2rem .45rem 1.2rem 1.2rem;color:#fff;background:var(--navy);text-align:left;box-shadow:.5rem .5rem 0 var(--orange);cursor:pointer}.share-play>svg:first-child{width:1.9rem;height:1.9rem;color:var(--orange)}.share-play>span{display:grid;gap:.12rem}.share-play strong{font-size:.77rem}.share-play small{color:#ffffff75;font-size:.5rem}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.share-actions button,.share-actions a{min-height:2.9rem;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--navy);border-radius:.75rem;color:var(--navy);background:transparent;text-decoration:none;font-size:.62rem;font-weight:800;cursor:pointer}.share-actions button{color:#fff;background:var(--orange);border-color:var(--orange)}.share-tip{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line)}.share-tip>svg{color:var(--orange-dark)}.share-tip>span{display:grid;gap:.12rem}.share-tip strong{font-size:.58rem}.share-tip small{color:var(--ink-soft);font-size:.5rem}.share-footer{max-width:64rem;height:4rem;display:flex;align-items:center;justify-content:space-between;margin:0 auto;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.5rem}.share-footer a{display:flex;align-items:center;gap:.35rem;color:var(--orange-dark);font-weight:800;text-decoration:none}.share-loading,.share-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.share-capsule{position:relative;width:5rem;height:7rem;border:.35rem solid var(--navy);border-radius:45% 45% 1.2rem 1.2rem;animation:capsuleFloat 1s ease-in-out infinite alternate}.share-capsule span{position:absolute;left:20%;right:20%;height:.25rem;border-radius:1rem;background:var(--orange);animation:waveBounce .7s ease-in-out infinite alternate}.share-capsule span:nth-child(1){top:35%}.share-capsule span:nth-child(2){top:50%;animation-delay:-.25s}.share-capsule span:nth-child(3){top:65%;animation-delay:-.5s}.share-loading>strong{margin-top:1.2rem;font-size:.75rem}.share-error>svg{width:3rem;height:3rem;color:var(--orange)}.share-error h1{margin:1rem 0 .4rem;font-size:2.2rem}.share-error p{color:var(--ink-soft);font-size:.7rem}.share-error a{display:flex;align-items:center;gap:.4rem;color:var(--orange-dark);font-size:.7rem}@keyframes heroFloat{to{transform:scale(1.06) translateY(-1.1%)}}@keyframes stickerSpin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes livePulse{50%{transform:scale(.7);opacity:.45}}@keyframes tokenIn{0%{opacity:0;transform:translateY(1rem) scale(.8) rotate(5deg)}}@keyframes moodPulse{0%{transform:scale(.45);opacity:.85}to{transform:scale(1.6);opacity:0}}@keyframes capsuleFloat{to{transform:translateY(-.7rem) rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes waveBounce{to{transform:scaleY(.45);opacity:.62}}@keyframes boothIn{0%{opacity:0;transform:translateY(1rem) scale(.97)}}@keyframes shareCardIn{0%{opacity:0;transform:translateY(2rem) rotate(-3deg) scale(.92)}}@media(max-width:900px){.intro-screen{grid-template-columns:1fr 1fr}.intro-copy-toy{padding-left:4vw}.intro-copy-toy h1{font-size:clamp(4.5rem,12vw,7rem)}.play-lab{grid-template-columns:1fr}.instrument-dock{display:grid;grid-template-columns:repeat(5,1fr);overflow-x:auto}.instrument-dock button{min-width:8.5rem}.mood-orbit,.generation-visual,.result-stage,.share-card-stage{grid-template-columns:1fr 1fr;gap:2rem}.photo-booth{grid-template-columns:1fr 8rem 1fr}.admin-header{grid-template-columns:1fr auto}.admin-header nav{display:none}}@media(max-width:680px){.intro-screen{display:block;min-height:100dvh;padding-bottom:2.4rem}.festival-header{height:3.6rem;padding:0 1rem}.festival-header a{display:none}.toy-hero{position:absolute;inset:3.6rem 0 2.4rem}.toy-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#111b3414,#111b34f0)}.toy-hero:before{inset:4% 4% 5%}.toy-hero img{object-position:center 45%}.intro-copy-toy{position:absolute;z-index:6;left:0;right:0;bottom:3.8rem;padding:0 1.25rem}.intro-copy-toy h1{margin:.8rem 0;font-size:clamp(4.6rem,23vw,7.2rem)}.intro-copy-toy p{margin:1.1rem 0;font-size:.86rem}.intro-copy-toy>small{font-size:.52rem}.toy-primary.giant{width:100%}.floating-sticker{width:4rem;height:4rem}.sticker-one{top:8%}.sticker-two{bottom:34%}.marquee{position:absolute;left:0;right:0;bottom:0;z-index:7}.flow-header{height:3.8rem;grid-template-columns:1fr auto;padding:0 1rem}.event-label{display:none}.stepper i{width:1.5rem}.flow-stage{min-height:calc(100dvh - 3.8rem);padding:1.7rem 1rem 7rem}.stage-title h2{font-size:clamp(2.5rem,12vw,4.1rem)}.stage-title p{font-size:.75rem}.instrument-dock{grid-template-columns:repeat(5,8rem);margin:0 -.05rem}.instrument-dock button{min-width:0}.toy-instrument{padding:.65rem;border-width:.32rem;border-radius:1.5rem 1.5rem .6rem}.pad-grid{grid-template-columns:repeat(2,1fr)}.pad-grid button{min-height:5.8rem}.key-grid{min-width:43rem;height:12rem}.toy-keyboard{overflow-x:auto}.beat-ribbon{padding:.7rem}.stage-actions{left:1rem;right:1rem;bottom:1rem;align-items:stretch;flex-direction:column}.stage-actions .toy-primary{width:100%}.stage-actions>span{text-align:center}.mood-orbit{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}.mood-core{min-height:20rem}.mood-options{grid-template-columns:1fr 1fr}.mood-options button{min-height:6.6rem;grid-template-columns:2.25rem 1fr;padding:.65rem}.mood-options button>span{width:2.2rem;height:2.2rem;font-size:1rem}.sound-recap{overflow-x:auto}.sound-recap>span,.sound-recap i,.sound-recap strong{flex:0 0 auto}.generation-visual,.result-stage,.share-card-stage{grid-template-columns:1fr}.capsule-machine{min-height:23rem}.capsule-shell{width:62%}.generation-copy{text-align:center}.generation-copy h2{font-size:2.8rem}.generation-ticks{text-align:left}.photo-booth{grid-template-columns:1fr 8rem}.photo-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}.photo-actions small{grid-column:1 / -1}.result-stage{align-content:start;padding-top:1.5rem}.result-cover{width:min(78vw,23rem)}.result-info{text-align:center}.result-info h2{font-size:2.8rem}.claim-box{text-align:left}.admin-header{padding:0 1rem}.admin-brand strong{display:none}.admin-hero{align-items:flex-start;flex-direction:column;padding-top:2.5rem}.admin-hero h1{font-size:2.5rem}.stat-grid{grid-template-columns:1fr 1fr}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-section-head>p{text-align:left}.records-head label{width:100%}.provider-list>button{grid-template-columns:1.7rem 1fr auto}.conditioning{display:none}.provider-name{grid-template-columns:4.2rem 1fr}.admin-footer{align-items:flex-start;flex-direction:column;gap:.5rem}.share-app{padding:0 1rem}.share-header{height:3.7rem}.share-card-stage{min-height:auto;padding:1.6rem .4rem 2.5rem}.share-cover{width:min(84vw,23rem);justify-self:center}.share-meta{text-align:center}.share-meta h1{font-size:2.8rem}.share-play,.share-tip{text-align:left}.share-footer{height:auto;flex-direction:column;gap:.5rem;padding:1.1rem 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-family:GT America Y;src:url(/fonts/GT-America-Standard-Regular-Y.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:GT America Y;src:url(/fonts/GT-America-Standard-Bold-Y.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:GT America Y Compressed;src:url(/fonts/GT-America-Compressed-Bold-Y.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:FZ Lanting;src:url(/fonts/FZLTHK.TTF) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:FZ Lanting Heavy;src:url(/fonts/FZLTTHCK.TTF) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:GT America Y Compressed;src:url(/fonts/GT-America-Compressed-Black-Y.otf) format("opentype");font-weight:900;font-display:swap}:root{font-family:GT America Y,FZ Lanting,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;background:#09070d;--yamaha-violet: #4b1e78;--violet-bright: #8f54d8;--violet-deep: #1a0b26;--magenta: #e64ba9;--cyan: #66e4de;--black: #09070d;--black-soft: #130f18;--paper-white: #f7f4f8;--muted-white: rgba(255,255,255,.62);--hairline: rgba(255,255,255,.16);--display: "GT America Y Compressed", "FZ Lanting Heavy", "Arial Narrow", "PingFang SC", sans-serif;--body: "GT America Y", "FZ Lanting", "PingFang SC", sans-serif;--shadow-violet: 0 2rem 6rem rgba(46,13,74,.48)}html{background:#09070d}body{min-height:100dvh;overflow-x:hidden;color:#fff;background:#09070d}button,input{font-family:var(--body)}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid var(--cyan);outline-offset:3px}.festival-app{width:min(100%,900px);min-height:100dvh;margin:0 auto;box-shadow:0 0 0 1px #ffffff0d,0 0 8rem #511f8040}.grain{z-index:50;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.intro-screen{position:relative;display:block;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(230,75,169,.32),transparent 28%),radial-gradient(circle at 16% 80%,rgba(107,44,164,.55),transparent 34%),linear-gradient(145deg,#07050a 8%,#21102f,#4b1e78)}.intro-screen:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.18) 12.5%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent)}.wave-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.wave-field i{position:absolute;width:86vw;aspect-ratio:1;left:38%;top:4%;border:clamp(1rem,3vw,2.4rem) solid transparent;border-left-color:#e64ba9ad;border-right-color:#723da970;border-radius:46% 54% 62% 38%/58% 35% 65% 42%;filter:blur(.2px);transform:rotate(calc(var(--wave-turn, 0) * 1deg));animation:makeWaveOrbit 16s linear infinite}.wave-field i:nth-child(2){inset:14% auto auto 46%;width:72vw;opacity:.82;animation-duration:21s;animation-direction:reverse;--wave-turn: 28}.wave-field i:nth-child(3){inset:26% auto auto 57%;width:56vw;opacity:.62;animation-duration:13s;--wave-turn: 64}.wave-field i:nth-child(4){inset:auto auto -18% -32%;width:96vw;opacity:.48;animation-duration:24s;--wave-turn: 94}.wave-field i:nth-child(5){inset:auto -44% -24% auto;width:78vw;opacity:.54;animation-duration:18s;animation-direction:reverse;--wave-turn: 132}.festival-header{position:relative;z-index:5;height:6.2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.5rem,5vw,3rem);border-bottom:1px solid rgba(255,255,255,.18);color:#ffffffb3;font-size:.63rem;font-weight:700;letter-spacing:.12em}.festival-header img{width:9.4rem;height:auto;justify-self:start}.festival-header span{justify-self:center}.festival-header a{justify-self:end;color:#ffffff9e;font-size:.54rem;text-decoration:none}.intro-copy-toy{position:relative;z-index:4;width:min(78%,42rem);min-height:calc(100dvh - 10rem);display:flex;flex-direction:column;justify-content:center;padding:4vh clamp(1.5rem,7vw,4.4rem) 10rem}.campaign-kicker,.stage-title>span,.generation-copy>span,.photo-panel>span{display:inline-flex;align-items:center;gap:.55rem;color:var(--cyan);font-size:.66rem;font-weight:700;letter-spacing:.14em}.campaign-kicker:before,.stage-title>span:before,.generation-copy>span:before,.photo-panel>span:before{content:"";width:2.8rem;height:2px;background:currentColor}.intro-copy-toy h1{margin:1.6rem 0 1rem;color:#fff;font-family:var(--display);font-size:clamp(7rem,19vw,12rem);font-weight:900;line-height:.7;letter-spacing:-.035em;text-transform:uppercase}.intro-copy-toy h1 span{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.92);text-shadow:.045em .045em 0 rgba(230,75,169,.66)}.intro-copy-toy p{max-width:31rem;margin:1.5rem 0 1.8rem;color:#fffc;font-size:clamp(.94rem,2.4vw,1.18rem);line-height:1.8}.intro-copy-toy>small{margin-top:1rem;color:#ffffff73;font-size:.62rem;letter-spacing:.08em}.toy-primary{min-height:4.1rem;padding:.9rem 1.2rem;border:1px solid rgba(255,255,255,.82);border-radius:.15rem;color:#fff;background:var(--yamaha-violet);box-shadow:.42rem .42rem #e64ba973;font-size:.8rem;font-weight:700;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease}.toy-primary:hover:not(:disabled){transform:translate(-.18rem,-.18rem);background:#60279b;box-shadow:.58rem .58rem #e64ba994}.toy-primary:active:not(:disabled){transform:translate(.12rem,.12rem);box-shadow:.18rem .18rem #e64ba96b}.toy-primary:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.toy-primary.giant{width:min(100%,22rem);min-height:4.7rem;border-color:#fff;color:var(--black);background:#fff;box-shadow:.55rem .55rem 0 var(--magenta)}.toy-primary.giant:hover{color:#fff;background:var(--yamaha-violet)}.hero-statement{position:absolute;right:-1.5rem;top:23%;z-index:2;display:grid;color:transparent;font-family:var(--display);font-size:clamp(5rem,15vw,9rem);line-height:.68;letter-spacing:-.04em;-webkit-text-stroke:1px rgba(255,255,255,.17);transform:rotate(-4deg)}.hero-statement span:nth-child(2){transform:translate(-1.2rem)}.intro-route{position:absolute;left:clamp(1.5rem,5vw,3rem);right:clamp(1.5rem,5vw,3rem);bottom:2rem;z-index:6;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.8rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.22);color:#ffffffb8;font-size:.59rem;letter-spacing:.06em}.intro-route i{height:1px;background:#ffffff38}.flow-screen{position:relative;color:#fff;background:radial-gradient(circle at 105% 8%,rgba(145,71,216,.34),transparent 28rem),radial-gradient(circle at -10% 72%,rgba(230,75,169,.2),transparent 25rem),#0b080f}.flow-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#fff 12.5%);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}.flow-header{position:sticky;top:0;z-index:40;height:5.4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.2rem,4vw,2.2rem);border-bottom:1px solid var(--hairline);background:#09070ddb;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.wordmark{display:flex;align-items:center;gap:.7rem;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.wordmark img{width:7.4rem}.wordmark span{font-family:var(--display);font-size:1rem;letter-spacing:.02em}.event-label{justify-self:end;color:#ffffff80;font-size:.54rem;letter-spacing:.08em}.stepper{display:flex;align-items:center}.stepper span{display:flex;align-items:center;color:#ffffff3d}.stepper b{font-family:var(--display);font-size:.64rem}.stepper i{width:2rem;height:1px;margin:0 .42rem;background:#ffffff2e}.stepper span.active{color:#fff}.stepper span.active i{background:var(--magenta)}.flow-stage{position:relative;min-height:calc(100dvh - 5.4rem);padding:clamp(2rem,5vh,4rem) clamp(1.3rem,5vw,3.2rem) 7rem}.stage-title{max-width:46rem}.stage-title h2,.generation-copy h2,.result-info h2{margin:1rem 0 .8rem;color:#fff;font-family:var(--display);font-size:clamp(3.8rem,9vw,6.3rem);font-weight:900;line-height:.78;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}.stage-title h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px rgba(255,255,255,.86)}.stage-title p,.generation-copy p{max-width:36rem;margin:0;color:var(--muted-white);font-size:.78rem;line-height:1.7}.play-lab{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}.instrument-dock{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;overflow:visible}.instrument-dock button{min-width:0;min-height:5.5rem;grid-template-columns:auto 1fr;gap:.55rem;padding:.7rem;border:1px solid var(--hairline);border-radius:.2rem;color:#ffffff94;background:#ffffff09;box-shadow:none}.instrument-dock button:hover{transform:translateY(-.14rem);border-color:#ffffff6b}.instrument-dock button.active{color:#fff;border-color:var(--magenta);background:linear-gradient(135deg,#4b1e78f5,#e64ba94d);box-shadow:inset 0 -3px 0 var(--magenta)}.instrument-dock button>svg{width:1.55rem;height:1.55rem}.instrument-dock button span{display:grid;gap:.18rem}.instrument-dock strong{font-size:.7rem}.instrument-dock small{color:#ffffff61;font-size:.48rem}.instrument-dock button>i{display:none}.toy-instrument{overflow:hidden;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:.35rem;background:linear-gradient(145deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff26,var(--shadow-violet)}.input-head{margin-bottom:.8rem}.input-head span{color:#fff;font-size:.56rem;letter-spacing:.12em}.input-head span i{background:var(--cyan);box-shadow:0 0 1rem var(--cyan)}.input-head strong{font-family:var(--display);font-size:2rem}.input-head strong small{color:#ffffff59}.pad-grid{grid-template-columns:repeat(4,1fr);gap:.65rem}.pad-grid button{min-height:7.4rem;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#ffffffbd;background:radial-gradient(circle at 40% 34%,#5e2a91,#1b1028 67%);box-shadow:inset 0 0 0 .45rem #ffffff06,0 .8rem 2rem #0000003d}.pad-grid button:nth-child(2n){background:radial-gradient(circle at 40% 34%,#9f347e,#261020 67%)}.pad-grid button.pressed{transform:scale(.94);color:#09070d;background:var(--cyan);box-shadow:0 0 2.4rem #66e4de73}.pad-grid kbd,.key-grid kbd{color:inherit;background:#ffffff1a}.key-grid{min-width:0;height:14rem;display:grid;grid-template-columns:repeat(12,1fr);gap:.16rem}.key-grid button{position:relative;height:100%;padding:.6rem .2rem;border:1px solid rgba(9,7,13,.2);border-radius:0 0 .25rem .25rem;color:#151018;background:#f8f5fa;box-shadow:inset 0 -1rem 1.3rem #4b1e781a}.key-grid button.sharp{height:66%;z-index:2;margin:0 -.42rem;color:#fff;background:#17101e;box-shadow:0 .7rem 1rem #00000080}.key-grid button.pressed{transform:translateY(.35rem);color:#fff;background:var(--magenta);box-shadow:0 0 2rem #e64ba980}.beat-ribbon{border:1px solid var(--hairline);border-radius:.2rem;background:#00000047}.beat-ribbon-head{color:#ffffffad}.beat-ribbon-head button{color:#ffffff80}.beat-track{min-height:4.5rem}.beat-token{border-radius:.15rem;color:#fff;background:var(--yamaha-violet)}.beat-token i{background:var(--cyan)}.beat-token small{color:#ffffff6b}.beat-empty{color:#ffffff4d}.stage-actions{position:sticky;z-index:35;left:auto;right:auto;bottom:1rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:.7rem .7rem .7rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:.25rem;background:#110b17db;box-shadow:0 1rem 3rem #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-actions>span{color:#ffffff85;font-size:.6rem}.stage-actions .toy-primary{min-width:15rem}.text-back{border:0;color:#ffffff8a;background:transparent}.mood-orbit{display:grid;grid-template-columns:.82fr 1.18fr;gap:1.2rem;margin-top:2rem}.mood-core{position:relative;min-height:31rem;overflow:hidden;border:1px solid var(--hairline);border-radius:.3rem;background:#140e1b}.mood-core:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#09070df2)}.mood-core img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.08) hue-rotate(var(--mood-hue,0deg));transform:scale(1.03)}.mood-core strong{z-index:3;bottom:3.2rem;left:1rem;font-family:var(--display);font-size:3.2rem}.mood-core small{z-index:3;bottom:1.4rem;left:1rem;color:var(--cyan);font-size:.65rem;letter-spacing:.12em}.mood-pulse{z-index:2}.mood-pulse span{border-color:#e64ba980}.mood-options{grid-template-columns:1fr 1fr;gap:.7rem}.mood-options button{min-height:9.5rem;grid-template-columns:3rem 1fr;padding:1rem;border:1px solid var(--hairline);border-radius:.2rem;color:#ffffffa8;background:#ffffff09}.mood-options button>span{width:2.8rem;height:2.8rem;border:1px solid rgba(255,255,255,.22);color:#fff;background:transparent}.mood-options button strong{font-family:var(--display);font-size:1.5rem}.mood-options button small{color:#ffffff59}.mood-options button.active{color:#fff;border-color:var(--magenta);background:linear-gradient(135deg,#4b1e78d1,#e64ba933);box-shadow:inset 0 -3px 0 var(--magenta)}.sound-recap{border-color:var(--hairline);color:#ffffff73;background:#ffffff05}.sound-recap i{border-radius:.1rem;color:#fff;background:var(--yamaha-violet)}.sound-recap strong{color:var(--cyan)}.camera-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:1.25rem;margin-top:2rem}.photo-stage .photo-preview{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:.3rem;background:#130f18;box-shadow:var(--shadow-violet)}.photo-preview>img,.photo-preview>video{width:100%;height:100%;object-fit:cover}.photo-treatment{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(75,30,120,.28),transparent 44%,rgba(230,75,169,.2));mix-blend-mode:color}.photo-placeholder{position:absolute;inset:auto 1rem 1rem;display:grid;grid-template-columns:2.6rem 1fr;gap:.12rem .7rem;padding:.9rem;border:1px solid rgba(255,255,255,.24);background:#09070dc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-placeholder svg{grid-row:1 / 3;align-self:center;width:2.1rem;height:2.1rem;color:var(--cyan)}.photo-placeholder strong{font-size:.76rem}.photo-placeholder small{color:var(--muted-white);font-size:.53rem}.photo-ready{position:absolute;left:1rem;top:1rem;display:flex;align-items:center;gap:.35rem;padding:.45rem .55rem;color:#081313;background:var(--cyan);font-size:.48rem;font-weight:700;letter-spacing:.08em}.remove-photo{top:1rem;right:1rem;color:#fff;background:#09070db8}.camera-guides{position:absolute;inset:8%;pointer-events:none}.camera-guides i{position:absolute;width:2rem;height:2rem;border-color:#ffffffb8;border-style:solid}.camera-guides i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.camera-guides i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.camera-guides i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.camera-guides i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.shutter{bottom:1.2rem;border-color:#fff;background:#09070d8c}.shutter span{background:#fff}.photo-panel{display:flex;flex-direction:column;justify-content:center;padding:1.5rem;border:1px solid var(--hairline);background:#ffffff09}.photo-panel h3{margin:1.2rem 0 .7rem;font-family:var(--display);font-size:3rem;line-height:.84}.photo-panel p{margin:0 0 1.4rem;color:var(--muted-white);font-size:.68rem;line-height:1.7}.photo-actions{display:grid;grid-template-columns:1fr;gap:.65rem}.photo-actions button,.photo-actions label{min-height:3.7rem;border:1px solid rgba(255,255,255,.3);border-radius:.15rem;color:#fff;background:var(--yamaha-violet)}.photo-actions label{background:transparent}.photo-actions small{color:#ff9fcf}.privacy-note{display:flex;gap:.6rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--hairline);color:var(--cyan)}.privacy-note span{display:grid;gap:.1rem}.privacy-note strong{color:#ffffffc7;font-size:.58rem}.privacy-note small{color:#ffffff61;font-size:.49rem}.generate-stage{display:flex;flex-direction:column}.generation-visual{flex:1;grid-template-columns:1.05fr .95fr;gap:2rem}.capsule-machine{min-height:34rem}.capsule-shell{width:min(76%,25rem);aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:48% 48% .35rem .35rem;background:#160f20;box-shadow:0 0 0 .6rem #4b1e7833,var(--shadow-violet)}.capsule-shell:after{background:linear-gradient(transparent,#09070de6)}.capsule-shell img{object-fit:cover;filter:saturate(.82) contrast(1.1)}.capsule-wave i{background:var(--cyan)}.orbit-ring{border-color:#e64ba957}.spark{color:var(--magenta)}.generation-copy h2{font-size:clamp(3.2rem,8vw,5.2rem)}.generation-meter{border-radius:0;background:#ffffff14}.generation-meter i{border-radius:0;background:linear-gradient(90deg,var(--yamaha-violet),var(--magenta),var(--cyan))}.generation-ticks span{color:#ffffff47}.generation-ticks span>svg,.generation-ticks span.active{color:var(--cyan)}.generation-ticks span.active small{color:#ffffffb8}.flow-error{color:#ffd2e8;background:#b51f6d2e;border-left-color:var(--magenta)}.result-stage{grid-template-columns:minmax(19rem,.94fr) 1.06fr;gap:clamp(1.4rem,4vw,3rem);align-items:center}.result-cover{width:100%}.cover-art,.share-cover{aspect-ratio:3/4;border:1px solid rgba(255,255,255,.38);border-radius:.25rem;background:#130f18;box-shadow:.8rem .8rem 0 var(--yamaha-violet),var(--shadow-violet)}.cover-art:after,.share-cover:after{inset:35% 0 0;background:linear-gradient(transparent,#09070df7)}.scene-base{width:100%;height:100%;object-fit:cover}.cover-art>img.portrait-inset,.share-cover>img.portrait-inset{position:absolute;z-index:1;right:5%;top:7%;width:38%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid #fff;filter:saturate(.75) contrast(1.2);box-shadow:.45rem .45rem 0 var(--magenta);transform:rotate(3deg)}.cover-art>img.cover-yamaha{position:absolute;z-index:3;left:1rem;top:1rem;width:7rem;height:auto;object-fit:contain;filter:none}.cover-no,.share-number{top:1rem;right:1rem;left:auto;padding:.35rem .5rem;border-radius:0;color:#09070d;background:var(--cyan)}.cover-art>strong,.share-cover>strong{bottom:4.4rem;left:1rem;font-family:var(--display);font-size:clamp(4rem,9vw,6.2rem);line-height:.68;letter-spacing:-.02em;text-shadow:.04em .04em 0 var(--magenta)}.cover-art>small,.share-cover>small{bottom:1rem;color:#ffffff94}.cover-wave,.share-wave{bottom:2.2rem}.cover-wave i,.share-wave i{background:var(--cyan)}.cover-shadow{display:none}.toy-kicker{color:var(--cyan);background:transparent;font-size:.6rem;letter-spacing:.12em}.result-info h2{margin-top:1rem;font-size:clamp(3.6rem,8vw,5.4rem)}.result-info>p{color:var(--muted-white)}.hero-play,.share-play{min-height:5.4rem;border:1px solid #fff;border-radius:.2rem;color:#09070d;background:#fff;box-shadow:.5rem .5rem 0 var(--magenta)}.hero-play>svg:first-child,.share-play>svg:first-child{color:var(--yamaha-violet)}.hero-play>span{font-size:.76rem}.mini-wave i{background:var(--cyan)}.claim-box{border:1px solid var(--hairline);border-radius:.2rem;background:#ffffff0a}.claim-box>div>svg{color:var(--cyan)}.claim-box img{border-radius:0}.result-buttons a,.result-buttons button{min-height:3.2rem;border-color:#ffffff52;border-radius:.15rem;color:#fff;background:transparent}.result-buttons a{color:#09070d;background:var(--cyan);border-color:var(--cyan)}.provider-credit{color:#ffffff47}.share-app{width:min(100%,900px);margin:0 auto;color:#fff;background:radial-gradient(circle at 84% 12%,rgba(230,75,169,.28),transparent 24rem),#09070d}.share-header{border-color:var(--hairline);color:#ffffff85}.share-header img{width:8rem}.share-header span{font-size:.52rem;letter-spacing:.1em}.share-card-stage{grid-template-columns:minmax(19rem,.92fr) 1.08fr}.share-cover{width:100%}.share-cover-reactive{isolation:isolate;background:#10051a}.share-cover-reactive .music-visual-canvas{z-index:-5}.share-cover-reactive>.scene-base{position:absolute;inset:0;z-index:-4;opacity:.32;mix-blend-mode:luminosity}.share-cover-reactive .visualizer-aurora{z-index:-3}.share-cover-reactive .visualizer-laser-field{z-index:-2}.share-cover-reactive .visualizer-halo{z-index:0}.share-cover-reactive>.share-performer{position:absolute;left:50%;bottom:9%;z-index:1;width:92%;height:84%;object-fit:contain;transform:translate(-50%) scale(calc(1 + var(--bass) * .035));transform-origin:50% 82%;filter:drop-shadow(0 1.4rem 1.8rem rgba(2,2,8,.55))}.share-cover-reactive>.share-performer.photo{width:82%;height:72%;bottom:14%;object-fit:cover;border-radius:46% 46% 18% 18%;-webkit-mask-image:linear-gradient(#000 76%,transparent 100%);mask-image:linear-gradient(#000 76%,transparent 100%)}.share-cover-reactive:after{z-index:1}.share-cover-reactive>strong,.share-cover-reactive>small,.share-cover-reactive>.share-number,.share-cover-reactive>.share-wave{z-index:4}.share-meta{color:#fff}.share-meta>p{color:var(--muted-white)}.share-play strong{color:#09070d}.share-play small{color:#09070d80}.share-actions button,.share-actions a{border-radius:.15rem;border-color:#ffffff4d;color:#fff}.share-actions button{color:#09070d;background:var(--cyan);border-color:var(--cyan)}.share-tip{border-color:var(--hairline)}.share-tip>svg,.share-footer a{color:var(--cyan)}.share-tip small,.share-footer{color:#ffffff61}.share-footer{border-color:var(--hairline)}.share-capsule{border-color:#fff;border-radius:50% 50% .2rem .2rem}.share-capsule span{background:var(--cyan)}.share-error p{color:var(--muted-white)}.share-error a{color:var(--cyan)}.admin-app{font-family:var(--body);color:#fff;background:#09070d}.admin-header{background:#09070deb;border-color:var(--hairline)}.admin-brand{display:flex;align-items:center;gap:.7rem;color:#fff}.admin-brand img{width:7.5rem}.admin-brand strong{color:#ffffff94;font-size:.54rem;letter-spacing:.09em}.admin-header nav a.active,.admin-header nav a:hover,.open-live{color:var(--cyan)}.admin-hero h1{font-family:var(--display);font-size:4.2rem;line-height:.88}.admin-hero>div>span{color:var(--cyan)}.stat-grid article,.provider-list>button,.records-head label,.record-list{border-radius:.2rem;background:#130f18}.stat-grid article>span{border-radius:.15rem;color:var(--cyan);background:#66e4de14}.admin-section-head>div>span,.selected .provider-radio,.provider-name i,.provider-saving,.record-player a{color:var(--cyan)}.provider-list>button.selected{border-color:var(--magenta);background:#1b1024;box-shadow:inset .25rem 0 0 var(--magenta)}.provider-footnote{border-color:#66e4de52;color:var(--cyan)}.record-provider>i.local{background:var(--magenta)}.admin-footer{border-color:var(--hairline)}@keyframes makeWaveOrbit{to{transform:rotate(360deg)}}@media(min-width:901px){body{background:#060408}}@media(max-width:820px){.festival-header{grid-template-columns:1fr auto}.festival-header>span{display:none}.intro-copy-toy{width:88%}.hero-statement{opacity:.72}.wordmark span,.event-label{display:none}.flow-header{grid-template-columns:1fr auto}.stepper{justify-self:end}.mood-orbit,.generation-visual,.result-stage,.share-card-stage,.camera-stage{grid-template-columns:1fr 1fr}.mood-core{min-height:27rem}.pad-grid button{min-height:6.3rem}}@media(max-width:680px){.festival-header{height:4.5rem}.festival-header img{width:6.6rem}.intro-copy-toy{width:100%;min-height:calc(100dvh - 4.5rem);padding:5rem 1.25rem 9rem}.intro-copy-toy h1{font-size:clamp(6.3rem,29vw,8.5rem)}.hero-statement{right:-2.8rem;top:15%;opacity:.46}.intro-route{grid-template-columns:1fr 1fr;row-gap:.55rem}.intro-route i{display:none}.flow-header{height:4.7rem}.flow-stage{min-height:calc(100dvh - 4.7rem);padding:2rem 1rem 6rem}.stage-title h2{font-size:3.45rem}.instrument-dock{grid-template-columns:repeat(5,7rem);overflow-x:auto}.instrument-dock button{min-height:5rem}.pad-grid{grid-template-columns:repeat(2,1fr)}.key-grid{min-width:44rem}.toy-keyboard{overflow-x:auto}.stage-actions{align-items:stretch;flex-direction:column}.stage-actions .toy-primary{width:100%;min-width:0}.mood-orbit,.generation-visual,.result-stage,.share-card-stage,.camera-stage{grid-template-columns:1fr}.mood-core{min-height:24rem}.mood-options button{min-height:7.8rem}.photo-panel h3{font-size:2.6rem}.capsule-machine{min-height:25rem}.result-cover,.share-cover{width:min(88vw,24rem);justify-self:center}.result-info,.share-meta{text-align:left}.result-info h2,.share-meta h1{font-size:3.3rem}.share-header{height:4rem}}.visualizer-lab{--visual-bg: #09070d;position:relative;isolation:isolate;min-height:100dvh;overflow-x:clip;color:#f7f4f8;background:radial-gradient(circle at 14% 18%,rgba(123,48,189,.42),transparent 30rem),radial-gradient(circle at 88% 78%,rgba(255,92,169,.36),transparent 36rem),radial-gradient(circle at 64% 20%,rgba(255,178,210,.2),transparent 22rem),linear-gradient(125deg,rgba(88,31,128,.12),transparent 48%,rgba(255,91,169,.1)),var(--visual-bg)}.visualizer-lab:before,.visualizer-lab:after{content:"";position:fixed;z-index:-1;width:34rem;aspect-ratio:1;border-radius:48% 52% 63% 37%;pointer-events:none;opacity:.28;background:conic-gradient(from 40deg,#9a5bff85,#ff5fae0a,#ff91c86b,#9a5bff85);filter:blur(90px);animation:visualLabDrift 9s cubic-bezier(.45,0,.55,1) infinite alternate}.visualizer-lab:before{left:-14rem;top:18%}.visualizer-lab:after{right:-16rem;bottom:2%;animation-delay:-4.5s;animation-direction:alternate-reverse}.visualizer-header{position:relative;z-index:10;height:4.75rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,3vw,2.5rem);border-bottom:1px solid rgba(255,255,255,.12);background:#09070df0}.visualizer-header a{width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;color:#fff}.visualizer-header a:active{transform:scale(.96)}.visualizer-header img{width:8.4rem}.visualizer-header span{justify-self:end;color:#ffffff8f;font-size:.66rem;letter-spacing:.12em}.visualizer-layout{width:min(100%,90rem);min-height:calc(100dvh - 4.75rem);display:grid;grid-template-columns:minmax(18rem,.74fr) minmax(34rem,1.26fr);gap:clamp(2rem,5vw,6rem);align-items:center;margin:0 auto;padding:clamp(2rem,5vw,5rem)}.visualizer-intro{align-self:center}.visualizer-kicker{display:inline-flex;align-items:center;gap:.6rem;color:#ff91c8;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-shadow:0 0 1.2rem rgba(255,91,169,.5)}.visualizer-intro h1{max-width:11ch;margin:1.25rem 0 1rem;font-family:var(--display);font-size:clamp(4.2rem,7vw,7.2rem);font-weight:900;line-height:.82;letter-spacing:-.025em;text-transform:uppercase;text-shadow:.035em .035em 0 rgba(122,45,183,.55)}.visualizer-intro>p{max-width:30rem;margin:0;color:#ffffff9e;font-size:.82rem;line-height:1.8}.visual-mode-list{display:grid;gap:.5rem;margin-top:2rem}.visual-mode-list button{display:grid;grid-template-columns:7.2rem 1fr;gap:1rem;align-items:center;min-height:3.8rem;padding:.65rem .8rem;border:1px solid rgba(255,145,200,.16);border-radius:.25rem;color:#ffffffa8;text-align:left;background:linear-gradient(110deg,#6f23a614,#ff58a606);transition:transform .44s cubic-bezier(.16,1,.3,1),border-color .44s cubic-bezier(.16,1,.3,1),color .44s cubic-bezier(.16,1,.3,1),background .44s cubic-bezier(.16,1,.3,1)}.visual-mode-list button:hover{transform:translate(.35rem);border-color:#ff91c88f;color:#fff;background:linear-gradient(110deg,#6f23a633,#ff58a614)}.visual-mode-list button:active{transform:translate(.08rem) scale(.99)}.visual-mode-list button.active{border-color:#ff91c8;color:#fff;background:linear-gradient(110deg,#6220978a,#ff51a229);box-shadow:inset .22rem 0 #ff91c8,0 0 2rem #8f54d829}.visual-mode-list strong{font-size:.74rem}.visual-mode-list small{color:#ffffff6b;font-size:.58rem;line-height:1.45}.visualizer-preview-column{min-width:0;display:grid;grid-template-columns:minmax(20rem,27rem) minmax(14rem,1fr);gap:1rem;align-items:end}.visualizer-poster-shell{width:100%;padding:.48rem;border:1px solid rgba(255,145,200,.24);border-radius:.9rem;background:radial-gradient(circle at 88% 14%,rgba(255,177,213,.38),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.16),transparent 24%,rgba(244,81,166,.34) 66%,rgba(255,255,255,.09)),#4210548f;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #e64ba93d,1rem 1rem #4b1e7861,0 2.4rem 7rem #490f5f7a}.visualizer-poster{--visual-accent: #66e4de;--visual-hot: #e64ba9;--bass: .08;--mid: .08;--treble: .08;--beat: 0;--energy: .08;--flow: .5;position:relative;isolation:isolate;aspect-ratio:9 / 16;width:100%;max-height:calc(100dvh - 8rem);overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:.48rem;background:radial-gradient(circle at 82% 22%,rgba(255,116,181,.24),transparent 34%),radial-gradient(circle at 18% 62%,rgba(177,91,255,.18),transparent 38%),#0f0717;box-shadow:inset 0 1px #fff3,inset 0 0 0 .22rem #07020c6b}.visualizer-poster:before,.visualizer-poster:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none}.visualizer-poster:before{opacity:calc(.16 + var(--treble) * .42);mix-blend-mode:screen;background:linear-gradient(118deg,transparent 0 32%,rgba(167,108,255,.18) 40%,transparent 48% 67%,rgba(255,117,166,.2) 74%,transparent 83%);transform:translate(calc((var(--mid) - .2) * 5%))}.visualizer-poster:after{background:radial-gradient(circle at 50% 42%,transparent 32%,rgba(7,1,12,.1) 62%,rgba(7,1,12,.62) 100%)}.visualizer-poster-shell:has(.is-playing){animation:visualPosterPower 1.7s cubic-bezier(.45,0,.55,1) infinite alternate}.visualizer-poster:fullscreen{width:auto;height:100dvh;max-height:none;margin:0 auto;border:0;border-radius:0;box-shadow:none}.music-visual-canvas{position:absolute;inset:0;z-index:-4;width:100%;height:100%}.visualizer-aurora{position:absolute;z-index:-3;left:-45%;top:-12%;width:190%;aspect-ratio:1;border-radius:42%;opacity:calc(.34 + var(--mid) * .44);mix-blend-mode:screen;background:conic-gradient(from 120deg,transparent 0 16%,rgba(167,108,255,.62) 24%,transparent 35% 49%,rgba(255,80,162,.7) 58%,transparent 68% 83%,rgba(255,151,200,.5) 92%,transparent);transform:rotate(calc(-18deg + var(--bass) * 24deg)) scale(calc(.92 + var(--bass) * .24));animation:visualAuroraTurn 10s cubic-bezier(.45,0,.55,1) infinite alternate}.visualizer-laser-field{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.visualizer-laser-field i{position:absolute;left:50%;top:44%;width:150%;height:1px;opacity:calc(.14 + var(--treble) * .62);background:linear-gradient(90deg,transparent,#ff91c8 34%,#f451a6 62%,transparent);transform-origin:left center;box-shadow:0 0 .9rem #ff5ba9b8}.visualizer-laser-field i:nth-child(1){transform:rotate(-27deg) scaleX(calc(.8 + var(--beat) * .26))}.visualizer-laser-field i:nth-child(2){transform:rotate(19deg) scaleX(calc(.86 + var(--beat) * .28))}.visualizer-laser-field i:nth-child(3){transform:rotate(58deg) scaleX(calc(.74 + var(--beat) * .34))}.visualizer-laser-field i:nth-child(4){transform:rotate(137deg) scaleX(calc(.82 + var(--beat) * .24))}.visualizer-word-echo{position:absolute;z-index:-1;left:-.06em;right:-.06em;top:29%;display:grid;color:transparent;font-family:var(--display);font-size:clamp(7rem,22vw,12rem);font-weight:900;line-height:.58;letter-spacing:-.02em;-webkit-text-stroke:1px rgba(255,145,200,.2);opacity:calc(.34 + var(--mid) * .3);transform:translateY(calc(var(--bass) * -1.1rem)) skewY(-4deg)}.visualizer-word-echo span:last-child{justify-self:end;color:#7025aa14;-webkit-text-stroke-color:rgba(167,108,255,.24)}.visualizer-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23v)' opacity='.6'/%3E%3C/svg%3E")}.visualizer-halo{position:absolute;z-index:0;left:50%;top:46%;width:76%;aspect-ratio:1;border:1px solid rgba(255,145,200,.48);border-radius:50%;opacity:calc(.66 + var(--mid) * .34);transform:translate(-50%,-50%) scale(calc(1 + var(--bass) * .17));box-shadow:inset 0 0 5rem #a76cff33,0 0 2.8rem #ff55a647}.visualizer-halo:before,.visualizer-halo:after{content:"";position:absolute;inset:10%;border:inherit;border-radius:inherit}.visualizer-halo:before{transform:rotate(22deg) scaleX(1.16)}.visualizer-halo:after{inset:24%;transform:rotate(-28deg) scaleY(1.24)}.visualizer-strobe{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(var(--beat) * .16);mix-blend-mode:screen;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.92),rgba(255,145,200,.35) 25%,transparent 58%)}.visualizer-performer{position:absolute;z-index:2;left:50%;bottom:10.8%;width:auto;height:87%;max-width:96%;object-fit:contain;transform:translate(-50%);transform-origin:50% 82%;filter:drop-shadow(0 1.5rem 1.8rem rgba(2,2,8,.5)) drop-shadow(0 0 1.4rem rgba(231,69,170,.34));animation:visualPerformerFloat 2.8s cubic-bezier(.45,0,.55,1) infinite alternate}.visualizer-performer-keyboard{height:87%;bottom:10.3%}.visualizer-performer-bass,.visualizer-performer-guitar{height:87%;bottom:10.5%}.visualizer-performer-drums{height:85%;bottom:10.1%}.visualizer-bokeh,.visualizer-lens-flares,.visualizer-light-streaks{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.visualizer-bokeh i{--spark-size: .24rem;position:absolute;width:var(--spark-size);aspect-ratio:1;border-radius:50%;opacity:calc(.16 + var(--treble) * .58);background:#fff4fb;box-shadow:0 0 .35rem #fff,0 0 .95rem #ff91c8,0 0 1.9rem #a76cffb8;transform:translate3d(0,calc(var(--beat) * -1rem),0) scale(calc(.62 + var(--treble) * 1.5));animation:visualSparkDrift 3.8s cubic-bezier(.37,0,.63,1) infinite alternate}.visualizer-bokeh i:before,.visualizer-bokeh i:after{content:"";position:absolute;left:50%;top:50%;background:#fff4fbd1;transform:translate(-50%,-50%)}.visualizer-bokeh i:before{width:420%;height:1px}.visualizer-bokeh i:after{width:1px;height:420%}.visualizer-bokeh i:nth-child(1){left:9%;top:17%;--spark-size: .18rem;animation-delay:-1.2s}.visualizer-bokeh i:nth-child(2){left:76%;top:13%;--spark-size: .32rem;animation-delay:-.4s}.visualizer-bokeh i:nth-child(3){left:88%;top:31%;--spark-size: .16rem;animation-delay:-2.1s}.visualizer-bokeh i:nth-child(4){left:17%;top:38%;--spark-size: .22rem;animation-delay:-3.4s}.visualizer-bokeh i:nth-child(5){left:66%;top:44%;--spark-size: .12rem;animation-delay:-1.7s}.visualizer-bokeh i:nth-child(6){left:92%;top:58%;--spark-size: .28rem;animation-delay:-.8s}.visualizer-bokeh i:nth-child(7){left:8%;top:66%;--spark-size: .12rem;animation-delay:-2.8s}.visualizer-bokeh i:nth-child(8){left:74%;top:72%;--spark-size: .2rem;animation-delay:-1.1s}.visualizer-bokeh i:nth-child(9){left:28%;top:81%;--spark-size: .15rem;animation-delay:-3.1s}.visualizer-bokeh i:nth-child(10){left:84%;top:86%;--spark-size: .1rem;animation-delay:-.2s}.visualizer-bokeh i:nth-child(11){left:39%;top:22%;--spark-size: .1rem;animation-delay:-2.4s}.visualizer-bokeh i:nth-child(12){left:57%;top:61%;--spark-size: .14rem;animation-delay:-1.5s}.visualizer-bokeh i:nth-child(13){left:22%;top:54%;--spark-size: .08rem;animation-delay:-3.6s}.visualizer-bokeh i:nth-child(14){left:61%;top:8%;--spark-size: .09rem;animation-delay:-.9s}.visualizer-lens-flares i{position:absolute;width:8.5rem;aspect-ratio:1;border-radius:50%;opacity:calc(.18 + var(--beat) * .46 + var(--treble) * .18);background:radial-gradient(circle,rgba(255,255,255,.94) 0 .8%,rgba(255,181,218,.7) 2%,rgba(255,145,200,.17) 10%,rgba(167,108,255,.08) 28%,transparent 66%);box-shadow:inset 0 0 0 1px #ffb5da1f,0 0 2.8rem #ff5ba947;transform:translate(-50%,-50%) scale(calc(.8 + var(--beat) * .45))}.visualizer-lens-flares i:before,.visualizer-lens-flares i:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:translate(-50%,-50%)}.visualizer-lens-flares i:before{width:145%;height:1px}.visualizer-lens-flares i:after{width:1px;height:110%;background:linear-gradient(transparent,rgba(255,255,255,.84),transparent)}.visualizer-lens-flares i:nth-child(1){left:15%;top:26%}.visualizer-lens-flares i:nth-child(2){left:84%;top:41%;width:5.2rem;opacity:calc(.1 + var(--treble) * .42)}.visualizer-lens-flares i:nth-child(3){left:28%;top:73%;width:3rem;opacity:calc(.08 + var(--beat) * .32)}.visualizer-light-streaks i{position:absolute;left:50%;top:45%;width:150%;height:1px;opacity:calc(.08 + var(--treble) * .34);transform-origin:left center;background:linear-gradient(90deg,transparent 2%,rgba(255,181,218,.15) 15%,#fff0f8 43%,rgba(244,81,166,.54) 72%,transparent 96%);box-shadow:0 0 .6rem #ff91c885}.visualizer-light-streaks i:after{content:"";position:absolute;left:32%;top:-.18rem;width:18%;height:.38rem;border-top:1px solid rgba(255,255,255,.42);border-radius:50%;transform:skew(-32deg)}.visualizer-light-streaks i:nth-child(1){transform:rotate(-18deg) scaleX(calc(.78 + var(--bass) * .32))}.visualizer-light-streaks i:nth-child(2){height:2px;transform:rotate(31deg) scaleX(calc(.66 + var(--beat) * .4));opacity:calc(.06 + var(--beat) * .36)}.visualizer-light-streaks i:nth-child(3){left:-22%;top:62%;width:132%;transform:rotate(-11deg) scaleX(calc(.72 + var(--mid) * .3))}.visualizer-light-streaks i:nth-child(4){left:71%;top:12%;width:72%;transform:rotate(112deg) scaleX(calc(.7 + var(--treble) * .36))}.visualizer-light-streaks i:nth-child(5){left:4%;top:82%;width:98%;transform:rotate(-47deg) scaleX(calc(.74 + var(--beat) * .3));opacity:calc(.05 + var(--treble) * .22)}.visual-mode-silk .visualizer-light-streaks{opacity:.52}.visual-mode-prism .visualizer-light-streaks,.visual-mode-bloom .visualizer-bokeh{opacity:1}.visual-mode-topography .visualizer-lens-flares{opacity:.72}.visualizer-brand{position:absolute;z-index:4;top:1.35rem;left:1.25rem;width:7.6rem}.visualizer-title{position:absolute;z-index:1;top:4.4rem;left:1.25rem;display:grid;gap:.15rem}.visualizer-title>span{color:#ffb5da;font-size:.5rem;font-weight:700;letter-spacing:.12em;text-shadow:0 0 1rem rgba(255,91,169,.66)}.visualizer-title>strong{max-width:9ch;color:#fff;font-family:var(--display);font-size:clamp(2.6rem,5vw,4.2rem);line-height:.76;text-transform:uppercase;text-shadow:.035em .035em 0 var(--visual-hot),-.025em -.025em 0 rgba(126,66,196,.75),0 0 1.4rem rgba(255,87,170,.3)}.visualizer-title>small{margin-top:.3rem;color:#ffffff85;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}.visualizer-player{position:absolute;z-index:5;left:1rem;right:1rem;bottom:1rem;min-height:4rem;display:grid;grid-template-columns:2.85rem 1fr 2.4rem;gap:.75rem;align-items:center;padding:.55rem .65rem;border:1px solid rgba(255,145,200,.32);border-radius:.25rem;background:linear-gradient(110deg,#1e082df0,#4f1153db);box-shadow:inset 0 1px #ffffff24}.visualizer-player button{width:2.4rem;height:2.4rem;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:.2rem;color:#fff;background:#ffffff14}.visualizer-player button:active{transform:scale(.95)}.visualizer-player .visualizer-play{width:2.85rem;height:2.85rem;border-color:#ffb4da;color:#24082f;background:linear-gradient(135deg,#fff4fb,#ff91c8);box-shadow:0 0 1.4rem #ff5ba952}.visualizer-player>div{display:grid;gap:.45rem}.visualizer-player .visualizer-player-data{min-width:0;grid-template-columns:1fr auto;column-gap:.6rem;row-gap:.12rem;align-items:end}.visualizer-live-wave{grid-column:1 / -1;height:.78rem;display:flex;align-items:center;justify-content:space-between;gap:2px;overflow:hidden;opacity:calc(.3 + var(--energy) * .7)}.visualizer-live-wave i{width:2px;height:100%;border-radius:99px;background:linear-gradient(180deg,#fff6fb,#ff91c8 48%,#9f65ee);transform-origin:center;transform:scaleY(calc(.12 + var(--energy) * .88));box-shadow:0 0 .35rem #ff91c8a6}.is-playing .visualizer-live-wave i{animation:visualMeterPulse .72s cubic-bezier(.32,.72,0,1) infinite alternate}.is-playing .visualizer-live-wave i:nth-child(3n){animation-duration:.48s;animation-delay:-.22s}.is-playing .visualizer-live-wave i:nth-child(4n){animation-duration:.92s;animation-delay:-.48s}.is-playing .visualizer-live-wave i:nth-child(5n){animation-duration:.61s;animation-delay:-.33s}.visualizer-player small{color:#ffffff80;font-size:.48rem;font-variant-numeric:tabular-nums}.visualizer-progress{height:1.25rem;display:flex;align-items:center;cursor:pointer}.visualizer-progress:before{content:"";width:100%;height:2px;background:#ffffff38}.visualizer-progress i{position:absolute;width:calc(100% - 8.65rem);height:2px;transform-origin:left;background:linear-gradient(90deg,#9e65ef,#f451a6,#ff9a90);box-shadow:0 0 .8rem #ff5ba994}.visualizer-fullscreen{position:absolute;z-index:5;top:1rem;right:1rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:.2rem;color:#fff;background:#1c0828e0}.visualizer-fullscreen:active{transform:scale(.95)}.visualizer-control-rail{min-width:0;display:grid;gap:.8rem;align-self:end}.visualizer-character-picker{padding:.78rem;border:1px solid rgba(255,177,213,.26);border-radius:.45rem;background:linear-gradient(135deg,#5d208961,#f451a621);box-shadow:inset 0 1px #ffffff1f,0 1rem 3rem #50135f2e}.visualizer-rail-heading{display:flex;justify-content:space-between;gap:.6rem;align-items:center;margin-bottom:.65rem}.visualizer-rail-heading span{color:#ffb5da;font-size:.54rem;font-weight:800;letter-spacing:.1em}.visualizer-rail-heading small{overflow:hidden;color:#ffffff59;font-size:.45rem;text-overflow:ellipsis;white-space:nowrap}.visualizer-instrument-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.visualizer-instrument-tabs button,.visualizer-gender-tabs button{min-height:2.25rem;padding:.45rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:.22rem;color:#ffffff8a;font-size:.55rem;background:#0d06145c;transition:transform .46s cubic-bezier(.16,1,.3,1),color .46s cubic-bezier(.16,1,.3,1),background .46s cubic-bezier(.16,1,.3,1),border-color .46s cubic-bezier(.16,1,.3,1)}.visualizer-instrument-tabs button:hover,.visualizer-gender-tabs button:hover{transform:translateY(-.1rem);color:#fff;border-color:#ffb1d56b}.visualizer-instrument-tabs button:active,.visualizer-gender-tabs button:active{transform:scale(.96)}.visualizer-instrument-tabs button.active,.visualizer-gender-tabs button.active{border-color:#ffb5dabd;color:#fff;background:linear-gradient(135deg,#9348d2b8,#f451a680);box-shadow:inset 0 1px #fff3,0 0 1.2rem #f451a633}.visualizer-gender-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.09)}.visual-track-picker{display:grid;gap:.55rem}.visual-track-picker button{min-width:0;min-height:4.5rem;display:grid;grid-template-columns:.25rem 1fr auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid rgba(255,145,200,.16);border-radius:.25rem;color:#ffffff8c;text-align:left;background:linear-gradient(110deg,#6f23a61a,#ff58a606);transition:transform .44s cubic-bezier(.16,1,.3,1),border-color .44s cubic-bezier(.16,1,.3,1),background .44s cubic-bezier(.16,1,.3,1)}.visual-track-picker button:hover{transform:translate(.22rem);border-color:#ff91c875;color:#fff}.visual-track-picker button:active{transform:scale(.99)}.visual-track-picker button.active{border-color:#ff91c8;color:#fff;background:linear-gradient(110deg,#5f1e9780,#ff52a329);box-shadow:inset .2rem 0 #ff91c8,0 0 2rem #8f54d824}.visual-track-picker button>span{width:.25rem;height:2.4rem}.visual-track-picker button>div{min-width:0;display:grid;gap:.2rem}.visual-track-picker strong,.visual-track-picker small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-track-picker strong{font-size:.67rem}.visual-track-picker small{color:#ffffff61;font-size:.52rem}.visual-track-picker svg{width:1rem}.visualizer-notes{align-self:start;padding:.8rem 0 0;border-top:1px solid rgba(255,255,255,.14)}.visualizer-notes span{display:inline-flex;align-items:center;gap:.45rem;color:#ff91c8;font-size:.56rem;font-weight:700}.visualizer-notes p{margin:.55rem 0 0;color:#ffffff6b;font-size:.56rem;line-height:1.65}@keyframes visualPerformerFloat{0%{transform:translate(-50%) rotate(-.7deg) scale(calc(1 + var(--beat) * .045))}to{transform:translate(-50%) translateY(-.45rem) rotate(.7deg) scale(calc(1.018 + var(--beat) * .045))}}@keyframes visualAuroraTurn{0%{transform:rotate(-18deg) scale(calc(.92 + var(--bass) * .24))}to{transform:rotate(34deg) scale(calc(1.02 + var(--bass) * .24))}}@keyframes visualLabDrift{0%{transform:translate3d(-3rem,-2rem,0) rotate(-8deg) scale(.92)}to{transform:translate3d(4rem,3rem,0) rotate(18deg) scale(1.08)}}@keyframes visualPosterPower{0%{transform:translateY(0) scale(1);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #e64ba93d,1rem 1rem #4b1e7861,0 2.4rem 7rem #490f5f7a}to{transform:translateY(-.3rem) scale(1.008);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ff91c861,1.15rem 1.15rem #5b1f8b75,0 2.8rem 8rem #e441a652}}@keyframes visualMeterPulse{0%{transform:scaleY(calc(.12 + var(--energy) * .72));opacity:.58}to{transform:scaleY(calc(.36 + var(--energy) * 1.26));opacity:1}}@keyframes visualSparkDrift{0%{translate:-.18rem .3rem;rotate:-12deg}to{translate:.32rem -.45rem;rotate:18deg}}@media(max-width:1080px){.visualizer-layout{grid-template-columns:minmax(17rem,.62fr) minmax(30rem,1.38fr);gap:2rem;padding:2rem}.visualizer-preview-column{grid-template-columns:minmax(19rem,24rem) minmax(11rem,1fr)}.visualizer-intro h1{font-size:4.6rem}.visual-mode-list button{grid-template-columns:6.4rem 1fr}}@media(max-width:820px){.visualizer-layout{grid-template-columns:1fr;align-items:start;padding:2rem 1rem 4rem}.visualizer-intro{min-width:0;width:100%;max-width:38rem;margin:0 auto}.visualizer-intro h1{max-width:none;font-size:clamp(4rem,12vw,6rem)}.visual-mode-list{grid-template-columns:repeat(5,10rem);overflow-x:auto;padding-bottom:.35rem}.visual-mode-list button{grid-template-columns:1fr;gap:.3rem;align-content:center}.visualizer-preview-column{min-width:0;width:100%;max-width:43rem;grid-template-columns:minmax(19rem,27rem) 1fr;margin:0 auto}}@media(max-width:620px){.visualizer-header{height:4.25rem;grid-template-columns:1fr auto}.visualizer-header img{justify-self:end;width:7.5rem}.visualizer-header>span{display:none}.visualizer-layout{min-height:calc(100dvh - 4.25rem);gap:1.5rem;padding:1.5rem .8rem 3rem}.visualizer-intro h1{margin-top:1rem;font-size:clamp(3.8rem,18vw,5.3rem)}.visualizer-intro>p{font-size:.76rem}.visualizer-preview-column{grid-template-columns:1fr}.visualizer-poster{width:100%;max-width:26rem;max-height:none;justify-self:center}.visualizer-poster-shell{width:100%;max-width:27rem;justify-self:center;padding:.36rem}.visualizer-control-rail{width:100%;max-width:27rem;justify-self:center}.visualizer-instrument-tabs{grid-template-columns:repeat(4,1fr)}.visual-track-picker{grid-template-columns:repeat(3,15rem);overflow-x:auto;padding:.2rem 0 .35rem}}@media(prefers-reduced-motion:reduce){.visualizer-performer,.visualizer-aurora,.visualizer-bokeh i,.visualizer-live-wave i,.visualizer-lab:before,.visualizer-lab:after,.visualizer-poster-shell:has(.is-playing){animation:none}.visual-mode-list button,.visualizer-player button,.visualizer-fullscreen,.visual-track-picker button{transition:none}}