:root{color:#fff;background:#050506;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#050506}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;width:100vw;height:100vh;height:100lvh;place-items:center;overflow:hidden;background:#050506;overscroll-behavior:none}.player-shell{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;background:#0b0b0d}.video-stage,.story-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-stage{z-index:0;overflow:hidden;background:#0b0b0d}.story-video{display:block;object-fit:cover;pointer-events:none;background:#0b0b0d;-webkit-user-select:none;user-select:none}.player-shade{position:absolute;z-index:1;top:52%;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.78) 100%)}.interaction-layer[hidden]{display:block;visibility:hidden;pointer-events:none}.bottom-interaction-mask{position:absolute;z-index:2;right:0;bottom:0;left:0;height:min(36.2667vw,136px);pointer-events:none;background:url(/assets/bottom-mask.png) center bottom / 100% 100% no-repeat}.composer{--keyboard-offset: 0px;position:absolute;z-index:5;right:16px;bottom:calc(18px + env(safe-area-inset-bottom) + var(--keyboard-offset));left:16px;transition:bottom .12s ease-out}.preset-row{display:flex;align-items:center;gap:7px;margin:0 0 16px}.preset-button{display:inline-flex;min-width:0;padding:4px 10px;justify-content:center;align-items:center;gap:10px;border:0;border-radius:8px;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px;line-height:16px;white-space:nowrap;cursor:pointer;transition:transform .1s ease}.preset-button:active{transform:translateY(1px) scale(.98)}.composer-controls{display:flex;align-items:center;gap:7px;width:100%}.mode-toggle{display:grid;width:48px;height:48px;flex:0 0 48px;padding:12px;border:0;border-radius:50%;place-items:center;color:#fffffff5;background:url(/assets/Rectangle-bg.png) center / 100% 100% no-repeat;cursor:pointer;transition:transform .1s ease}.mode-toggle svg{width:23px;height:23px}.mode-toggle:active{transform:translateY(1px) scale(.98)}.composer-bar{position:relative;display:flex;width:auto;min-width:0;min-height:48px;flex:1 1 0;align-items:flex-end;gap:8px;box-sizing:border-box;padding:6px 8px 6px 14px;border:0;background:transparent;transition:transform .1s ease}.composer-bar:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border:22px solid transparent;border-image-source:url(/assets/input-bg.png);border-image-slice:44 fill;border-image-width:22px;border-image-repeat:stretch;content:"";pointer-events:none}.composer-bar>*{position:relative;z-index:1}.composer-bar:has(.hold-to-talk:active){transform:translateY(1px) scale(.995)}.composer-input{display:block;width:100%;min-width:0;min-height:30px;max-height:72px;flex:1;align-self:center;resize:none;overflow-y:auto;padding:7px 5px 5px 0;border:0;outline:0;color:#fff;background:transparent;caret-color:#fff;font-size:14px;font-weight:430;line-height:20px;scrollbar-width:none}.composer-input::-webkit-scrollbar{display:none}.composer-input::placeholder{color:#ffffffa3}.send-button{display:grid;width:36px;height:36px;flex:0 0 36px;align-self:center;padding:0;border:0;place-items:center;background:transparent;cursor:pointer;transition:transform .1s ease}.send-button img{display:block;width:36px;height:36px;filter:none;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:filter .1s ease}.send-button:disabled{cursor:default}.send-button:disabled img{filter:grayscale(1) brightness(.55)}.send-button:not(:disabled):active{transform:translateY(1px) scale(.97)}.hold-to-talk{display:flex;width:100%;min-width:0;min-height:30px;flex:1;align-self:stretch;align-items:center;justify-content:center;padding:0 10px;border:0;outline:0;color:#fffffff0;background:transparent;font-size:16px;font-weight:520;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.hold-to-talk--active{color:#ffffffb8}.composer--holding .preset-row,.composer--holding .mode-toggle,.composer--holding .hold-to-talk{visibility:hidden}.composer--holding .composer-bar{border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.composer--holding .composer-bar:before{visibility:hidden}.voice-feedback{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100lvh;overflow:hidden;pointer-events:none;color:#fff;background:transparent}.voice-feedback__mask{position:absolute;right:0;bottom:0;left:0;display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.voice-feedback__content{position:absolute;top:0;right:0;bottom:0;left:0}.voice-wave{position:absolute;top:78%;left:50%;display:flex;height:46px;align-items:center;justify-content:center;gap:4px;transform:translate(-50%,-50%)}.voice-wave span{width:3px;height:var(--wave-height);flex:0 0 3px;border-radius:999px;background:#fff;box-shadow:0 0 7px #ffffff57;animation:voice-wave .68s ease-in-out infinite alternate;animation-delay:calc(var(--wave-index) * -46ms)}.voice-feedback__copy{position:absolute;top:84%;left:50%;width:100%;margin:0;transform:translate(-50%,-50%);text-align:center;color:#ffffffeb;font-size:12px;font-weight:450;letter-spacing:.02em;text-shadow:0 1px 9px rgba(0,0,0,.5)}.voice-feedback__icon{position:absolute;top:90%;left:50%;display:grid;width:30px;height:30px;transform:translate(-50%,-50%);place-items:center;color:#fff}.voice-feedback__icon svg{width:21px;height:21px}.vip-backdrop{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.vip-modal{position:relative;width:min(92%,440px);border:0;outline:0}.vip-artwork{position:relative;width:100%}.vip-artwork img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.vip-close{position:absolute;z-index:2;top:-44px;right:-11px;display:grid;width:44px;height:44px;padding:11px;border:0;border-radius:50%;place-items:center;color:#fff;background:transparent;cursor:pointer}.vip-close svg{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.vip-cta-hotspot{position:absolute;z-index:1;top:76%;right:12%;bottom:10.5%;left:12%;border:0;border-radius:999px;background:transparent;cursor:pointer}.vip-cta-hotspot:disabled{cursor:wait}.vip-cta-hotspot:disabled:after{position:absolute;top:50%;left:50%;width:24px;height:24px;border:3px solid rgba(255,255,255,.58);border-top-color:#a20b84;border-radius:50%;content:"";transform:translate(-50%,-50%);animation:payment-spinner .8s linear infinite}.vip-payment-error{position:absolute;top:calc(100% + 8px);left:50%;width:min(100%,360px);margin:0;transform:translate(-50%);color:#fff;font-size:13px;line-height:18px;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.9)}.playback-gate{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;place-items:center;background:#00000057}.playback-gate__button{min-height:46px;padding:0 23px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:#1e1e2294;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:15px;font-weight:550;cursor:pointer}.playback-gate--error{background:#000}.playback-error{display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateY(-5vh)}.playback-error__illustration{display:block;width:225px;height:207px;object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.playback-error__retry{display:block;width:194px;height:48px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .1s ease}.playback-error__retry img{display:block;width:194px;height:48px;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.playback-error__retry:active{transform:translateY(1px) scale(.98)}.preset-button:focus-visible,.mode-toggle:focus-visible,.send-button:focus-visible,.hold-to-talk:focus-visible,.vip-close:focus-visible,.vip-cta-hotspot:focus-visible,.playback-gate__button:focus-visible{outline:2px solid rgba(255,255,255,.96);outline-offset:2px}.playback-error__retry:focus-visible{outline:2px solid rgba(255,255,255,.96);outline-offset:3px;border-radius:999px}@keyframes voice-wave{0%{transform:scaleY(.54);opacity:.68}to{transform:scaleY(1.22);opacity:1}}@keyframes payment-spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (min-width: 768px){.composer-input{font-size:14px}.player-shell{width:min(56.25lvh,100vw);height:100vh;height:100lvh;box-shadow:0 0 70px #0000009e}.voice-feedback{width:min(56.25lvh,100vw);right:auto;left:50%;transform:translate(-50%)}}@media (max-height: 620px){.composer{bottom:calc(10px + env(safe-area-inset-bottom) + var(--keyboard-offset))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}