*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.mb-4{margin-bottom:1rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-9{min-height:2.25rem}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-8{gap:2rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-4{padding:1rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-slate-200\/80{color:#e2e8f0cc}.text-slate-300\/70{color:#cbd5e1b3}.opacity-40{opacity:.4}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media(min-width:768px){.md\:flex{display:flex}}*{box-sizing:border-box}:root{--glass-tint: rgba(10, 17, 43, .5);--glass-surface: rgba(255, 255, 255, .085);--glass-surface-strong: rgba(255, 255, 255, .045);--glass-border: rgba(255, 255, 255, .14);--glass-border-strong: rgba(255, 255, 255, .26);--glass-highlight: rgba(255, 255, 255, .16);--glass-lowlight: rgba(3, 7, 18, .3);--glass-shadow: 0 22px 70px rgba(0, 0, 0, .3);--glass-shadow-soft: 0 12px 34px rgba(0, 0, 0, .22);--field-surface: rgba(7, 12, 30, .42);--field-surface-focus: rgba(11, 20, 48, .56);--text-soft: rgba(241, 245, 249, .82);--text-muted: rgba(226, 232, 240, .62);--accent-cyan: #67e8f9;--accent-gold: #f59e0b;--accent-rose: #fb3f8f;--accent-violet: #7c3aed;--accent-blue: #38bdf8;--accent-emerald: #34d399;--radius-panel: 14px;--radius-control: 10px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .16s;--duration-normal: .28s;--duration-slow: .48s;--depth-ambient: rgba(103, 232, 249, .04);--depth-glow-primary: rgba(124, 58, 237, .08);--depth-glow-secondary: rgba(103, 232, 249, .06)}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#020617;font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{color:#031028;background:var(--accent-cyan)}::selection{color:#031028;background:var(--accent-cyan)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid rgba(103,232,249,.78);outline-offset:3px}video::cue{font-family:inherit}h1,h2,h3,h4,h5,h6,.panel-title,.watch-title,.brand-mark{font-family:Space Grotesk,Outfit,Inter,ui-sans-serif,system-ui,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:#67e8f92e;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#67e8f95c}*{scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.18) transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #67e8f926,0 0 24px #67e8f914}50%{box-shadow:0 0 20px #67e8f94d,0 0 40px #67e8f926}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes meteorShoot{0%{opacity:0;transform:translate(0) translateY(0) rotate(-16deg)}5%{opacity:.88}70%{opacity:.88}to{opacity:0;transform:translate(-260px) translateY(120px) rotate(-16deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes moonPulse{0%,to{box-shadow:0 0 28px #facc153d}50%{box-shadow:0 0 42px #facc1561,0 0 68px #facc151f}}@keyframes progressPulse{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes bounceReact{0%{transform:scale(1)}30%{transform:scale(.88)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes auroraShift{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(12deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@keyframes starDrift{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-6px) translate(3px)}to{transform:translateY(0) translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{position:relative;min-height:100vh;min-height:100dvh;color:#f8fafc;background:linear-gradient(118deg,#0c1646f2,#242060f5 38%,#761c58db 72%,#581222f0),conic-gradient(from 220deg at 48% 36%,#0a102f,#0f766e,#4c1d95,#9f1239,#0a102f)}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(125,211,252,.78) 0 1px,transparent 1.35px);background-position:20px 72px,94px 136px;background-size:92px 112px,170px 184px;opacity:.22}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background-image:radial-gradient(circle,rgba(251,191,36,.58) 0 .8px,transparent 1.1px),radial-gradient(circle,rgba(167,139,250,.48) 0 .7px,transparent 1px);background-position:42px 28px,180px 90px;background-size:230px 210px,310px 280px;opacity:.16}.top-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1380px,calc(100% - 2rem));height:72px;margin:0 auto;transition:background var(--duration-normal) var(--ease-smooth),backdrop-filter var(--duration-normal) var(--ease-smooth)}.top-nav.is-scrolled{background:linear-gradient(180deg,#080a24cc,#080a2466);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand-mark,.nav-login{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;min-height:38px;border:1px solid var(--glass-border);border-radius:999px;color:#e0f2fe;background:linear-gradient(180deg,#ffffff1b,#ffffff09),var(--glass-tint);box-shadow:var(--glass-shadow-soft),inset 0 1px #ffffff2e,inset 0 -1px #0307122e;transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.brand-mark:hover,.nav-login:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow),inset 0 1px #ffffff38,inset 0 -1px #03071233,0 0 18px #67e8f914;transform:translateY(-1px)}.brand-mark:before,.nav-login:before{position:absolute;inset:1px 10% auto 10%;height:42%;content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);opacity:.52}.brand-mark:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(103,232,249,.12) 44%,rgba(167,139,250,.1) 48%,transparent 54%);background-size:200% 100%;animation:shimmer 4s ease-in-out 1}.brand-mark{padding:.45rem .9rem;font-size:.96rem;font-weight:700;letter-spacing:-.01em}.brand-glow{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--accent-cyan);box-shadow:0 0 8px #67e8f980;animation:breathe 2.8s ease-in-out infinite;flex-shrink:0}.nav-login{padding:.45rem .9rem;font-size:.78rem;font-weight:800}.nav-login:after{display:none}.top-nav nav a{position:relative;color:#e2e8f0d1;transition:color var(--duration-fast) ease,transform var(--duration-fast) ease}.top-nav nav a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet));transform:translate(-50%);transition:width var(--duration-normal) var(--ease-spring)}.top-nav nav a:hover{color:#fff;transform:translateY(-1px)}.top-nav nav a:hover:after{width:100%}.app-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,320px);align-items:start;gap:1rem;width:min(1380px,calc(100% - 2rem));margin:0 auto;padding:0 0 1.25rem}.control-stack,.main-stack{display:flex;flex-direction:column;gap:1rem;min-width:0}.control-stack,.chat-panel{position:sticky;top:84px}.glass-panel,.watch-panel,.chat-panel,.notice-bar{position:relative;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-panel);background:linear-gradient(145deg,#ffffff1b,#ffffff09 42%,#fff1),linear-gradient(180deg,var(--glass-surface),var(--glass-surface-strong)),var(--glass-tint);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),inset 1px 0 #ffffff21,inset 0 -1px 0 var(--glass-lowlight);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-slow) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth)}.glass-panel:hover{border-color:#ffffff38;box-shadow:0 26px 80px #00000052,inset 0 1px #fff3,inset 1px 0 #ffffff29,inset 0 -1px 0 var(--glass-lowlight),0 0 36px var(--depth-glow-secondary),0 0 60px var(--depth-glow-primary);transform:translateY(-1px)}.glass-panel>*,.notice-bar>*{position:relative;z-index:1}.glass-panel:before,.watch-panel:before,.chat-panel:before,.notice-bar:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 24% 78%,rgba(255,255,255,.04)),linear-gradient(180deg,rgba(255,255,255,.075),transparent 34%);opacity:.74;mix-blend-mode:screen}.glass-panel:after,.watch-panel:after,.chat-panel:after,.notice-bar:after{display:none}.app-enter .control-stack .glass-panel:nth-child(1){animation:panelReveal .6s var(--ease-out-expo) .1s both}.app-enter .control-stack .glass-panel:nth-child(2){animation:panelReveal .6s var(--ease-out-expo) .22s both}.app-enter .control-stack .glass-panel:nth-child(3){animation:panelReveal .6s var(--ease-out-expo) .34s both}.app-enter .watch-panel{animation:panelReveal .6s var(--ease-out-expo) .15s both}.app-enter .chat-panel{animation:panelReveal .6s var(--ease-out-expo) .28s both}.app-enter .notice-bar{animation:panelReveal .6s var(--ease-out-expo) .4s both}.app-enter .bookmarks-panel{animation:panelReveal .6s var(--ease-out-expo) .35s both}@keyframes panelReveal{0%{opacity:0;transform:translateY(24px) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.panel-kicker{margin:0;color:var(--accent-cyan);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-title{margin:.2rem 0 0;color:#f8fafc;font-size:1.1rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.notice-bar{display:flex;align-items:center;gap:.65rem;min-height:46px;padding:.8rem 1rem;color:#fef3c7;font-size:.9rem;font-weight:700;overflow:hidden;background:linear-gradient(135deg,#fbbf241f,#f59e0b0f),linear-gradient(145deg,#ffffff1b,#ffffff09 42%,#fff1),var(--glass-tint);animation:slideInDown var(--duration-normal) var(--ease-spring) both}.notice-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;animation:popIn .4s var(--ease-spring) both}.mobile-tabbar{display:none}.status-pill{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.4rem;min-height:30px;border:1px solid rgba(237,250,255,.22);border-radius:999px;padding:.22rem .72rem;color:#f8fafce6;background:linear-gradient(180deg,#ffffff18,#ffffff06),#ffffff0e;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #03071233;font-size:.84rem;font-weight:700;transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.status-pill:before{position:absolute;inset:1px 12% auto;height:42%;content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);opacity:.44}.status-pill.is-live{border-color:#67e8f95c;color:#cffafe;animation:pulseGlow 3s ease-in-out infinite}.status-pill.is-waiting{border-color:#fbbf245c;color:#fef3c7;animation:pulseGlow 2.4s ease-in-out infinite}.status-pill .live-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--accent-emerald);box-shadow:0 0 6px #34d39980;animation:breathe 1.8s ease-in-out infinite}.app-grid{transition:grid-template-columns var(--duration-slow) var(--ease-out-expo)}.theater-mode{grid-template-columns:1fr!important}.theater-mode .control-stack,.theater-mode .chat-panel{display:none}.theater-mode .watch-panel{max-width:100%}.theater-mode .player-stage{max-height:calc(100vh - 160px)}.watch-controls{display:flex;align-items:center;gap:.45rem}.control-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(203,241,255,.2);border-radius:999px;padding:0;color:#e0f2fecc;background:linear-gradient(180deg,#ffffff14,#ffffff05),#ffffff0a;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.control-btn:hover{transform:scale(1.1);border-color:#67e8f980;color:#e0f2fe}.control-btn:active{transform:scale(.9)}.control-btn.is-active{border-color:#67e8f999;color:var(--accent-cyan);background:linear-gradient(180deg,#67e8f924,#67e8f90a),#ffffff0d}.focus-mode .control-stack{opacity:0;pointer-events:none;width:0;min-width:0;overflow:hidden;margin:0;padding:0;transition:opacity var(--duration-normal) var(--ease-smooth),width var(--duration-normal) var(--ease-smooth)}.focus-mode .app-grid{grid-template-columns:0 minmax(0,1fr) minmax(280px,26vw);gap:0}.focus-mode .notice-bar{opacity:0;pointer-events:none}.focus-mode .main-stack{transition:all var(--duration-normal) var(--ease-smooth)}.focus-mode .top-nav nav{opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth)}.focus-toggle{margin-right:.25rem}.field-label{display:grid;gap:.4rem;color:#dbeafe;font-size:.88rem;font-weight:600}.field-input{width:100%;min-height:42px;border:1px solid rgba(237,250,255,.2);border-radius:var(--radius-control);outline:none;padding:.65rem .75rem;color:#f8fafc;background:linear-gradient(180deg,#ffffff13,#ffffff05),var(--field-surface);box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #0307122e,0 8px 18px #0000001a;transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.field-input::-moz-placeholder{color:#cbd5e194}.field-input::placeholder{color:#cbd5e194}.field-input:focus,.chat-input:focus{border-color:#67e8f9d1;background:linear-gradient(180deg,#ffffff1b,#ffffff06),var(--field-surface-focus);box-shadow:0 0 0 3px #22d3ee1f,0 0 16px #67e8f914,inset 0 1px #ffffff29,inset 0 -1px #03071238}.icon-button,.primary-button,.secondary-button,.play-overlay,.chat-send{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;border:1px solid rgba(237,250,255,.18);border-radius:var(--radius-control);font-weight:700;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.icon-button:before,.primary-button:before,.secondary-button:before,.play-overlay:before,.chat-send:before,.reaction-button:before,.mobile-tabbar a:before{display:none}.icon-button:after,.primary-button:after,.secondary-button:after,.chat-send:after,.reaction-button:after,.mobile-tabbar a:after{display:none}.primary-button:after,.secondary-button:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.12) 44%,rgba(255,255,255,.06) 48%,transparent 54%);background-size:200% 100%;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth)}.primary-button:hover:after,.secondary-button:hover:after{opacity:1;animation:shimmer 1.2s ease-in-out}.icon-button{width:42px;color:#e0f2fe;background:linear-gradient(180deg,#ffffff18,#ffffff06),#ffffff0e;box-shadow:0 10px 22px #00000024,inset 0 1px #ffffff21,inset 0 -1px #03071229}.icon-button.is-spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.play-overlay:hover,.chat-send:hover{transform:translateY(-2px);border-color:#ffffff42;box-shadow:0 16px 32px #0003,inset 0 1px #ffffff38,inset 0 -1px #03071233,0 0 18px #67e8f90f}.icon-button:active,.primary-button:active,.secondary-button:active,.play-overlay:active,.chat-send:active,.reaction-button:active,.mobile-tabbar a:active{transform:translateY(1px) scale(.97);transition-duration:60ms}.primary-button{width:100%;color:#f8fafc;background:linear-gradient(135deg,#7c3aedeb,#ec4899e0),#ffffff14;box-shadow:0 14px 30px #7c3aed38,inset 0 1px #ffffff2e,inset 0 -1px #0307122e}.primary-button:hover{box-shadow:0 18px 36px #7c3aed4d,inset 0 1px #ffffff38,inset 0 -1px #03071233,0 0 22px #7c3aed26}.secondary-button{width:100%;color:#eff6ff;background:linear-gradient(135deg,#38bdf82e,#7c3aed29),#fff1;box-shadow:0 12px 26px #00000024,inset 0 1px #ffffff24,inset 0 -1px #03071229}.secondary-button:disabled{color:#e2e8f080;border-color:#e2e8f01a;background:#94a3b81a;box-shadow:inset 0 1px #ffffff0f;transform:none}.secondary-button:disabled:after{display:none}.upload-drop{display:grid;align-items:center;min-height:76px;border:1.5px dashed rgba(203,241,255,.28);border-radius:var(--radius-control);padding:.8rem;color:#dbeafe;background:linear-gradient(180deg,#fff1,#ffffff04),#ffffff0b;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0307121f;font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring)}.upload-drop:hover{border-color:#67e8f9ad;background:linear-gradient(180deg,#ffffff17,#ffffff06),#67e8f90a;transform:translateY(-1px)}.upload-drop.is-dragging{border-color:var(--accent-cyan);border-style:solid;background:linear-gradient(180deg,#67e8f91f,#67e8f90a),#67e8f90f;transform:scale(1.02)}.upload-drop.has-file{border-color:#34d39980;border-style:solid}.upload-drop-content{display:flex;align-items:center;gap:.6rem}.upload-drop-icon{flex-shrink:0;color:var(--accent-cyan);opacity:.7}.upload-heading-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--accent-cyan);background:linear-gradient(135deg,#67e8f91f,#7c3aed14);border:1px solid rgba(103,232,249,.15)}.upload-progress{display:grid;gap:.3rem}.upload-progress-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.upload-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#38bdf8);background-size:300% 100%;animation:progressPulse 1.6s linear infinite;transition:width .15s ease}.upload-progress-label{text-align:right;font-size:.78rem;font-weight:700;color:#bae6fd;font-variant-numeric:tabular-nums}.upload-success-msg{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;border-radius:var(--radius-control);color:#a7f3d0;background:linear-gradient(135deg,#34d3991f,#10b9810f);border:1px solid rgba(52,211,153,.25);font-size:.82rem;font-weight:700;animation:popIn var(--duration-normal) var(--ease-spring) both}.partner-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;min-height:30px;border:1px solid rgba(203,241,255,.2);border-radius:999px;padding:.25rem .65rem .25rem .35rem;color:#cffafe;background:linear-gradient(180deg,#ffffff18,#ffffff06),#ffffff0e;font-size:.82rem;font-weight:700;animation:popIn var(--duration-normal) var(--ease-spring) both}.avatar-badge-sm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;font-size:.6rem;font-weight:800;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-violet),var(--accent-rose))}.avatar-badge-sm.alt{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue))}.waiting-for-partner{display:flex;align-items:center;gap:.4rem;color:#e2e8f080;font-size:.82rem;font-weight:600;animation:breathe 3s ease-in-out 1}.library-list{display:grid;gap:.6rem;max-height:28vh;overflow:auto;padding-right:.15rem}.library-item{display:flex;align-items:center;gap:.4rem;min-height:58px;width:100%;border:1px solid rgba(203,241,255,.15);border-radius:var(--radius-control);padding:.35rem;color:#f8fafc;text-align:left;background:linear-gradient(180deg,#ffffff13,#ffffff05),#ffffff0b;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #03071224;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.library-item-main{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.7rem;flex:1;min-width:0;padding:.15rem;border:none;border-radius:inherit;color:inherit;background:transparent;text-align:left;cursor:pointer}.library-item:nth-child(1){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) 50ms both}.library-item:nth-child(2){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .12s both}.library-item:nth-child(3){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .19s both}.library-item:nth-child(4){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .26s both}.library-item:nth-child(5){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .33s both}.library-item:nth-child(n+6){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .4s both}.library-item:hover,.library-item.is-selected{border-color:#67e8f99e;background:linear-gradient(135deg,#0ea5e929,#7c3aed1a),#ffffff14;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #03071229,0 8px 24px #0000002e,0 0 12px #67e8f90f}.library-item.is-selected{border-color:#67e8f9b8}.library-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border:1px solid rgba(237,250,255,.16);border-radius:var(--radius-control);color:#e0f2fe;background:linear-gradient(180deg,#ffffff16,#ffffff05),#ffffff0e;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #0307122e}.library-item.is-selected .library-icon{border-color:#67e8f966;background:linear-gradient(135deg,#67e8f926,#7c3aed1a),#ffffff0f;color:var(--accent-cyan)}.library-empty{display:flex;align-items:center;gap:.5rem;min-height:52px;border-radius:var(--radius-control);padding:.75rem;color:#e2e8f0bf;background:linear-gradient(180deg,#ffffff14,#ffffff04),#ffffff0b;font-size:.9rem;font-weight:600}.library-item-skeleton{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.7rem;min-height:58px;padding:.5rem;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.06);background:#ffffff06}.skeleton-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-control)}.skeleton-text{display:grid;gap:.4rem}.skeleton-line{height:12px;width:80%;border-radius:6px}.skeleton-line-short{height:10px;width:50%;border-radius:6px}.watch-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:.75rem;overflow:hidden}.watch-panel>*{position:relative;z-index:1}.watch-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;padding:.25rem .35rem .8rem}.watch-title{max-width:min(44vw,720px);margin:.25rem 0 0;overflow:hidden;color:#fff;font-size:clamp(1.6rem,3vw,2.55rem);font-weight:700;line-height:1.03;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#fff,#e0f2fe,#bae6fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.now-watching-badge{display:inline-flex;align-items:center;gap:.4rem}.watch-meta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;min-height:36px;border:1px solid rgba(203,241,255,.2);border-radius:999px;padding:.35rem .75rem;color:#e0f2fe;background:linear-gradient(180deg,#ffffff16,#ffffff05),#ffffff0d;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #03071224;font-size:.9rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.meta-divider{display:inline-block;width:1px;height:14px;background:#fff3;border-radius:999px}.player-stage-wrapper{position:relative}.player-stage{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;min-height:340px;max-height:calc(100vh - 180px);overflow:hidden;border:1px solid rgba(203,241,255,.2);border-radius:var(--radius-panel);background:linear-gradient(180deg,#fff1,#ffffff03),#020617;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #03071238,0 18px 42px #00000047,0 0 48px var(--depth-glow-secondary),0 0 80px var(--depth-glow-primary);transition:box-shadow var(--duration-slow) var(--ease-smooth)}.player-stage:hover{box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0307123d,0 22px 50px #00000052,0 0 56px #67e8f914,0 0 96px #7c3aed0f}.watch-panel.is-playing .player-stage{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #03071238,0 18px 42px #00000047,0 0 60px #67e8f91a,0 0 100px #7c3aed14}.stage-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.video-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000;border-radius:inherit}.empty-player{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:min(18rem,calc(100% - 2rem));min-height:9rem;border:1px solid rgba(203,241,255,.18);border-radius:var(--radius-panel);padding:1.5rem 1rem;color:#e0f2fee0;background:linear-gradient(180deg,#ffffff16,#ffffff06),#060e267a;box-shadow:0 18px 42px #00000042,inset 0 1px #ffffff24,inset 0 -1px #0307123d;font-size:.95rem;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn var(--duration-slow) var(--ease-out-expo) both}.empty-player-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#7c3aed33,#67e8f926);border:1px solid rgba(255,255,255,.1);color:var(--accent-cyan);animation:breathe 3s ease-in-out 1}.empty-player-hint{display:block;font-size:.78rem;font-weight:500;color:#cbd5e180}.waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;gap:.7rem;padding:1rem;color:#f8fafc;text-align:center;background:linear-gradient(180deg,#0206172e,#0206178a),#02061738;font-weight:700;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--duration-normal) var(--ease-smooth) both}.waiting-overlay span{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;border:1px solid rgba(251,191,36,.34);border-radius:var(--radius-control);padding:.55rem .85rem;background:linear-gradient(135deg,#f59e0bd9,#d97706c7),#ffffff0f;box-shadow:0 16px 28px #02061752,inset 0 1px #ffffff2e,0 0 18px #fbbf241f}.waiting-spinner{color:#fbbf24;filter:drop-shadow(0 8px 14px rgba(2,6,23,.4))}.play-overlay{position:absolute;z-index:7;bottom:1.25rem;left:50%;min-width:110px;color:#eff6ff;background:linear-gradient(135deg,#7c3aedeb,#ec4899e0),#ffffff1a;box-shadow:0 16px 40px #02061757,inset 0 1px #ffffff2e,inset 0 -1px #0307122e,0 0 24px #7c3aed33;transform:translate(-50%);animation:fadeInUp var(--duration-normal) var(--ease-spring) both}.play-overlay:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.14) 44%,rgba(255,255,255,.08) 48%,transparent 54%);background-size:200% 100%;animation:shimmer 2.2s ease-in-out infinite}.play-overlay:hover{transform:translate(-50%,-2px)}.reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.floating-reaction{position:absolute;bottom:18%;font-size:clamp(2rem,5vw,4rem);filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));animation:floatReaction 2.4s var(--ease-out-expo) forwards}@keyframes floatReaction{0%{opacity:0;transform:translate(-50%,30px) scale(.6) rotate(-8deg)}12%{opacity:1;transform:translate(-50%) scale(1.1) rotate(4deg)}40%{transform:translate(-50%,-80px) scale(1.2) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-190px) scale(1.35) rotate(6deg)}}.chat-panel{display:grid;grid-template-rows:auto auto minmax(260px,1fr) auto;gap:.85rem;min-height:calc(100vh - 96px);padding:1rem;overflow:hidden}.chat-panel>*{position:relative;z-index:1}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chat-heading-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--accent-cyan);background:linear-gradient(135deg,#67e8f91f,#7c3aed14);border:1px solid rgba(103,232,249,.15)}.reaction-dock{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.reaction-button{position:relative;overflow:hidden;display:grid;place-items:center;min-height:42px;border:1px solid rgba(237,250,255,.18);border-radius:var(--radius-control);background:linear-gradient(180deg,#ffffff16,#ffffff05),#ffffff0d;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #03071224;font-size:1.2rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.reaction-button:hover{border-color:#67e8f980;background:linear-gradient(180deg,#ffffff1d,#ffffff08),#7c3aed24;transform:translateY(-2px) scale(1.08);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #03071229,0 6px 16px #00000024,0 0 14px #7c3aed1a}.reaction-button:active{animation:bounceReact .32s var(--ease-spring)}.message-list{display:flex;flex-direction:column;gap:.65rem;min-height:0;overflow:auto;padding:0 .2rem}.message-bubble{max-width:85%;padding:.7rem;border:1px solid rgba(203,241,255,.12);border-radius:var(--radius-panel);background:linear-gradient(180deg,#ffffff13,#ffffff05),#ffffff0b;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #03071224;transition:border-color var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.message-bubble.is-partner{align-self:flex-start;border-left:3px solid;-o-border-image:linear-gradient(180deg,var(--accent-violet),var(--accent-cyan)) 1;border-image:linear-gradient(180deg,var(--accent-violet),var(--accent-cyan)) 1;border-radius:2px var(--radius-panel) var(--radius-panel) 2px;animation:slideInLeft var(--duration-normal) var(--ease-out-expo) both}.message-bubble.is-partner:hover{border-color:#cbf1ff38;background:linear-gradient(180deg,#ffffff17,#ffffff06),#ffffff0e;transform:translate(2px)}.message-bubble.is-own{align-self:flex-end;border-right:3px solid;-o-border-image:linear-gradient(180deg,var(--accent-rose),var(--accent-gold)) 1;border-image:linear-gradient(180deg,var(--accent-rose),var(--accent-gold)) 1;border-radius:var(--radius-panel) 2px 2px var(--radius-panel);background:linear-gradient(180deg,#7c3aed24,#ec489914),#ffffff0d;animation:slideInRight var(--duration-normal) var(--ease-out-expo) both}.message-bubble.is-own:hover{background:linear-gradient(180deg,#7c3aed2e,#ec48991f),#ffffff0f;transform:translate(-2px)}.message-bubble.is-own .message-meta span:first-child{color:#f9a8d4}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.is-own-typing{align-self:flex-end}.message-header{display:flex;align-items:center;gap:.55rem}.message-meta{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:.75rem;color:#bae6fd;font-size:.76rem;font-weight:700}.message-meta time{color:#cbd5e19e;font-weight:600;white-space:nowrap}.message-bubble p{margin:.35rem 0 0;padding-left:calc(28px + .55rem);color:#f8fafc;overflow-wrap:anywhere;font-size:.92rem;line-height:1.38}.avatar-badge.alt-2{background:linear-gradient(135deg,var(--accent-gold),var(--accent-rose));box-shadow:0 4px 12px #f59e0b4d}.message-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:180px;border:1px dashed rgba(203,241,255,.18);border-radius:var(--radius-panel);color:#e2e8f0ad;background:linear-gradient(180deg,#ffffff0f,#ffffff03),#ffffff09;text-align:center;font-size:.9rem;font-weight:700;padding:1rem}.message-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c3aed26,#67e8f91a);border:1px solid rgba(255,255,255,.08);color:var(--accent-cyan);animation:breathe 3s ease-in-out 1}.message-empty-hint{display:block;font-size:.76rem;font-weight:500;color:#cbd5e166}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:.55rem}.chat-input{min-height:42px;min-width:0;border:1px solid rgba(203,241,255,.18);border-radius:var(--radius-control);outline:none;padding:.65rem .75rem;color:#f8fafc;background:linear-gradient(180deg,#ffffff13,#ffffff05),var(--field-surface);box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #0307122e;transition:border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth)}.chat-input:focus{border-color:#67e8f980;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0307122e,0 0 0 3px #67e8f91f;background:linear-gradient(180deg,#ffffff17,#ffffff06),var(--field-surface-focus)}.chat-input::-moz-placeholder{color:#cbd5e17a}.chat-input::placeholder{color:#cbd5e17a}.chat-send{width:42px;color:#f8fafc;background:linear-gradient(135deg,#7c3aedeb,#ec4899e0),#ffffff14;box-shadow:0 12px 24px #7c3aed2e,inset 0 1px #ffffff2e,inset 0 -1px #0307122e;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth)}.chat-send:hover:not(:disabled){transform:scale(1.08);box-shadow:0 14px 28px #7c3aed42,inset 0 1px #ffffff38,inset 0 -1px #03071233,0 0 16px #7c3aed1f}.chat-send:active:not(:disabled){transform:scale(.92)}.chat-send:disabled{opacity:.4;cursor:default}.chat-send.is-sending{animation:sendPop .4s var(--ease-spring)}.chat-send.is-sending svg{animation:sendFly .4s var(--ease-out-expo)}@keyframes sendPop{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes sendFly{0%{transform:translate(0) rotate(0);opacity:1}50%{transform:translate(4px,-6px) rotate(-12deg);opacity:.6}to{transform:translate(0) rotate(0);opacity:1}}.partner-typing{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.78rem;font-weight:600;color:#cbd5e1b3;animation:fadeIn var(--duration-normal) var(--ease-smooth) both}.night-art{position:relative;overflow:hidden;background:linear-gradient(180deg,#2b2476f5,#10439ae6 46%,#04112ffa),#061431}.star-field{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.98) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(186,230,253,.9) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(251,191,36,.86) 0 1.5px,transparent 1.9px);background-position:25px 34px,78px 101px,220px 150px;background-size:118px 135px,174px 172px,320px 260px;opacity:.72;animation:twinkle 4s ease-in-out infinite}.twinkle-star{position:absolute;width:3px;height:3px;border-radius:999px;background:#fff;box-shadow:0 0 6px #ffffff80;animation:twinkle 2.6s ease-in-out infinite}.twinkle-star:nth-child(1){top:8%;left:12%;animation-delay:0s}.twinkle-star:nth-child(2){top:18%;left:42%;animation-delay:.8s;width:2px;height:2px}.twinkle-star:nth-child(3){top:28%;left:72%;animation-delay:1.6s}.twinkle-star:nth-child(4){top:12%;left:88%;animation-delay:.4s;width:2px;height:2px}.twinkle-star:nth-child(5){top:35%;left:55%;animation-delay:1.2s}.twinkle-star:nth-child(6){top:6%;left:65%;animation-delay:2s;width:2px;height:2px}.moon{position:absolute;top:11%;right:17%;width:42px;height:42px;border-radius:999px;background:#fff7c2;animation:moonPulse 5s ease-in-out infinite}.moon:after{position:absolute;top:-4px;right:0;bottom:0;left:12px;content:"";border-radius:inherit;background:#181056}.meteor{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#e0f2fe 30%,#bae6fd 70%,transparent);transform:rotate(-16deg);opacity:0}.meteor-one{top:15%;left:42%;width:94px;animation:meteorShoot 5s ease-in-out 1s infinite}.meteor-two{top:32%;left:16%;width:56px;animation:meteorShoot 7s ease-in-out 3.5s infinite}.meteor-three{top:22%;left:68%;width:72px;animation:meteorShoot 9s ease-in-out 6s infinite}.hill{position:absolute;left:50%;bottom:-10%;width:78%;height:38%;border-radius:50% 50% 0 0;transform:translate(-50%)}.hill-back{bottom:7%;background:linear-gradient(180deg,#145fbec7,#03112de0)}.hill-front{bottom:-18%;width:106%;height:39%;background:linear-gradient(180deg,#05143af5,#020617)}.grass{position:absolute;bottom:0;width:42%;height:36%;opacity:.92;background:linear-gradient(74deg,transparent 0 45%,#020617 46% 50%,transparent 51%) 0 100% / 18px 82px repeat-x,linear-gradient(103deg,transparent 0 45%,#051028 46% 50%,transparent 51%) 0 100% / 25px 116px repeat-x}.grass-left{left:-2%}.grass-right{right:-2%;transform:scaleX(-1)}.telescope-figure{position:absolute;right:12%;bottom:18%;width:180px;height:250px}.scope{position:absolute;top:18px;left:58px;width:100px;height:24px;border-radius:999px;background:linear-gradient(90deg,#f97316 0,#f97316 12%,#0f172a 12%,#0f172a 30%,#38bdf8 31%,#38bdf8);transform:rotate(20deg)}.head{position:absolute;top:58px;left:73px;width:42px;height:42px;border-radius:50% 50% 44% 44%;background:#1f2a61;box-shadow:inset -10px -5px #38bdf8}.body{position:absolute;top:100px;left:68px;width:54px;height:95px;border-radius:24px 24px 12px 12px;background:linear-gradient(90deg,#1e3a8a 0,#1e3a8a 45%,#38bdf8 46%,#38bdf8)}.arm,.leg{position:absolute;border-radius:999px;background:#38bdf8;transform-origin:center top}.arm-front{top:94px;left:98px;width:15px;height:78px;transform:rotate(-47deg)}.arm-back{top:94px;left:67px;width:14px;height:70px;background:#1d4ed8;transform:rotate(-36deg)}.leg-left{top:184px;left:72px;width:15px;height:72px;background:#0f2d75;transform:rotate(8deg)}.leg-right{top:184px;left:103px;width:15px;height:72px;transform:rotate(-8deg)}.constellation-figure,.constellation-line,.constellation-dot,.glow-hand,.person-head,.person-body,.person-arm{display:none}[data-theme=aurora] .app-shell{background:linear-gradient(138deg,#041e24f5,#06383af2 30%,#0e5048eb 52%,#203460f0 78%,#100e30f5),conic-gradient(from 180deg at 50% 40%,#041e24,#064a3a,#0f766e,#1e3a5f,#041e24);background-size:200% 200%;animation:auroraShift 22s ease infinite}[data-theme=aurora]{--accent-cyan: #34d399;--accent-violet: #10b981;--accent-blue: #6ee7b7;--accent-rose: #a7f3d0;--accent-gold: #34d399;--glass-tint: rgba(4, 28, 32, .52);--depth-ambient: rgba(52, 211, 153, .04);--depth-glow-primary: rgba(16, 185, 129, .08);--depth-glow-secondary: rgba(52, 211, 153, .06)}[data-theme=aurora] .panel-kicker{color:#34d399}[data-theme=aurora] .primary-button{background:linear-gradient(135deg,#10b981e6,#065f46e0),#ffffff14;box-shadow:0 14px 30px #10b98133,inset 0 1px #ffffff2e,inset 0 -1px #0307122e}[data-theme=aurora] .chat-send{background:linear-gradient(135deg,#10b981e6,#065f46e0),#ffffff14}[data-theme=aurora] .status-pill.is-live{border-color:#34d39966;color:#a7f3d0}[data-theme=aurora] .brand-glow{background:#34d399;box-shadow:0 0 8px #34d39980}[data-theme=aurora] .watch-title{background:linear-gradient(135deg,#fff,#a7f3d0,#6ee7b7);-webkit-background-clip:text;background-clip:text}[data-theme=aurora] .chat-heading-icon,[data-theme=aurora] .upload-heading-icon{color:#34d399;background:linear-gradient(135deg,#34d3991f,#10b98114);border-color:#34d39926}[data-theme=aurora] .message-bubble{-o-border-image:linear-gradient(180deg,#10b981,#34d399) 1;border-image:linear-gradient(180deg,#10b981,#34d399) 1}[data-theme=aurora] .avatar-badge{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=aurora] .avatar-badge.alt{background:linear-gradient(135deg,#34d399,#6ee7b7)}[data-theme=sunset] .app-shell{background:linear-gradient(148deg,#3c101cf5,#782416f2 28%,#b45012e0,#602044eb,#260c2af5),conic-gradient(from 240deg at 55% 45%,#3c101c,#7a2416,#b45012,#602044,#3c101c);background-size:200% 200%;animation:auroraShift 28s ease infinite}[data-theme=sunset]{--accent-cyan: #fbbf24;--accent-violet: #f97316;--accent-blue: #fde68a;--accent-rose: #fb923c;--accent-gold: #fbbf24;--glass-tint: rgba(38, 12, 18, .52);--depth-ambient: rgba(251, 191, 36, .04);--depth-glow-primary: rgba(249, 115, 22, .08);--depth-glow-secondary: rgba(251, 191, 36, .06)}[data-theme=sunset] .panel-kicker{color:#fbbf24}[data-theme=sunset] .primary-button{background:linear-gradient(135deg,#f97316eb,#dc2626d9),#ffffff14;box-shadow:0 14px 30px #f9731638,inset 0 1px #ffffff2e,inset 0 -1px #0307122e}[data-theme=sunset] .chat-send{background:linear-gradient(135deg,#f97316eb,#dc2626d9),#ffffff14}[data-theme=sunset] .status-pill.is-live{border-color:#fbbf2466;color:#fef3c7}[data-theme=sunset] .brand-glow{background:#fbbf24;box-shadow:0 0 8px #fbbf2480}[data-theme=sunset] .watch-title{background:linear-gradient(135deg,#fff,#fde68a,#fbbf24);-webkit-background-clip:text;background-clip:text}[data-theme=sunset] ::-moz-selection{color:#1c0a04;background:#fbbf24}[data-theme=sunset] ::selection{color:#1c0a04;background:#fbbf24}[data-theme=sunset] :focus-visible{outline-color:#fbbf24c7}[data-theme=sunset] .chat-heading-icon,[data-theme=sunset] .upload-heading-icon{color:#fbbf24;background:linear-gradient(135deg,#fbbf241f,#f9731614);border-color:#fbbf2426}[data-theme=sunset] .message-bubble{-o-border-image:linear-gradient(180deg,#f97316,#fbbf24) 1;border-image:linear-gradient(180deg,#f97316,#fbbf24) 1}[data-theme=sunset] .avatar-badge{background:linear-gradient(135deg,#f97316,#dc2626)}[data-theme=sunset] .avatar-badge.alt{background:linear-gradient(135deg,#fbbf24,#fb923c)}[data-theme=ocean] .app-shell{background:linear-gradient(128deg,#020c2af7,#062452f2 30%,#083a70e6 54%,#042a56f0 76%,#020820f7),conic-gradient(from 200deg at 45% 50%,#020c2a,#062452,#083a70,#042a56,#020c2a);background-size:200% 200%;animation:auroraShift 30s ease infinite}[data-theme=ocean]{--accent-cyan: #38bdf8;--accent-violet: #0ea5e9;--accent-blue: #7dd3fc;--accent-rose: #0284c7;--accent-gold: #38bdf8;--glass-tint: rgba(2, 10, 32, .55);--depth-ambient: rgba(56, 189, 248, .04);--depth-glow-primary: rgba(14, 165, 233, .08);--depth-glow-secondary: rgba(56, 189, 248, .06)}[data-theme=ocean] .panel-kicker{color:#38bdf8}[data-theme=ocean] .primary-button{background:linear-gradient(135deg,#0ea5e9eb,#0284c7e0),#ffffff14;box-shadow:0 14px 30px #0ea5e938,inset 0 1px #ffffff2e,inset 0 -1px #0307122e}[data-theme=ocean] .chat-send{background:linear-gradient(135deg,#0ea5e9eb,#0284c7e0),#ffffff14}[data-theme=ocean] .status-pill.is-live{border-color:#38bdf866;color:#bae6fd}[data-theme=ocean] .brand-glow{background:#38bdf8;box-shadow:0 0 8px #38bdf880}[data-theme=ocean] .watch-title{background:linear-gradient(135deg,#fff,#bae6fd,#7dd3fc);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .chat-heading-icon,[data-theme=ocean] .upload-heading-icon{color:#38bdf8;background:linear-gradient(135deg,#38bdf81f,#0ea5e914);border-color:#38bdf826}[data-theme=ocean] .message-bubble{-o-border-image:linear-gradient(180deg,#0ea5e9,#38bdf8) 1;border-image:linear-gradient(180deg,#0ea5e9,#38bdf8) 1}[data-theme=ocean] .avatar-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7)}[data-theme=ocean] .avatar-badge.alt{background:linear-gradient(135deg,#38bdf8,#7dd3fc)}.theme-switcher{display:flex;align-items:center;gap:6px}.theme-btn{position:relative;width:26px;height:26px;border:2px solid rgba(255,255,255,.2);border-radius:999px;padding:0;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.theme-btn:hover{transform:scale(1.2);border-color:#ffffff80;box-shadow:0 0 12px #ffffff1a}.theme-btn:active{transform:scale(.92)}.theme-btn.is-active{border-color:#ffffffd9;box-shadow:0 0 14px #ffffff38;transform:scale(1.1)}.theme-btn-night{background:linear-gradient(135deg,#1e1b4b,#581c87,#831843)}.theme-btn-aurora{background:linear-gradient(135deg,#064e3b,#0f766e,#134e4a)}.theme-btn-sunset{background:linear-gradient(135deg,#7c2d12,#c2410c,#9a3412)}.theme-btn-ocean{background:linear-gradient(135deg,#0c4a6e,#0369a1,#075985)}.lovetap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;pointer-events:none;animation:lovetapFade 2.8s var(--ease-out-expo) both}.app-shell.lovetap-shake{animation:screenShake .5s var(--ease-spring)}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-3px) rotate(-.3deg)}20%{transform:translate(3px) rotate(.3deg)}30%{transform:translate(-2px)}40%{transform:translate(2px)}}.lovetap-heart{position:relative;display:grid;place-items:center;animation:heartbeatPulse 2.8s var(--ease-out-expo) both}.lovetap-heart-icon{color:#f43f5e;filter:drop-shadow(0 0 30px rgba(244,63,94,.7)) drop-shadow(0 0 60px rgba(244,63,94,.4)) drop-shadow(0 0 100px rgba(244,63,94,.2))}.lovetap-sender{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.4rem;min-height:28px;border:1px solid rgba(244,63,94,.4);border-radius:999px;padding:.25rem .7rem;color:#fecdd3;background:linear-gradient(180deg,#f43f5e38,#f43f5e14),#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;font-weight:700;white-space:nowrap;animation:fadeInUp .5s var(--ease-spring) .3s both}.lovetap-ring{position:absolute;width:200%;height:200%;border-radius:999px;border:2px solid rgba(244,63,94,.3);animation:ringExpand 2s var(--ease-out-expo) both}.lovetap-ring:nth-child(2){animation-delay:.2s;border-color:#f43f5e33}.lovetap-ring:nth-child(3){animation-delay:.4s;border-color:#f43f5e1a}@keyframes lovetapFade{0%{opacity:0}8%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes heartbeatPulse{0%{transform:scale(.3);opacity:0}8%{transform:scale(1.2);opacity:1}16%{transform:scale(.95)}24%{transform:scale(1.1)}32%{transform:scale(1)}70%{transform:scale(1);opacity:1}to{transform:scale(1.15);opacity:0}}@keyframes ringExpand{0%{transform:scale(.3);opacity:0}20%{opacity:.8}to{transform:scale(1.5);opacity:0}}.lovetap-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(244,63,94,.3);border-radius:999px;padding:0;color:#fda4af;background:linear-gradient(180deg,#f43f5e29,#f43f5e0f),#ffffff0a;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.lovetap-btn:hover{transform:scale(1.12);border-color:#f43f5e99;color:#fb7185}.lovetap-btn:active{transform:scale(.88)}.lovetap-btn.is-cooldown{opacity:.4;pointer-events:none}.bookmarks-panel{position:relative;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-panel);background:linear-gradient(145deg,#ffffff1b,#ffffff09 42%,#fff1),linear-gradient(180deg,var(--glass-surface),var(--glass-surface-strong)),var(--glass-tint);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 var(--glass-lowlight);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--duration-normal) var(--ease-smooth)}.bookmarks-panel>*{position:relative;z-index:1}.bookmarks-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--duration-normal) var(--ease-smooth)}.bookmarks-header:hover{background:#ffffff08}.bookmarks-header-left{display:flex;align-items:center;gap:.5rem}.bookmarks-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;padding:0 .4rem;font-size:.72rem;font-weight:700;color:#cffafe;background:linear-gradient(135deg,#67e8f938,#7c3aed2e);border:1px solid rgba(103,232,249,.3)}.bookmarks-toggle{color:#e2e8f0b3;transition:transform var(--duration-normal) var(--ease-spring)}.bookmarks-toggle.is-open{transform:rotate(180deg)}.bookmarks-body{display:grid;gap:.5rem;padding:0 1rem 1rem;max-height:240px;overflow:auto}.bookmarks-body.is-collapsed{display:none}.bookmark-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.bookmark-add-input{min-height:36px;border:1px solid rgba(237,250,255,.18);border-radius:var(--radius-control);outline:none;padding:.45rem .6rem;color:#f8fafc;background:linear-gradient(180deg,#ffffff12,#ffffff04),var(--field-surface);font-size:.82rem;transition:border-color var(--duration-normal) var(--ease-smooth)}.bookmark-add-input:focus{border-color:#67e8f9b3}.bookmark-add-input::-moz-placeholder{color:#cbd5e173}.bookmark-add-input::placeholder{color:#cbd5e173}.bookmark-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:36px;border:1px solid rgba(237,250,255,.18);border-radius:var(--radius-control);padding:0 .7rem;color:#bae6fd;background:linear-gradient(180deg,#ffffff14,#ffffff05),#ffffff0d;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth)}.bookmark-add-btn:hover{transform:translateY(-1px);border-color:#67e8f980}.bookmark-add-btn:active{transform:translateY(1px) scale(.97)}.bookmark-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:42px;border:1px solid rgba(203,241,255,.12);border-radius:var(--radius-control);padding:.45rem .6rem;background:linear-gradient(180deg,#ffffff0f,#ffffff04),#ffffff09;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth);animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both}.bookmark-card:hover{transform:translateY(-1px);border-color:#67e8f980;background:linear-gradient(135deg,#0ea5e91a,#7c3aed0f),#ffffff0d}.bookmark-time{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:26px;border-radius:6px;padding:0 .4rem;color:#67e8f9;background:#67e8f91a;border:1px solid rgba(103,232,249,.2);font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums}.bookmark-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;color:#f8fafcd9}.bookmark-delete{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;padding:0;color:#e2e8f080;background:transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.bookmark-delete:hover{color:#f43f5e;background:#f43f5e1f}.bookmarks-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;color:#e2e8f080;font-size:.84rem;font-weight:600}.aurora-border{position:relative;z-index:0}.aurora-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(var(--aurora-angle, 135deg),var(--accent-cyan),var(--accent-violet),var(--accent-rose),var(--accent-blue),var(--accent-cyan));background-size:300% 300%;animation:auroraRotate 6s linear infinite;opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px}.aurora-border:hover:after,.aurora-border:focus-within:after{opacity:.72}@keyframes auroraRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ambient-glow{position:relative}.ambient-glow:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-1;border-radius:calc(var(--radius-panel) + 16px);background:radial-gradient(ellipse at center,rgba(103,232,249,.06) 0%,rgba(124,58,237,.04) 40%,transparent 70%);filter:blur(28px);opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth);pointer-events:none}.ambient-glow:hover:before,.ambient-glow.is-playing:before{opacity:.7}.ripple-container{position:relative;overflow:hidden}.ripple-circle{position:absolute;border-radius:50%;background:#fff3;transform:scale(0);animation:rippleExpand .6s ease-out forwards;pointer-events:none}@keyframes rippleExpand{to{transform:scale(2.5);opacity:0}}.shimmer-skeleton{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:var(--radius-control)}.shimmer-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200% 100%;animation:shimmerSkeleton 1.8s ease-in-out infinite}@keyframes shimmerSkeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.gradient-text-animate{background:linear-gradient(135deg,#ffffff 0%,var(--accent-cyan) 25%,#ffffff 50%,var(--accent-blue) 75%,#ffffff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientTextFlow 8s ease infinite}@keyframes gradientTextFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.equalizer-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.equalizer-bars span{display:block;width:3px;background:var(--accent-cyan);border-radius:999px;animation:eqBounce .8s ease-in-out infinite}.equalizer-bars span:nth-child(1){height:60%;animation-delay:0s}.equalizer-bars span:nth-child(2){height:100%;animation-delay:.15s}.equalizer-bars span:nth-child(3){height:40%;animation-delay:.3s}.equalizer-bars span:nth-child(4){height:80%;animation-delay:.45s}@keyframes eqBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.cinema-top,.cinema-bottom{position:absolute;left:0;right:0;z-index:4;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth)}.cinema-top{top:0;height:25%;background:linear-gradient(180deg,rgba(2,6,23,.6) 0%,rgba(2,6,23,.2) 40%,transparent 100%)}.cinema-bottom{bottom:0;height:30%;background:linear-gradient(0deg,rgba(2,6,23,.7) 0%,rgba(2,6,23,.3) 40%,transparent 100%)}.live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px #34d39999;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.7)}}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:.5rem .75rem}.typing-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e180;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.avatar-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;font-size:.7rem;font-weight:800;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-violet),var(--accent-rose));box-shadow:0 4px 12px #7c3aed4d}.avatar-badge.alt{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));box-shadow:0 4px 12px #67e8f94d}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confettiFall 2.5s ease-in forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.3)}}.nebula-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.nebula-cloud{position:absolute;border-radius:50%;filter:blur(50px);opacity:.08;will-change:transform;animation:nebulaDrift 60s ease-in-out infinite}.nebula-cloud:nth-child(1){top:10%;left:20%;width:400px;height:300px;background:radial-gradient(ellipse,var(--accent-violet),transparent);animation-duration:55s}.nebula-cloud:nth-child(2){top:50%;right:10%;width:350px;height:250px;background:radial-gradient(ellipse,var(--accent-cyan),transparent);animation-duration:65s;animation-delay:-8s}.nebula-cloud:nth-child(3){bottom:15%;left:40%;width:300px;height:300px;background:radial-gradient(ellipse,var(--accent-rose),transparent);animation-duration:60s;animation-delay:-15s}@keyframes nebulaDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,15px) scale(.95)}75%{transform:translate(15px,25px) scale(1.02)}}.glass-glow-hover{transition:box-shadow var(--duration-normal) var(--ease-smooth)}.glass-glow-hover:hover{box-shadow:0 26px 80px #00000052,inset 0 1px #fff3,inset 1px 0 #ffffff29,inset 0 -1px 0 var(--glass-lowlight),0 0 36px #67e8f90f,0 0 72px #7c3aed08}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 40%,rgba(124,58,237,.15),transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(103,232,249,.1),transparent 50%),linear-gradient(180deg,#020617,#0a0e27,#020617);overflow:hidden;transition:opacity .6s ease,transform .6s ease}.splash-screen.is-exiting{opacity:0;transform:scale(1.08);pointer-events:none}.splash-particles{position:absolute;top:0;right:0;bottom:0;left:0}.splash-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0;animation:splashParticleFade 3s ease-in-out infinite}.splash-particle:nth-child(1){top:12%;left:18%;animation-delay:0s}.splash-particle:nth-child(2){top:25%;left:45%;animation-delay:.3s;width:2px;height:2px}.splash-particle:nth-child(3){top:8%;left:72%;animation-delay:.6s}.splash-particle:nth-child(4){top:40%;left:85%;animation-delay:.9s;width:2px;height:2px}.splash-particle:nth-child(5){top:55%;left:15%;animation-delay:1.2s}.splash-particle:nth-child(6){top:68%;left:55%;animation-delay:.4s;width:2px;height:2px}.splash-particle:nth-child(7){top:78%;left:80%;animation-delay:.8s}.splash-particle:nth-child(8){top:35%;left:30%;animation-delay:1.1s;width:4px;height:4px;background:var(--accent-cyan)}.splash-particle:nth-child(9){top:60%;left:70%;animation-delay:.5s;width:4px;height:4px;background:var(--accent-violet)}.splash-particle:nth-child(10){top:85%;left:40%;animation-delay:.7s}@keyframes splashParticleFade{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.splash-constellation{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.splash-constellation svg{width:min(500px,80vw);height:min(500px,80vw);opacity:.15}.splash-constellation svg line{stroke:var(--accent-cyan);stroke-width:1;stroke-dasharray:200;stroke-dashoffset:200;animation:drawLine 2s ease forwards}.splash-constellation svg line:nth-child(1){animation-delay:.2s}.splash-constellation svg line:nth-child(2){animation-delay:.5s}.splash-constellation svg line:nth-child(3){animation-delay:.8s}.splash-constellation svg line:nth-child(4){animation-delay:1.1s}.splash-constellation svg circle{fill:var(--accent-cyan);opacity:0;animation:dotAppear .4s ease forwards}.splash-constellation svg circle:nth-child(5){animation-delay:.3s}.splash-constellation svg circle:nth-child(6){animation-delay:.6s}.splash-constellation svg circle:nth-child(7){animation-delay:.9s}.splash-constellation svg circle:nth-child(8){animation-delay:1.2s}.splash-constellation svg circle:nth-child(9){animation-delay:1.5s}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes dotAppear{to{opacity:1}}.splash-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.splash-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#7c3aed4d,#67e8f933);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #7c3aed33,0 0 40px #67e8f91a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e0f2fe;opacity:0;transform:scale(.5) rotate(-10deg);animation:splashIconIn .8s var(--ease-spring) .3s forwards}@keyframes splashIconIn{to{opacity:1;transform:scale(1) rotate(0)}}.splash-brand{font-family:Space Grotesk,Outfit,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:-.03em;color:transparent;background:linear-gradient(135deg,#ffffff,#e0f2fe,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;opacity:0;transform:translateY(12px);animation:splashTextIn .7s var(--ease-out-expo) .6s forwards}@keyframes splashTextIn{to{opacity:1;transform:translateY(0)}}.splash-tagline{font-family:Outfit,Inter,sans-serif;font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:500;color:#cbd5e1b3;letter-spacing:.04em;opacity:0;transform:translateY(8px);animation:splashTextIn .6s var(--ease-out-expo) 1s forwards}.splash-loader{width:min(200px,50vw);height:3px;border-radius:999px;background:#ffffff0f;overflow:hidden;opacity:0;animation:splashTextIn .4s var(--ease-out-expo) 1.2s forwards}.splash-loader-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet),var(--accent-cyan));background-size:200% 100%;animation:progressPulse 1s linear infinite,loaderGrow 1.8s ease-in-out forwards 1.2s;width:0%}@keyframes loaderGrow{0%{width:0%}60%{width:80%}to{width:100%}}@media(prefers-reduced-motion:reduce){.splash-screen{transition:opacity .2s ease}.splash-screen.is-exiting{transform:none}.splash-icon,.splash-brand,.splash-tagline,.splash-loader{opacity:1;transform:none;animation:none}.splash-particle,.splash-constellation svg line,.splash-constellation svg circle{animation:none;opacity:.3}.splash-constellation svg line{stroke-dashoffset:0}}.vcontrols{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth)}.vcontrols.is-visible{opacity:1}.vcontrols:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000,#0000 40%,#00000080 75%,#000000bf);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth)}.vcontrols.is-visible:before{opacity:1}.vcontrols-center-play{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(.8);display:grid;place-items:center;width:64px;height:64px;border:none;border-radius:50%;padding:0;color:#fff;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.vcontrols.is-visible .vcontrols-center-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.vcontrols-center-play:hover{background:#0009;transform:translate(-50%,-50%) scale(1.1)}.vcontrols-center-play:active{transform:translate(-50%,-50%) scale(.92)}.vcontrols-bar{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;padding:0 12px 10px;cursor:default}.vcontrols-seek-row{width:100%;padding:4px 0}.vcontrols-seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-cyan) var(--progress, 0%),rgba(255,255,255,.2) var(--progress, 0%),rgba(255,255,255,.2) 100%);outline:none;cursor:pointer;transition:height .15s ease}.vcontrols-seek:hover{height:7px}.vcontrols-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px #67e8f980,0 2px 6px #0000004d;cursor:grab;-webkit-transition:transform .15s var(--ease-spring);transition:transform .15s var(--ease-spring)}.vcontrols-seek::-webkit-slider-thumb:hover{transform:scale(1.3)}.vcontrols-seek::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px #67e8f980,0 2px 6px #0000004d;cursor:grab}.vcontrols-seek::-moz-range-track{height:5px;border-radius:999px;background:#fff3}.vcontrols-seek::-moz-range-progress{height:5px;border-radius:999px;background:var(--accent-cyan)}.vcontrols-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.vcontrols-group{display:flex;align-items:center;gap:4px}.vcontrols-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;padding:0;color:#ffffffe0;background:transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring)}.vcontrols-btn:hover{color:#fff;background:#ffffff1f;transform:scale(1.08)}.vcontrols-btn:active{transform:scale(.92)}.vcontrols-btn.is-active{color:var(--accent-cyan)}.vcontrols-heart{color:#fda4af}.vcontrols-heart:hover{color:#fb7185;background:#f43f5e26}.vcontrols-heart.is-cooldown{opacity:.35;pointer-events:none}.vcontrols-volume{display:flex;align-items:center;gap:2px}.vcontrols-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) var(--volume, 100%),rgba(255,255,255,.2) var(--volume, 100%),rgba(255,255,255,.2) 100%);outline:none;cursor:pointer;opacity:0;transition:width .2s var(--ease-spring),opacity .2s ease}.vcontrols-volume:hover .vcontrols-volume-slider,.vcontrols-volume-slider:focus{width:70px;opacity:1}.vcontrols-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;cursor:grab}.vcontrols-volume-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;cursor:grab}.vcontrols-volume-slider::-moz-range-track{height:4px;border-radius:999px;background:#fff3}.vcontrols-volume-slider::-moz-range-progress{height:4px;border-radius:999px;background:#fffc}.vcontrols-time{color:#ffffffd9;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vcontrols-time-sep{margin:0 2px;color:#fff6}.vcontrols-partners{display:inline-flex;align-items:center;gap:4px;padding:0 6px;color:#ffffffb3;font-size:.76rem;font-weight:700;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-stage:fullscreen{border-radius:0}.player-stage:fullscreen .vcontrols-bar{padding:0 20px 16px}.player-stage:fullscreen .vcontrols-center-play{width:80px;height:80px}.player-stage:fullscreen .vcontrols-btn{width:40px;height:40px}.player-stage:fullscreen .vcontrols-seek{height:6px}.player-stage:fullscreen .vcontrols-seek:hover{height:8px}.player-stage:fullscreen .vcontrols-time{font-size:.88rem}@media(max-width:940px)and (orientation:landscape)and (max-height:560px){.vcontrols-center-play{width:50px;height:50px}.vcontrols-center-play svg{width:24px;height:24px}.vcontrols-bar{padding:0 8px 6px}.vcontrols-btn{width:30px;height:30px}.vcontrols-time{font-size:.72rem}.vcontrols-partners{font-size:.7rem;padding:0 4px}.vcontrols-volume:hover .vcontrols-volume-slider,.vcontrols-volume-slider:focus{width:50px}}@media(max-width:640px){.vcontrols-center-play{width:54px;height:54px}.vcontrols-center-play svg{width:26px;height:26px}.vcontrols-bar{padding:0 8px 8px}.vcontrols-btn{width:32px;height:32px}.vcontrols-time{font-size:.7rem}.vcontrols-volume-slider{display:none}}@media(max-width:720px)and (orientation:landscape)and (max-height:430px){.vcontrols-bar{padding:0 6px 5px}.vcontrols-center-play{width:44px;height:44px}.vcontrols-center-play svg{width:20px;height:20px}.vcontrols-btn{width:28px;height:28px}.vcontrols-time{font-size:.66rem}}.invite-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#020617b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--duration-fast) var(--ease-smooth) both}.invite-modal{position:relative;width:min(420px,100%);border:1px solid var(--glass-border);border-radius:var(--radius-panel);padding:2rem 1.5rem;background:linear-gradient(145deg,#ffffff1c,#ffffff0a),linear-gradient(180deg,var(--glass-surface),var(--glass-surface-strong)),var(--glass-tint);box-shadow:0 40px 100px #00000080,inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);animation:popIn var(--duration-normal) var(--ease-spring) both}.invite-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0;color:#e2e8f0b3;background:#ffffff0f;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.invite-close:hover{color:#f8fafc;background:#ffffff1f;transform:scale(1.1)}.invite-header{text-align:center;margin-bottom:1.5rem}.invite-icon{display:inline-grid;place-items:center;width:56px;height:56px;margin:0 auto .75rem;border-radius:16px;color:var(--accent-cyan);background:linear-gradient(135deg,#67e8f926,#7c3aed1a);border:1px solid rgba(103,232,249,.2);animation:breathe 3s ease-in-out infinite}.invite-title{margin:0;font-family:Space Grotesk,Outfit,sans-serif;font-size:1.35rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.invite-subtitle{margin:.3rem 0 0;font-size:.88rem;color:#cbd5e199;font-weight:500}.invite-qr{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem}.invite-qr-svg{border-radius:12px;box-shadow:0 8px 24px #0003}.invite-qr-label{font-size:.72rem;font-weight:600;color:#cbd5e173;text-transform:uppercase;letter-spacing:.06em}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-bottom:.75rem}.invite-link-input{min-height:42px;border:1px solid rgba(203,241,255,.18);border-radius:var(--radius-control);padding:.5rem .75rem;color:#bae6fd;background:#ffffff0a;font-size:.82rem;font-family:Space Grotesk,monospace;font-weight:500;outline:none;overflow:hidden;text-overflow:ellipsis;cursor:text}.invite-copy-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:42px;border:1px solid rgba(103,232,249,.3);border-radius:var(--radius-control);padding:0 .85rem;color:#e0f2fe;background:linear-gradient(135deg,#67e8f926,#7c3aed1a);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-spring)}.invite-copy-btn:hover{transform:translateY(-1px);border-color:#67e8f980;background:linear-gradient(135deg,#67e8f938,#7c3aed26)}.invite-copy-btn.is-copied{border-color:#34d39980;color:#a7f3d0;background:linear-gradient(135deg,#34d39926,#10b98114)}.invite-room-code{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;border-radius:var(--radius-control);color:#cbd5e199;background:#ffffff08;font-size:.8rem;font-weight:600;margin-bottom:.75rem}.invite-room-code strong{color:var(--accent-cyan)}.invite-share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-control);padding:0 1rem;color:#f8fafc;background:linear-gradient(135deg,#7c3aedd9,#ec4899cc);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-spring)}.invite-share-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed40}@media(max-width:480px){.invite-modal{padding:1.5rem 1rem}.invite-qr-svg{width:130px;height:130px}}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.presence-active{background:#34d399;box-shadow:0 0 6px #34d39980}.presence-away{background:#fbbf24;box-shadow:0 0 6px #fbbf2466;animation:breathe 3s ease-in-out infinite}.presence-typing{background:var(--accent-cyan);box-shadow:0 0 6px #67e8f980;animation:livePulse 1s ease-in-out infinite}.playlist-queue{display:flex;flex-direction:column;gap:.5rem}.playlist-header{display:flex;align-items:center;gap:.4rem;color:var(--accent-cyan);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.playlist-list{display:grid;gap:.4rem;max-height:160px;overflow:auto}.playlist-item{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:.4rem;min-height:38px;padding:.35rem .4rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-control);background:#ffffff08;animation:fadeInUp var(--duration-normal) var(--ease-out-expo) both;transition:border-color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.playlist-item:hover{border-color:#ffffff26;background:#ffffff0d}.playlist-item.is-next{border-color:#67e8f94d;background:linear-gradient(135deg,#67e8f90f,#7c3aed0a)}.playlist-grip{display:grid;place-items:center;width:24px;height:24px;border:none;border-radius:6px;padding:0;color:#cbd5e166;background:transparent;cursor:grab;transition:color var(--duration-fast) var(--ease-smooth)}.playlist-grip:hover{color:#cbd5e1cc}.playlist-item-info{display:flex;align-items:center;gap:.4rem;min-width:0}.playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:.8rem;font-weight:600}.playlist-next-badge{flex-shrink:0;padding:1px 6px;border-radius:4px;font-size:.6rem;font-weight:800;letter-spacing:.06em;color:var(--accent-cyan);background:#67e8f91f;border:1px solid rgba(103,232,249,.2)}.playlist-remove{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:6px;padding:0;color:#cbd5e166;background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.playlist-remove:hover{color:#fda4af;background:#f43f5e1a}.playlist-empty{display:flex;align-items:center;gap:.4rem;padding:.5rem;color:#cbd5e166;font-size:.8rem;font-weight:600}.upnext-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#020617d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn var(--duration-normal) var(--ease-smooth) both}.upnext-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center}.upnext-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan)}.upnext-title{font-family:Space Grotesk,Outfit,sans-serif;font-size:1.4rem;font-weight:700;color:#f8fafc}.upnext-countdown{font-size:2rem;font-weight:800;color:var(--accent-cyan);font-variant-numeric:tabular-nums}.upnext-skip{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-control);padding:0 1rem;color:#e2e8f0b3;background:#ffffff0f;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.upnext-skip:hover{color:#f8fafc;background:#ffffff1f;transform:translateY(-1px)}.partner-typing{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;color:#cbd5e180;font-size:.78rem;font-weight:600;font-style:italic}.library-queue-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;padding:0;color:#cbd5e180;background:transparent;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth)}.library-queue-btn:hover{color:var(--accent-cyan);background:#67e8f91a}.library-queue-btn.is-queued{color:var(--accent-cyan)}@media(max-width:1180px){.app-grid{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.chat-panel{grid-column:1 / -1;min-height:400px;position:static}.control-stack{position:static}}@media(max-width:860px){.app-grid{grid-template-columns:1fr}.main-stack{order:1}.chat-panel{order:2}.control-stack{order:3}.watch-title{max-width:calc(100vw - 8rem)}.player-stage{min-height:clamp(280px,56vw,340px)}}@media(max-width:640px){html{scroll-padding-top:64px}body{-webkit-tap-highlight-color:transparent}.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.top-nav{position:sticky;top:0;z-index:20;width:calc(100% - 16px);height:56px;gap:.5rem;background:linear-gradient(180deg,#080a24f5,#080a24b3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.top-nav nav{display:none}.brand-mark,.nav-login{min-height:34px}.brand-mark{max-width:58vw;padding-inline:.72rem;font-size:.9rem}.brand-mark span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark:after{display:none}.nav-login{padding-inline:.68rem;font-size:.74rem}.app-grid{width:calc(100% - 16px);gap:10px;padding-bottom:10px}.control-stack,.main-stack{gap:10px}.glass-panel,.watch-panel,.chat-panel,.notice-bar{border-radius:var(--radius-panel);box-shadow:0 12px 30px #00000042,inset 0 1px #ffffff1a,inset 0 -1px #03071229}.glass-panel{padding:12px!important}.watch-panel,.chat-panel{padding:10px}.watch-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:0;padding:2px 2px 8px}.watch-title{max-width:100%;display:-webkit-box;margin-top:.12rem;overflow:hidden;font-size:clamp(1.32rem,7vw,1.72rem);line-height:1.04;text-overflow:unset;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.watch-meta{min-height:32px;padding:.28rem .58rem;font-size:.8rem}.player-stage{min-height:clamp(178px,56vw,220px);max-height:none}.empty-player{width:min(14rem,calc(100% - 1.25rem));min-height:6.6rem;gap:.5rem;padding:.75rem;font-size:.86rem}.waiting-overlay{gap:.55rem;padding:.75rem}.waiting-overlay span{min-height:36px;padding:.48rem .7rem;font-size:.84rem}.floating-reaction{font-size:clamp(2rem,13vw,3.2rem)}.notice-bar{min-height:42px;padding:10px 12px;font-size:.84rem}.chat-panel{grid-template-rows:auto auto minmax(160px,auto) auto;gap:10px;min-height:auto}.chat-heading{gap:.75rem}.reaction-dock{grid-template-columns:repeat(3,1fr);gap:8px}.reaction-button{min-height:42px;font-size:1.05rem}.message-list{min-height:160px;max-height:34vh;gap:8px}.message-empty{min-height:150px;padding:.75rem}.message-bubble{padding:.62rem .68rem}.message-bubble p{font-size:.88rem}.chat-form{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.chat-input,.chat-send,.field-input,.icon-button,.primary-button,.secondary-button{min-height:44px}.chat-send,.icon-button{width:44px}.field-label{gap:.36rem;font-size:.84rem}.field-input{padding:.58rem .68rem}.upload-drop{min-height:68px;padding:.7rem}.library-list{max-height:min(260px,42vh);gap:8px}.library-item{min-height:54px;gap:.62rem;padding:.45rem}.library-icon{width:2.25rem;height:2.25rem}.library-empty{min-height:48px;padding:.65rem}.panel-title{font-size:1rem}.panel-kicker{font-size:.66rem}.status-pill{min-height:28px;padding:.18rem .58rem;font-size:.78rem}.partner-chip{min-height:26px;padding:.22rem .55rem;font-size:.78rem}.telescope-figure{right:-.65rem;bottom:12%;transform:scale(.66);transform-origin:bottom right}.moon{right:9%;width:34px;height:34px}.app-enter .control-stack .glass-panel,.app-enter .watch-panel,.app-enter .chat-panel,.app-enter .notice-bar,.app-enter .bookmarks-panel{animation:none}.nebula-layer,.cinema-top,.cinema-bottom{display:none}.avatar-badge{width:24px;height:24px;font-size:.62rem}.message-bubble p{padding-left:calc(24px + .5rem)}.mobile-tabbar{position:fixed;z-index:30;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border:1px solid var(--glass-border);border-radius:var(--radius-panel);padding:6px;background:linear-gradient(145deg,#ffffff1a,#ffffff09),linear-gradient(180deg,#0f172aa8,#0206179e),#ffffff0b;box-shadow:0 18px 44px #0000006b,inset 0 1px #ffffff24,inset 0 -1px #0307122e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .2s both}.mobile-tabbar a{display:grid;place-items:center;gap:2px;min-height:46px;border-radius:var(--radius-control);color:#e2e8f0d6;background:linear-gradient(180deg,#ffffff12,#ffffff04),#ffffff09;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #03071229;font-size:.64rem;font-weight:700;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring)}.mobile-tabbar a:active,.mobile-tabbar a:focus-visible{color:#f8fafc;background:linear-gradient(135deg,#7c3aedcc,#ec4899c7),#ffffff14;outline:none;transform:scale(.95)}}@media(max-width:390px){html{scroll-padding-top:60px}.top-nav,.app-grid{width:calc(100% - 12px)}.app-grid,.control-stack,.main-stack,.chat-panel{gap:8px}.glass-panel{padding:10px!important}.watch-panel,.chat-panel{padding:9px}.player-stage{min-height:clamp(174px,55vw,204px)}.message-list{min-height:145px}.mobile-tabbar{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom))}}@media(max-width:940px)and (orientation:landscape)and (max-height:560px){html{scroll-padding-top:56px}.app-shell{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.top-nav{position:sticky;top:0;width:calc(100% - 12px);height:50px}.top-nav nav{display:none}.brand-mark,.nav-login{min-height:32px}.brand-mark{max-width:46vw;padding-inline:.65rem;font-size:.84rem}.brand-mark span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark:after{display:none}.nav-login{padding-inline:.65rem}.app-grid{grid-template-columns:minmax(0,1fr) minmax(238px,33vw);grid-template-rows:auto auto;align-items:start;gap:8px;width:calc(100% - 12px);padding-bottom:8px}.main-stack{grid-column:1;grid-row:1 / span 2;order:1;gap:8px}.control-stack{grid-column:2;grid-row:1;order:2;position:static;gap:8px;max-height:calc(100dvh - 58px);overflow:auto;padding-right:1px}.chat-panel{grid-column:2;grid-row:2;order:3;position:static;grid-template-rows:auto auto minmax(88px,1fr) auto;gap:7px;min-height:0;max-height:calc(100dvh - 58px);padding:9px}.watch-panel{min-height:0;padding:9px}.watch-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding:1px 1px 7px}.watch-title{max-width:100%;font-size:clamp(1.1rem,3vw,1.55rem);white-space:nowrap;-webkit-line-clamp:1}.watch-meta{min-height:30px;padding:.22rem .52rem;font-size:.76rem}.player-stage{min-height:0;height:calc(100dvh - 118px);max-height:none;aspect-ratio:auto}.empty-player{min-height:5.8rem}.waiting-overlay{gap:.42rem;padding:.55rem}.waiting-overlay span{min-height:32px;padding:.4rem .6rem;font-size:.78rem}.reaction-dock{grid-template-columns:repeat(6,1fr);gap:5px}.reaction-button{min-height:34px;font-size:.96rem}.message-list{min-height:88px;max-height:28vh}.message-bubble{padding:.52rem}.message-bubble p{font-size:.82rem}.chat-form{grid-template-columns:minmax(0,1fr) 38px;gap:6px}.chat-input,.chat-send,.field-input,.icon-button,.primary-button,.secondary-button{min-height:38px}.chat-send,.icon-button{width:38px}.glass-panel{padding:9px!important}.panel-title{font-size:.94rem}.panel-kicker{font-size:.62rem}.field-label,.library-empty,.upload-drop,.library-item{font-size:.8rem}.library-list{max-height:142px}.upload-drop{min-height:50px;padding:.55rem}.mobile-tabbar{display:none}.telescope-figure{transform:scale(.68);transform-origin:bottom right}.app-enter .control-stack .glass-panel,.app-enter .watch-panel,.app-enter .chat-panel,.app-enter .notice-bar,.app-enter .bookmarks-panel{animation:none}.nebula-layer,.cinema-top,.cinema-bottom{display:none}}@media(max-width:720px)and (orientation:landscape)and (max-height:430px){.app-grid{grid-template-columns:minmax(0,1fr) minmax(214px,32vw)}.chat-panel{display:none}.main-stack,.control-stack{grid-row:1}.player-stage{height:calc(100dvh - 108px)}}