@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f7f4ff;background:#090c1b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:980px}button,a{font:inherit}button{color:inherit}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}#world:active{cursor:grabbing}.mobile-controls{position:fixed;z-index:6;top:0;right:0;bottom:0;left:0;display:block;opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;transition:opacity .45s ease,visibility 0s linear .45s}.mobile-stick{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));display:grid;width:6.8rem;height:6.8rem;place-items:center;pointer-events:auto;touch-action:none}.mobile-stick--look{right:max(1rem,env(safe-area-inset-right))}.mobile-stick--move{left:max(1rem,env(safe-area-inset-left))}.mobile-stick__base{position:relative;display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 1.2rem #ffffff14,0 0 1.8rem #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-stick__base:before{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""}.mobile-stick__knob{position:absolute;top:50%;left:50%;display:block;width:2.35rem;height:2.35rem;border:1px solid rgba(255,255,255,.84);border-radius:50%;background:#ffffffb8;box-shadow:0 0 .9rem #ffffff70,inset -.22rem -.28rem .42rem #6777aa33;transform:translateZ(0) translate(-50%,-50%)}.mobile-stick__label{position:absolute;bottom:-.1rem;color:#ffffff8c;font:.52rem DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.7)}.youtube-layer{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;visibility:hidden}.youtube-layer.is-active{visibility:visible}.youtube-screen{width:960px;height:540px;overflow:hidden;background:#000;pointer-events:auto}.youtube-screen__target{display:grid;width:100%;height:100%;place-items:center;color:#ffffff94;background:#030305;font:500 18px DM Mono,monospace;letter-spacing:.06em}.youtube-screen iframe{display:block;width:960px;height:540px;border:0}.avatar-overlay{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.avatar-overlay.is-active{visibility:visible}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 42%,#343c876b,#080b19f0 58%);transition:opacity .8s ease,visibility .8s ease}.welcome.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome__halo{position:absolute;width:min(65vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(210,180,255,.13),transparent 68%);filter:blur(10px);pointer-events:none}.welcome>*:not(.welcome__halo){position:relative}.eyebrow{margin:0;color:#ded7ffa3;font:500 .68rem/1 DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.welcome h1{margin:.6rem 0 .8rem;font-size:clamp(3rem,7vw,6.6rem);font-weight:500;letter-spacing:-.08em;line-height:.95}.welcome__copy{margin:0 0 2rem;color:#f2eeffb3;font-size:1rem}.welcome__hint{margin:2.4rem 0 0;color:#ded7ff6b;font:.64rem DM Mono,monospace;letter-spacing:.04em}.welcome__hint--mobile{display:none}.welcome__orientation-hint{display:none;margin:1.1rem 0 0;color:#f2eeff9e;font:.62rem/1.5 DM Mono,monospace;letter-spacing:.04em}.button{border:0;border-radius:100px;cursor:pointer;padding:.92rem 1.45rem;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button--primary{color:#12142b;background:#f0d5fb;box-shadow:0 10px 36px #ddacff42}.topbar{position:fixed;z-index:4;top:0;right:0;display:flex;justify-content:flex-end;padding:1.6rem 2rem;pointer-events:none}.topbar__actions{display:flex;gap:.55rem}.icon-button,.close-button{border:1px solid rgba(255,255,255,.18);border-radius:100px;color:#ffffffdb;background:#0b0f226b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;padding:.6rem .85rem;font:500 .68rem DM Mono,monospace;text-decoration:none;transition:border-color .2s ease,background .2s ease}.icon-button:hover,.close-button:hover{border-color:#f0d5fba3;background:#251d45ad}.topbar__actions .icon-button{opacity:0;pointer-events:none;transform:translate(.5rem,-.5rem);transition:opacity .32s ease,transform .32s ease,border-color .2s ease,background .2s ease}.topbar__actions .icon-button.is-revealed,.topbar__actions .icon-button:focus-visible,#menu-button[aria-expanded=true]{opacity:1;pointer-events:auto;transform:translate(0)}.menu{position:fixed;z-index:5;top:1rem;right:1rem;bottom:1rem;width:min(430px,calc(100vw - 2rem));padding:1.35rem;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#0a0d1dc7;box-shadow:-18px 24px 80px #00000047;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);transform:translate(calc(100% + 2rem));transition:transform .45s cubic-bezier(.22,1,.36,1)}.menu.is-open{transform:translate(0)}.menu__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.35rem}.menu h2{margin:.5rem 0 0;font-size:1.3rem;font-weight:500;letter-spacing:-.04em}.close-button{width:2rem;height:2rem;padding:0;font-size:1.1rem;line-height:1}.menu__section{padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.section-heading{display:flex;justify-content:space-between;margin-bottom:.7rem;color:#ffffffb3;font:.64rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.choice-grid--scenes{grid-template-columns:repeat(2,1fr)}.choice-card,.avatar-card,.video-card{border:1px solid rgba(255,255,255,.1);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease}.choice-card:hover,.avatar-card:hover,.video-card:hover{transform:translateY(-2px);border-color:#f0d5fb80}.choice-card.is-selected,.avatar-card.is-selected,.video-card.is-selected{border-color:#f0d5fbdb;background:#bf93e321}.choice-card{display:flex;align-items:center;gap:.65rem;min-height:4.7rem;padding:.65rem;border-radius:14px;background:#ffffff0b}.choice-card--suboption{align-items:flex-start;min-height:4rem;padding:.55rem}.choice-card__icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#f4ccf1;background:linear-gradient(145deg,#a1e0ff59,#dfa7e44d);font-size:1.1rem}.choice-card strong,.avatar-card strong{display:block;font-size:.72rem;font-weight:600}.choice-card small,.avatar-card small{display:block;margin-top:.25rem;color:#ebe6ff85;font-size:.61rem;line-height:1.25}.avatar-card{display:grid;justify-items:center;gap:.45rem;padding:.75rem .3rem;border-radius:14px;background:#ffffff0b;text-align:center}.avatar-card__orb{display:block;width:2.5rem;height:2.5rem;border-radius:50%;box-shadow:inset -7px -8px 16px #0d0e2573,0 0 22px #cfaeff33}.avatar-card__orb--butterfly{background:linear-gradient(135deg,#96e6ff,#f5b6e8)}.avatar-card__orb--animal{background:radial-gradient(circle at 35% 30%,#f7dfc0,#8b79aa 62%,#382c61)}.avatar-card__orb--light{background:radial-gradient(circle,#fff,#8fe1ff 38%,#a76acb 80%)}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.palette-card{display:grid;justify-items:center;gap:.45rem;min-width:0;padding:.65rem .25rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffd1;background:#ffffff0b;cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.palette-card:hover{transform:translateY(-2px);border-color:#f0d5fb80}.palette-card.is-selected{border-color:#f0d5fbdb;background:#bf93e321;box-shadow:0 0 18px #cfaeff1a}.palette-card strong{display:block;overflow:hidden;width:100%;font-size:.61rem;font-weight:600;text-overflow:ellipsis}.palette-card__swatch{position:relative;display:block;width:2.1rem;height:2.1rem;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:var(--palette-color);box-shadow:inset -.38rem -.42rem .65rem #24194333,0 0 1.1rem var(--palette-glow)}.palette-card__swatch:after{position:absolute;top:.28rem;left:.36rem;width:.58rem;height:.36rem;border-radius:50%;background:#ffffffc7;content:"";filter:blur(1px);transform:rotate(-28deg)}.butterfly-color-picker{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;margin-bottom:.85rem;padding:.7rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0b}.butterfly-color-picker label{color:#ffffffc7;font-size:.69rem}.butterfly-color-picker input{width:2.25rem;height:2.25rem;padding:.12rem;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;cursor:pointer}.butterfly-color-picker input::-webkit-color-swatch-wrapper{padding:0}.butterfly-color-picker input::-webkit-color-swatch{border:0;border-radius:50%}.butterfly-color-picker output{color:#ebe6ff99;font:.61rem DM Mono,monospace;letter-spacing:.04em}.section-heading--sub{margin-top:.25rem;color:#ffffff73;font-size:.57rem}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.video-filter__input{width:100%;margin:0 0 .7rem;padding:.7rem .75rem;border:1px solid rgba(255,255,255,.13);border-radius:11px;outline:none;color:#ffffffe0;background:#ffffff0d;font-size:.7rem}.video-filter__input::placeholder{color:#ebe6ff6b}.video-filter__input:focus{border-color:#f0d5fba3;background:#ffffff14}.video-card{display:block;overflow:hidden;padding:0;border-radius:13px;background:#ffffff0b}.video-card[hidden]{display:none}.video-card__thumb{display:grid;place-items:center;aspect-ratio:16 / 9;background-color:#1b2038;background-image:var(--thumb);background-position:center;background-size:cover}.video-card__play{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;background:#080a1859;font-size:.62rem}.video-card__title{display:block;min-height:2.2rem;padding:.55rem .6rem .65rem;color:#ffffffd1;font-size:.67rem;line-height:1.25}.toast{position:fixed;z-index:7;bottom:1.5rem;left:50%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:100px;color:#ffffffd1;background:#0e1025c2;opacity:0;pointer-events:none;transform:translate(-50%,1rem);transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.72rem}.toast.is-visible{opacity:1;transform:translate(-50%)}.mini-player{position:fixed;z-index:4;left:1.4rem;bottom:1.4rem;width:210px;height:188px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#0a0d1da8;box-shadow:0 14px 40px #00000038;opacity:1;pointer-events:none;transform:translateZ(0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .36s cubic-bezier(.22,1,.36,1),height .36s cubic-bezier(.22,1,.36,1),border-radius .36s ease,background .3s ease,opacity .62s ease,transform 1s cubic-bezier(.22,1,.36,1)}.mini-player__video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#10152a;transition:opacity .18s ease}.mini-player__controls{display:grid;gap:.28rem;padding:.35rem .65rem .22rem;pointer-events:auto;transition:opacity .18s ease}.mini-player__control-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.mini-player__time{color:#ffffff8f;font:.52rem DM Mono,monospace;letter-spacing:.01em;white-space:nowrap}.mini-player__loop,.mini-player__mute{display:grid;width:1.15rem;height:1.15rem;flex:0 0 auto;padding:0;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#ffffffa8;background:#ffffff0a;cursor:pointer;pointer-events:auto;font:.78rem/1 DM Mono,monospace;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.mini-player__loop:hover,.mini-player__loop:focus-visible,.mini-player__mute:hover,.mini-player__mute:focus-visible{border-color:#f0d5fbc7;color:#fffffff5;background:#f0d5fb1f;outline:none}.mini-player__loop.is-active,.mini-player__mute.is-active{border-color:#f0d5fbe6;color:#fff4ff;background:#d3aeff38;box-shadow:0 0 10px #d3aeff47}.mini-player__volume{display:flex;align-items:center;gap:.3rem;min-width:0;color:#ffffff8c;cursor:pointer;pointer-events:auto}.mini-player__volume-label{font:.48rem DM Mono,monospace;letter-spacing:.04em}.mini-player input[type=range]{width:100%;height:.28rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;outline:none;background:#ffffff29;accent-color:#f0d5fb;cursor:pointer;pointer-events:auto}.mini-player input[type=range]:disabled{opacity:.34;cursor:default}.mini-player__mute:disabled{opacity:.34;cursor:default}.mini-player input[type=range]::-webkit-slider-thumb{width:.58rem;height:.58rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#f0d5fb;box-shadow:0 0 8px #f0d5fb8c}.mini-player input[type=range]::-moz-range-thumb{width:.5rem;height:.5rem;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#f0d5fb;box-shadow:0 0 8px #f0d5fb8c}.mini-player__meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .65rem .6rem;transition:opacity .18s ease}.mini-player__meta .eyebrow{flex:0 0 auto;font-size:.54rem}.mini-player__meta>span:last-child{min-width:0;overflow:hidden;color:#ffffffc2;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.mini-player__toggle{position:absolute;z-index:2;top:.42rem;right:.42rem;display:grid;width:1.75rem;height:1.75rem;padding:0;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;outline:none;color:#ffffffe0;background:#05071099;box-shadow:0 4px 14px #00000038;cursor:pointer;pointer-events:auto;font:500 .82rem/1 DM Mono,monospace;transition:inset .36s ease,width .36s ease,height .36s ease,border-color .2s ease,background .2s ease}.mini-player__toggle:hover,.mini-player__toggle:focus-visible{border-color:#f0d5fbc7;background:#251d45e0}.mini-player.is-collapsed{width:2.45rem;height:2.45rem;border-radius:50%;background:#0a0d1d80}.mini-player.is-collapsed .mini-player__video,.mini-player.is-collapsed .mini-player__controls,.mini-player.is-collapsed .mini-player__meta{opacity:0;visibility:hidden}.mini-player.is-collapsed .mini-player__toggle{top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent}.mini-player.is-dismissed{opacity:0;transform:translate3d(calc(-100% - 2rem),0,0)}.scene-loader{position:fixed;z-index:9;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility .42s ease}.scene-loader.is-visible{opacity:1;visibility:visible}.scene-loader__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 46%,rgba(143,155,255,.12),transparent 28%),linear-gradient(135deg,#050815c7,#171030d6);-webkit-backdrop-filter:blur(11px) saturate(115%);backdrop-filter:blur(11px) saturate(115%)}.scene-loader__veil:before,.scene-loader__veil:after{position:absolute;width:42vw;min-width:360px;aspect-ratio:1;border:1px solid rgba(239,215,255,.12);border-radius:50%;content:"";transform:translate(-50%,-50%);animation:loader-drift 8s ease-in-out infinite alternate}.scene-loader__veil:before{top:46%;left:50%;box-shadow:0 0 100px #d0afff14,inset 0 0 80px #9cddff0d}.scene-loader__veil:after{top:54%;left:50%;width:62vw;min-width:520px;border-color:#a6e0ff14;animation-delay:-3s;animation-direction:alternate-reverse}.scene-loader__content{position:relative;display:grid;justify-items:center;gap:.7rem;min-width:220px;padding:2rem;color:#faf7ffe6;text-align:center}.scene-loader__content .eyebrow{color:#e6dbff99}.scene-loader__content strong{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:500;letter-spacing:-.04em}.scene-loader__hint{color:#ebe7ff75;font:.61rem DM Mono,monospace;letter-spacing:.05em}.scene-loader__orb{position:relative;display:grid;width:4.9rem;height:4.9rem;margin-bottom:.55rem;place-items:center;border:1px solid rgba(244,224,255,.62);border-radius:50%;box-shadow:0 0 26px #e2c2ff2e,inset 0 0 24px #8bc9ff24;animation:loader-orbit 2.5s linear infinite}.scene-loader__orb:before,.scene-loader__orb:after{position:absolute;width:150%;height:46%;border:1px solid rgba(181,222,255,.34);border-radius:50%;content:"";transform:rotate(38deg)}.scene-loader__orb:after{border-color:#ffd2f647;transform:rotate(-52deg) scale(.76)}.scene-loader__orb span{width:.7rem;height:.7rem;border-radius:50%;background:#fff7ff;box-shadow:0 0 18px 5px #f2cdffc7,0 0 34px 8px #99d9ff3d;animation:loader-pulse 1.4s ease-in-out infinite}.scene-loader__progress{width:9rem;height:1px;margin-top:.45rem;overflow:hidden;background:#ffffff24}.scene-loader__progress span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#f5dcff,#b9e8ff,transparent);animation:loader-progress 1.05s ease-in-out infinite}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-pulse{50%{transform:scale(1.35);opacity:.72}}@keyframes loader-progress{0%{transform:translate(-150%)}to{transform:translate(340%)}}@keyframes loader-drift{0%{transform:translate(-50%,-50%) scale(.96) rotate(-8deg)}to{transform:translate(-50%,-50%) scale(1.04) rotate(8deg)}}@keyframes pulse{50%{opacity:.2;transform:scale(.65)}}@media(max-width:1100px){body{min-width:0}.topbar{padding:1rem}}@media(max-width:720px),(hover:none)and (pointer:coarse){body{min-width:0}#world{cursor:default;touch-action:none}.mobile-controls.is-active{opacity:1;visibility:visible;transition:opacity .45s ease}.topbar{padding:max(.8rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right))}.topbar__actions .icon-button{opacity:1;pointer-events:auto;transform:translate(0)}.topbar__actions .icon-button.is-mobile-hidden{opacity:0;pointer-events:none;transform:translate(.5rem,-.5rem)}.menu{top:.6rem;right:.6rem;bottom:.6rem;width:min(390px,calc(100vw - 1.2rem));padding:1rem}.mini-player{top:max(.8rem,env(safe-area-inset-top));right:auto;bottom:auto;left:max(.8rem,env(safe-area-inset-left))}.mini-player__toggle{display:none}.mini-player.is-mobile-hidden{opacity:0;pointer-events:none;transform:translate3d(calc(-100% - 2rem),0,0)}.mobile-stick{width:clamp(5.6rem,25vw,6.8rem);height:clamp(5.6rem,25vw,6.8rem)}.welcome{padding:1.25rem}.welcome h1{font-size:clamp(2.8rem,15vw,5rem)}.welcome__hint{max-width:18rem;margin-top:1.8rem;line-height:1.6}.welcome__hint--desktop{display:none}.welcome__hint--mobile{display:block}}@media(max-width:720px)and (orientation:portrait),(hover:none)and (pointer:coarse)and (orientation:portrait){.welcome__orientation-hint{display:block}}