*,: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}.mb-4{margin-bottom:1rem}.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-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-slate-200\/80{color:#e2e8f0cc}.text-slate-300\/70{color:#cbd5e1b3}.opacity-40{opacity:.4}.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;--radius-panel: 8px;--radius-control: 8px}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-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}@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,.9) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(125,211,252,.75) 0 1px,transparent 1.35px);background-position:20px 72px,94px 136px;background-size:92px 112px,170px 184px;opacity:.26;mix-blend-mode:screen}.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}.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;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}.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{padding:.45rem .9rem;font-size:.96rem;font-weight:800}.nav-login{padding:.45rem .9rem;font-size:.78rem;font-weight:800}.top-nav nav a{color:#e2e8f0d1;transition:color .16s ease,transform .16s ease}.top-nav nav a:hover{color:#fff;transform:translateY(-1px)}.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(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.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}.panel-kicker{margin:0;color:var(--accent-cyan);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.panel-title{margin:.2rem 0 0;color:#f8fafc;font-size:1.1rem;font-weight:800;line-height:1.1}.notice-bar{min-height:46px;padding:.8rem 1rem;color:#fef3c7;font-size:.9rem;font-weight:800;overflow:hidden}.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:800}.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}.status-pill.is-waiting{border-color:#fbbf245c;color:#fef3c7}.field-label{display:grid;gap:.4rem;color:#dbeafe;font-size:.88rem;font-weight:700}.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 .16s ease,box-shadow .16s ease,background .16s ease}.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 #22d3ee26,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:800;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.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,.play-overlay:after,.chat-send:after,.reaction-button:after,.mobile-tabbar a:after{display:none}.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:hover,.primary-button:hover,.secondary-button:hover,.play-overlay:hover,.chat-send:hover{transform:translateY(-1px);border-color:#ffffff42;box-shadow:0 14px 28px #0000002e,inset 0 1px #fff3,inset 0 -1px #0307122e}.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(.99)}.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}.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:#e2e8f09e;border-color:#e2e8f01a;background:#94a3b81f;box-shadow:inset 0 1px #ffffff14;transform:none}.upload-drop{display:grid;align-items:center;min-height:70px;border:1px dashed rgba(203,241,255,.32);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:.9rem;font-weight:800}.upload-drop:hover{border-color:#67e8f9b8}.upload-progress{display:grid;gap:.3rem}.upload-progress-bar{height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.upload-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .15s ease}.upload-progress-label{text-align:right;font-size:.78rem;font-weight:700;color:#bae6fd}.partner-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;min-height:28px;border:1px solid rgba(203,241,255,.2);border-radius:999px;padding:.25rem .65rem;color:#cffafe;background:linear-gradient(180deg,#ffffff18,#ffffff06),#ffffff0e;font-size:.82rem;font-weight:800}.library-list{display:grid;gap:.6rem;max-height:28vh;overflow:auto;padding-right:.15rem}.library-item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.7rem;min-height:58px;width:100%;border:1px solid rgba(203,241,255,.15);border-radius:var(--radius-control);padding:.5rem;color:#f8fafc;text-align:left;background:linear-gradient(180deg,#ffffff13,#ffffff05),#ffffff0b;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #03071224;transition:transform .16s ease,border-color .16s ease,background .16s ease}.library-item:hover,.library-item.is-selected{border-color:#67e8f9b8;background:linear-gradient(135deg,#0ea5e92e,#fbbf241a),#ffffff17;transform:translateY(-1px)}.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-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:700}.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:900;line-height:1.03;text-overflow:ellipsis;white-space:nowrap}.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:800;white-space:nowrap}.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}.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}.empty-player{position:relative;z-index:3;display:grid;place-items:center;gap:.75rem;width:min(17rem,calc(100% - 2rem));min-height:8.5rem;border:1px solid rgba(203,241,255,.22);border-radius:var(--radius-panel);padding: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:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.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:800;pointer-events:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.waiting-overlay span{display:inline-flex;align-items:center;min-height:38px;border:1px solid rgba(251,191,36,.34);border-radius:var(--radius-control);padding:.55rem .85rem;background:linear-gradient(180deg,#ffffff1f,#ffffff08),#d97706bd;box-shadow:0 16px 28px #02061752,inset 0 1px #ffffff2e}.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,#7c3aede6,#ec4899db),#ffffff1a;box-shadow:0 16px 40px #02061757,inset 0 1px #ffffff2e,inset 0 -1px #0307122e;transform:translate(-50%)}.play-overlay:hover{transform:translate(-50%,-1px)}.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 ease-out forwards}@keyframes floatReaction{0%{opacity:0;transform:translate(-50%,30px) scale(.8)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-170px) scale(1.25)}}.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}.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,.22);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;transition:transform .16s ease,background .16s ease,border-color .16s ease}.reaction-button:hover{border-color:#67e8f994;background:linear-gradient(180deg,#ffffff1d,#ffffff08),#7c3aed29;transform:translateY(-1px)}.message-list{display:flex;flex-direction:column;gap:.65rem;min-height:0;overflow:auto;padding-right:.2rem}.message-bubble{border:1px solid rgba(203,241,255,.14);border-radius:var(--radius-panel);padding:.7rem;background:linear-gradient(180deg,#ffffff13,#ffffff05),#ffffff0b;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #03071224}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#bae6fd;font-size:.76rem;font-weight:800}.message-meta time{color:#cbd5e19e;font-weight:700;white-space:nowrap}.message-bubble p{margin:.35rem 0 0;color:#f8fafc;overflow-wrap:anywhere;font-size:.92rem;line-height:1.35}.message-empty{display:grid;place-items:center;gap:.65rem;min-height:180px;border:1px dashed rgba(203,241,255,.2);border-radius:var(--radius-panel);color:#e2e8f0ad;background:linear-gradient(180deg,#ffffff0f,#ffffff03),#ffffff09;text-align:center;font-size:.9rem;font-weight:800}.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,.22);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}.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}.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}.moon{position:absolute;top:11%;right:17%;width:42px;height:42px;border-radius:999px;background:#fff7c2;box-shadow:0 0 28px #facc153d}.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,transparent);transform:rotate(-16deg);opacity:.88}.meteor-one{top:15%;left:42%;width:94px}.meteor-two{top:32%;left:16%;width:56px;opacity:.54}.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}@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(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.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}.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}.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(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.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:800}.mobile-tabbar a:active,.mobile-tabbar a:focus-visible{color:#f8fafc;background:linear-gradient(135deg,#7c3aedcc,#ec4899c7),#ffffff14;outline:none}}@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}.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}}@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)}}