:root{color-scheme:dark;--background: #08080c;--surface: #111118;--surface-raised: #171720;--surface-soft: #1d1d28;--text: #f5f4fb;--muted: #9998a8;--quiet: #6f6e7c;--line: rgba(236, 233, 255, .1);--accent: #8b5cf6;--accent-blue: #5d72ed;--cyan: #27c9dd;--live: #ff365e;--warning: #f6a84e;--success: #4ed8a4;--radius-small: .65rem;--radius-medium: 1rem;--radius-large: 1.4rem;--sidebar-width: 16.25rem;--topbar-height: 4.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--background);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--background);color:var(--text)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono,code,.viewer-count,.hero-meta .mono{font-family:JetBrains Mono,ui-monospace,monospace}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:minmax(12rem,1fr) minmax(15rem,32rem) minmax(14rem,1fr);align-items:center;min-height:var(--topbar-height);padding:0 1.5rem;border-bottom:1px solid var(--line);background:#08080ce0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-cluster,.brand,.topbar-actions,.section-heading,.hero-meta,.video-topline,.video-message,.room-title-row,.studio-header,.admin-topbar,.admin-heading,.admin-room-top,.admin-counts,.admin-room-actions,.admin-trigger-row,.chat-header,.chat-tools,.chat-message-head,.chat-compose,.profile-actions,.profile-title-row,.connection-state,.mini-player-top,.studio-controls{display:flex;align-items:center}.brand-cluster{gap:1rem}.brand{gap:.65rem;font-size:1.1rem;font-weight:800;letter-spacing:-.045em}.brand-mark{display:inline-flex;align-items:end;gap:2px;width:1.15rem;height:1.1rem}.brand-mark span{display:block;width:4px;border-radius:4px;background:linear-gradient(180deg,#bb8cff,#716cff 72%,#36cee0)}.brand-mark span:nth-child(1){height:.6rem}.brand-mark span:nth-child(2){height:1.1rem}.brand-mark span:nth-child(3){height:.83rem}.icon-button,.avatar-button,.text-button,.button,.search-box button,.reaction-controls button,.profile-action-button,.chat-tool-button,.tool-button,.reaction-button{border:0;cursor:pointer}.icon-button{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid transparent;border-radius:50%;background:transparent;color:#d8d6e3;font-size:1.1rem;transition:background .16s ease,border-color .16s ease}.icon-button:hover{border-color:var(--line);background:var(--surface-soft)}.search-box{display:flex;align-items:center;height:2.65rem;border:1px solid var(--line);border-radius:.8rem;background:#111117;transition:border-color .16s ease}.search-box:focus-within{border-color:#8b5cf6bf}.search-box input{width:100%;min-width:0;padding:0 .9rem;border:0;outline:0;background:transparent;color:var(--text);font-size:.84rem}.search-box input::placeholder{color:#777584}.search-box button{width:2.9rem;height:100%;border-radius:0 .8rem .8rem 0;background:transparent;color:#aaa7b9;font-size:1.4rem}.search-box button:hover{color:#fff}.topbar-actions{justify-content:flex-end;gap:.65rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;min-height:2.55rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:.8rem;font-weight:650;font-size:.82rem;transition:background .16s ease,border-color .16s ease,transform .16s ease,filter .16s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button:disabled{cursor:wait;opacity:.6;transform:none}.button-primary{background:linear-gradient(115deg,#8b5cf6,#6472f0 70%,#3bb6d1);color:#fff}.button-secondary{border-color:var(--line);background:#15151d;color:#eeedf5}.button-secondary:hover{border-color:#b3a0ff66;background:#1c1b27}.button-wide{width:100%;min-height:2.8rem}.button-live{min-height:3rem;padding-inline:1.3rem;background:var(--live);color:#fff;font-weight:750}.button-live:hover{background:#ed224d}.avatar-button{width:2.45rem;height:2.45rem;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,#b090ff,#5764d9);color:#fff;font-weight:750}.app-body{display:flex;min-height:calc(100vh - var(--topbar-height))}.main-content{flex:1 1 auto;min-width:0;padding:1.5rem clamp(1rem,3vw,2.75rem) 4rem;transition:margin .22s ease}.home-view{position:relative;max-width:1440px;margin:0 auto}.app-shell.sidebar-open .main-content{margin-left:0}.hero-strip{position:relative;display:flex;min-height:14.7rem;align-items:center;overflow:hidden;padding:2rem clamp(1.3rem,4vw,3.25rem);border:1px solid rgba(161,139,255,.18);border-radius:var(--radius-large);background:linear-gradient(103deg,#17131f,#151724 48%,#10212a)}.hero-strip:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(8,8,12,.06),transparent 55%,rgba(8,8,12,.1))}.hero-copy{position:relative;z-index:2;max-width:42rem}.eyebrow{margin:0 0 .6rem;color:#aaa3c8;font-size:.66rem;font-weight:750;letter-spacing:.13em}.eyebrow-dot{display:inline-block;width:.43rem;height:.43rem;margin-right:.4rem;border-radius:50%;background:var(--live);box-shadow:0 0 12px #ff365e99}.hero-copy h1{margin:0;font-size:clamp(1.75rem,3vw,2.6rem);letter-spacing:-.055em}.hero-description{max-width:34rem;margin:.7rem 0 0;color:#b9b7c5;font-size:.91rem;line-height:1.55}.hero-meta{gap:.55rem;margin-top:1rem;color:#c3c1cd;font-size:.78rem}.hero-meta .mono{color:#fff;font-size:1rem;font-weight:650}.hero-art{position:absolute;top:50%;right:8%;width:14rem;height:14rem;transform:translateY(-50%);opacity:.95}.hero-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(175,157,255,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:12.2rem;height:7.5rem}.orbit-two{width:8.4rem;height:12.5rem;transform:translate(-50%,-50%) rotate(42deg);border-color:#26c9dd3b}.hero-core{position:absolute;top:50%;left:50%;display:grid;width:5rem;height:5rem;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:1.5rem;background:linear-gradient(140deg,#8f61ef8c,#1cbcd04d);box-shadow:0 0 40px #6f55f040;font-size:1.1rem;font-weight:800;transform:translate(-50%,-50%) rotate(10deg)}.hero-spark{position:absolute;color:#cbb8ff;font-size:1.5rem}.spark-one{top:15%;right:19%}.spark-two{bottom:15%;left:15%;color:#5ee5eb}.disclosure-note{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0 2rem;padding:.78rem .95rem;border:1px solid rgba(84,200,218,.16);border-radius:.8rem;background:#14242a8c;color:#c4ccd2}.disclosure-icon{display:grid;flex:0 0 auto;width:1.25rem;height:1.25rem;place-items:center;color:#73deeb;font-size:.9rem}.disclosure-note p{margin:0;font-size:.75rem;line-height:1.55}.disclosure-note strong{color:#9be4e9}.section-heading{justify-content:space-between;gap:1rem;margin:0 0 1rem}.section-heading h2{margin:0;font-size:1.14rem;letter-spacing:-.035em}.section-heading .eyebrow{margin-bottom:.35rem}.connection-state{gap:.45rem;color:var(--muted);font-size:.7rem}.state-dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--warning)}.connection-state.is-connected .state-dot{background:var(--success);box-shadow:0 0 10px #4ed8a48c}.connection-state.is-error .state-dot{background:var(--live)}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.05rem}.live-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:.95rem;background:var(--surface);transition:transform .18s ease,border-color .18s ease,background .18s ease}.live-card:hover{transform:translateY(-3px);border-color:#a288ff66;background:#14141d}.live-card-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.live-card-cover{position:relative;display:grid;aspect-ratio:16 / 9;overflow:hidden;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(48,194,208,.18),transparent 35%),linear-gradient(130deg,#211b31,#171b27 55%,#10242b)}.live-card-cover:before,.live-card-cover:after{position:absolute;content:"";border:1px solid rgba(203,188,255,.16);border-radius:50%;transform:rotate(-23deg)}.live-card-cover:before{width:65%;height:52%}.live-card-cover:after{width:36%;height:84%;border-color:#37cade33;transform:rotate(34deg)}.cover-glyph{position:relative;z-index:1;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:#8362e847;color:#e7dcff;font-size:1.3rem}.live-pill{display:inline-flex;align-items:center;gap:.38rem;padding:.28rem .48rem;border:1px solid rgba(255,255,255,.14);border-radius:.38rem;background:#e11c43eb;color:#fff;font-size:.61rem;font-weight:800;letter-spacing:.04em}.live-pill span,.studio-indicator i{width:.38rem;height:.38rem;border-radius:50%;background:#fff;box-shadow:0 0 #ffffff8c;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{65%{box-shadow:0 0 0 .35rem #fff0}to{box-shadow:0 0 #fff0}}.live-card-cover .live-pill{position:absolute;top:.65rem;left:.65rem}.live-card-viewers{position:absolute;right:.65rem;bottom:.65rem;padding:.3rem .45rem;border-radius:.35rem;background:#000000a3;color:#fff;font-size:.65rem}.live-card-body{padding:.82rem .9rem .95rem}.live-card-title{display:-webkit-box;min-height:2.7rem;overflow:hidden;margin:0;font-size:.88rem;font-weight:700;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.live-card-channel{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;color:#c6c4d0;font-size:.72rem}.channel-avatar,.channel-avatar-button{display:grid;flex:0 0 auto;width:1.85rem;height:1.85rem;place-items:center;overflow:visible;border:0;border-radius:50%;background:linear-gradient(145deg,#aa7cf1,#5173d6);color:#fff;font-size:.68rem;font-weight:800}.live-card-meta{display:flex;gap:.45rem;margin:.65rem 0 0;color:var(--quiet);font-size:.66rem}.category-chip{padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;background:#ffffff09;color:#c7c3d4;font-size:.66rem}.empty-state{display:flex;min-height:19rem;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--muted);text-align:center}.empty-state h3,.empty-state h2{margin:.2rem 0 .35rem;color:var(--text);font-size:1.15rem}.empty-state p:not(.eyebrow){margin:0 0 1.1rem;font-size:.82rem}.empty-visual{position:relative;display:grid;width:4.5rem;height:4.5rem;place-items:center;margin:0 0 1.15rem;border:1px solid rgba(164,143,250,.24);border-radius:1.3rem;background:linear-gradient(140deg,#825def29,#32b4c814);color:#c2abff;font-size:2.2rem}.empty-visual i{position:absolute;right:-.4rem;bottom:.35rem;width:.65rem;height:.65rem;border:2px solid var(--background);border-radius:50%;background:#44d0dc}.notice{padding:.85rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);color:#c9c6d2;font-size:.78rem;line-height:1.5}.notice-error{margin-top:1rem;border-color:#ff365e52;background:#48102059;color:#ffc5d0}.sidebar-drawer{position:fixed;z-index:70;top:var(--topbar-height);bottom:0;left:0;width:var(--sidebar-width);overflow:auto;padding:1.25rem .8rem;border-right:1px solid var(--line);background:#0c0c12fa;transform:translate(-102%);transition:transform .22s ease}.sidebar-drawer.is-open{transform:translate(0)}.sidebar-drawer[data-mode=push]{position:sticky;top:var(--topbar-height);flex:0 0 0;width:0;height:calc(100vh - var(--topbar-height));overflow:hidden;padding:0;border-right:0;transform:none;transition:flex-basis .22s ease,width .22s ease,padding .22s ease}.sidebar-drawer[data-mode=push].is-open{flex-basis:var(--sidebar-width);width:var(--sidebar-width);padding:1.25rem .8rem;border-right:1px solid var(--line)}.sidebar-drawer[data-mode=overlay].is-open{box-shadow:20px 0 70px #00000073}.sidebar-scrim{position:fixed;z-index:65;inset:var(--topbar-height) 0 0;border:0;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-section-title{margin:.2rem 0 .75rem;padding:0 .55rem;color:#858392;font-size:.64rem;font-weight:750;letter-spacing:.11em}.subscription-list{display:grid;gap:.2rem}.subscription-row{display:flex;width:100%;align-items:center;gap:.7rem;padding:.55rem;border:0;border-radius:.65rem;background:transparent;color:#d2d0dc;text-align:left;cursor:pointer}.subscription-row:hover{background:#1a1a23}.subscription-row-name{flex:1;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.subscription-empty{margin:0;padding:.55rem;color:var(--quiet);font-size:.7rem;line-height:1.5}.avatar-live-ring{position:relative;display:grid;flex:0 0 auto;width:2.35rem;height:2.35rem;place-items:center;border:2px solid transparent;border-radius:50%;background:linear-gradient(#171720,#171720) padding-box,linear-gradient(130deg,#ff2c54,#ff794d) border-box;color:#fff;font-size:.72rem;font-weight:800}.avatar-live-ring.is-live:after{position:absolute;right:-.17rem;bottom:-.12rem;padding:.1rem .2rem;border:1px solid #13131a;border-radius:.2rem;background:var(--live);color:#fff;content:"LIVE";font-size:.39rem;font-weight:800;letter-spacing:.04em}.watch-view{max-width:1600px;margin:-.4rem auto 0}.watch-toolbar{display:flex;align-items:center;gap:.65rem;margin:0 0 .85rem}.watch-menu-toggle{margin-left:-.4rem}.text-button{padding:.35rem .55rem;border-radius:.45rem;background:transparent;color:#b4b1c0;font-size:.76rem}.text-button:hover{background:#ffffff0f;color:#fff}.watch-share{margin-left:auto}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);align-items:start;gap:1rem}.watch-video-column{min-width:0}.video-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-medium);background:#050509;aspect-ratio:16 / 9}.watch-video-frame video,.studio-video-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050509}.video-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 28%,transparent 57%,rgba(0,0,0,.62))}.video-topline{position:absolute;z-index:3;top:.8rem;right:.8rem;left:.8rem;justify-content:space-between}.viewer-count{padding:.36rem .52rem;border-radius:.4rem;background:#0000008c;color:#f0eef5;font-size:.64rem}.video-message{position:absolute;z-index:3;right:1rem;bottom:1rem;left:1rem;align-items:flex-end;justify-content:space-between;gap:1rem;pointer-events:none}.video-message button{pointer-events:auto}.video-title{max-width:75%;margin:0;font-size:1.05rem;font-weight:750;text-shadow:0 2px 10px #000}.channel-chip{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0c0c12b8;color:#f5f4fb;font-size:.67rem;font-weight:650;cursor:pointer}.channel-chip:hover{background:#2b2739d9}.reaction-layer{position:absolute;z-index:4;inset:0;overflow:hidden;pointer-events:none}.floating-reaction{position:absolute;bottom:8%;animation:float-up 2.4s cubic-bezier(.18,.5,.3,1) forwards;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));font-size:clamp(1.5rem,4vw,2.3rem)}@keyframes float-up{0%{opacity:0;transform:translateZ(0) scale(.75)}12%{opacity:1}to{opacity:0;transform:translate3d(0,-21rem,0) scale(1.2) rotate(-13deg)}}.reaction-controls{position:absolute;z-index:5;right:.8rem;bottom:4.3rem;display:flex;align-items:center;gap:.35rem}.reaction-controls button{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#0b0b109e;font-size:1.05rem;transition:transform .12s ease}.reaction-controls button:hover{transform:scale(1.12)}.reaction-combo{color:#fff;font-family:JetBrains Mono,monospace;font-size:.68rem;text-shadow:0 1px 5px #000}.video-status{position:absolute;z-index:6;top:50%;left:50%;max-width:80%;margin:0;padding:.55rem .8rem;border-radius:.55rem;background:#08080cbf;color:#cbc8d3;font-size:.76rem;text-align:center;transform:translate(-50%,-50%)}.video-status.is-hidden{opacity:0;pointer-events:none}.floating-chat-host{position:absolute;z-index:5;right:6rem;bottom:4.2rem;left:1rem;max-width:34rem;pointer-events:none}.floating-chat-host .live-chat-board{max-height:10rem;border:0;background:transparent}.floating-chat-host .chat-header,.floating-chat-host .chat-compose,.floating-chat-host .chat-alert{display:none}.floating-chat-host .chat-messages{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 100%)}.floating-chat-host .chat-message{border:0;background:transparent;text-shadow:0 1px 4px #000}.floating-chat-host .chat-message-body{color:#fff}.room-information{padding:1rem 0 .25rem}.room-title-row{justify-content:space-between;gap:1rem}.room-title-row h1{margin:0;font-size:1.05rem;letter-spacing:-.03em}.room-title-row p{max-width:70ch;margin:.35rem 0 0;color:var(--muted);font-size:.73rem;line-height:1.5}.recommendations{margin-top:1.8rem}.compact-heading{margin-bottom:.8rem}.swipe-hint{color:var(--quiet);font-size:.65rem}.recommendation-track{display:grid;grid-auto-columns:minmax(14rem,20%);grid-auto-flow:column;gap:.75rem;overflow-x:auto;padding:0 0 .65rem;scroll-snap-type:x mandatory;scrollbar-color:#444153 transparent}.recommendation-track .live-card{scroll-snap-align:start}.watch-chat-host,.studio-chat-host{min-width:0}.live-chat-board{display:flex;min-height:33rem;max-height:calc(100vh - 8.5rem);flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-medium);background:#111118f0}.chat-header{justify-content:space-between;gap:.65rem;padding:.9rem .85rem;border-bottom:1px solid var(--line)}.chat-header-title{display:flex;flex-direction:column;gap:.22rem}.chat-header-title strong{font-size:.78rem}.chat-header-title span{color:var(--muted);font-size:.62rem}.chat-tools{gap:.2rem}.chat-tool-button{display:grid;min-width:1.9rem;height:1.9rem;place-items:center;border-radius:.45rem;background:transparent;color:#a9a6b4;font-size:.73rem}.chat-tool-button:hover{background:#22212b;color:#fff}.chat-alert{margin:.65rem .65rem 0;padding:.62rem .68rem;border:1px solid rgba(246,168,78,.37);border-radius:.55rem;background:#6c3e1045;color:#ffd4a1;font-size:.67rem;line-height:1.5}.chat-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:.15rem;overflow-y:auto;padding:.65rem;scrollbar-color:#3a3944 transparent}.chat-message{position:relative;padding:.45rem .48rem;border-radius:.55rem}.chat-message:hover{background:#ffffff09}.chat-message-head{align-items:baseline;gap:.42rem;margin-bottom:.15rem}.chat-message-name{padding:0;border:0;background:transparent;color:#c2a7ff;font-size:.67rem;font-weight:700;cursor:pointer}.chat-message-name:hover{text-decoration:underline}.chat-message-name[data-ai=true]:after{margin-left:.35rem;padding:.08rem .23rem;border:1px solid rgba(114,190,211,.28);border-radius:.2rem;background:#235d6b4d;color:#9adce4;content:"AI MÔ PHỎNG";font-size:.43rem;letter-spacing:.04em}.chat-message-time{color:#757381;font-family:JetBrains Mono,monospace;font-size:.52rem}.chat-message-body{margin:0;color:#d3d1dc;font-size:.69rem;line-height:1.48;overflow-wrap:anywhere}.chat-message.is-system .chat-message-body{color:#9ce3dd;font-style:italic}.chat-command-row{display:none;gap:.25rem;margin-top:.35rem}.chat-message:hover .chat-command-row,.chat-message:focus-within .chat-command-row{display:flex}.chat-command-row button{padding:.23rem .35rem;border:1px solid var(--line);border-radius:.35rem;background:#1a1a23;color:#d8d5e0;font-size:.55rem;cursor:pointer}.chat-command-row button:hover{border-color:#ae8fff73}.chat-compose{flex-wrap:wrap;gap:.4rem;padding:.68rem;border-top:1px solid var(--line)}.chat-name-row{display:flex;flex:1 0 100%;align-items:center;gap:.35rem;color:var(--muted);font-size:.58rem}.chat-name-row input{width:8rem;padding:.25rem .4rem;border:1px solid var(--line);border-radius:.35rem;background:#101016;color:#fff;font-size:.62rem}.chat-input{min-width:0;flex:1;padding:.65rem .7rem;border:1px solid var(--line);border-radius:.65rem;background:#0d0d13;color:#fff;font-size:.68rem}.chat-send{width:2.35rem;height:2.35rem;border:0;border-radius:.65rem;background:#7657df;color:#fff;font-size:1rem;cursor:pointer}.chat-send:hover{background:#8c6bf4}.chat-disabled{padding:.6rem .7rem;color:var(--quiet);font-size:.62rem}.studio-view{max-width:1600px;margin:-.3rem auto 0}.studio-header{gap:.85rem;margin-bottom:.85rem}.studio-indicator{display:inline-flex;align-items:center;gap:.4rem;color:#e7c184;font-size:.63rem;font-weight:750;letter-spacing:.08em}.studio-indicator i{width:.43rem;height:.43rem;background:#f1b255}.studio-title-label{overflow:hidden;color:#d7d4df;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);gap:1rem}.studio-video-column{min-width:0}.studio-video-frame{aspect-ratio:16 / 9}.studio-watermark{position:absolute;top:.8rem;left:.8rem}.camera-pip{position:absolute;z-index:3;right:1.2rem;bottom:1.2rem;width:19%;min-width:6rem;overflow:hidden;border:2px solid rgba(255,255,255,.72);border-radius:.8rem;aspect-ratio:4 / 3;background:#15151c;box-shadow:0 8px 30px #00000073;cursor:move;touch-action:none}.camera-pip video{width:100%;height:100%;object-fit:cover}.studio-warning{position:absolute;z-index:7;top:3.4rem;right:.8rem;left:.8rem;padding:.75rem;border:1px solid rgba(255,107,89,.55);border-radius:.65rem;background:#641916e6;color:#ffe0d9;font-size:.75rem;animation:warning-shake .26s linear 2}@keyframes warning-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.studio-controls{flex-wrap:wrap;gap:.55rem;margin:.85rem 0 .4rem}.tool-button{display:flex;min-width:4.4rem;min-height:3rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .5rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);color:#e3e0eb}.tool-button:hover{border-color:#a48dff66;background:#1b1a24}.tool-button span{font-size:.95rem}.tool-button small{color:#b8b5c2;font-size:.55rem}.studio-controls .button-live{margin-left:auto}.studio-simulation-note{margin:.55rem 0;color:#7f7d8a;font-size:.63rem}.mini-player-shell{position:fixed;z-index:55;right:1.25rem;bottom:1.25rem;width:min(22rem,calc(100vw - 2rem));overflow:hidden;border:1px solid rgba(193,173,255,.32);border-radius:.9rem;background:#101016;box-shadow:0 18px 55px #0009}.mini-player-top{position:absolute;z-index:2;top:.45rem;right:.45rem;left:.45rem;justify-content:flex-end;gap:.25rem}.mini-player-top .live-pill{margin-right:auto}.mini-player-top .icon-button{width:1.9rem;height:1.9rem;background:#00000094}.mini-player-shell video{display:block;width:100%;aspect-ratio:16 / 9;background:#050509;object-fit:contain}.mini-room-title{overflow:hidden;margin:0;padding:.55rem .7rem;color:#dedce7;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.modal{position:fixed;width:min(100% - 2rem,28rem);max-height:min(90vh,52rem);overflow:auto;padding:1.8rem;border:1px solid rgba(188,172,255,.2);border-radius:1.1rem;background:#13131b;color:var(--text);box-shadow:0 24px 100px #000000ad}.modal::backdrop{background:#030307c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal h2{margin:0 0 1.15rem;font-size:1.35rem;letter-spacing:-.04em}.modal-close{position:absolute;top:.65rem;right:.7rem;display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:50%;background:transparent;color:#aaa7b4;font-size:1.4rem;cursor:pointer}.modal-close:hover{background:#ffffff14;color:#fff}.auth-modal>.eyebrow,.setup-modal>.eyebrow{padding-right:2.2rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:1rem;padding:.25rem;border:1px solid var(--line);border-radius:.65rem;background:#0d0d13}.auth-tab{min-height:2.2rem;border:0;border-radius:.45rem;background:transparent;color:var(--muted);font-size:.76rem;cursor:pointer}.auth-tab.is-active{background:#262333;color:#fff}.stack-form{display:grid;gap:.8rem}.stack-form label{display:grid;gap:.38rem;color:#d9d6e1;font-size:.72rem;font-weight:600}.stack-form input,.stack-form textarea,.stack-form select{width:100%;min-height:2.65rem;padding:.65rem .75rem;border:1px solid #34323e;border-radius:.65rem;outline:none;background:#0c0c12;color:var(--text);font-size:.78rem}.stack-form textarea{resize:vertical;line-height:1.45}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus{border-color:#9375f8cc}.forgot-link{margin:.6rem 0 0 -.45rem;color:#b5a4f5}.form-feedback{min-height:1rem;margin:.65rem 0 0;color:#a8e2ce;font-size:.69rem;line-height:1.45}.form-feedback.is-error{color:#ffadbd}.form-help{margin:0;color:var(--muted);font-size:.73rem;line-height:1.5}.tier-fieldset{display:grid;gap:.48rem;margin:0;padding:0;border:0}.tier-fieldset legend{margin-bottom:.45rem;color:#d9d6e1;font-size:.72rem;font-weight:600}.tier-option{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:.6rem!important;padding:.65rem .7rem;border:1px solid var(--line);border-radius:.65rem;background:#101017;cursor:pointer}.tier-option:has(input:checked){border-color:#9274f8b8;background:#7258d321}.tier-option input{width:1rem;min-height:auto;accent-color:var(--accent)}.tier-option span{display:grid;gap:.2rem}.tier-option strong{font-size:.7rem}.tier-option small{color:var(--muted);font-size:.62rem;font-weight:400}.profile-modal{width:min(100% - 2rem,34rem);padding:0}.profile-cover{height:6rem;background:radial-gradient(circle at 78% 20%,rgba(37,199,216,.22),transparent 34%),linear-gradient(110deg,#30214a,#161c2e 65%,#13313a)}.profile-content{padding:0 1.4rem 1.4rem}.profile-title-row{justify-content:space-between;align-items:flex-end;margin-top:-1.65rem}.profile-avatar{display:grid;width:4rem;height:4rem;place-items:center;border:3px solid #13131b;border-radius:50%;background:linear-gradient(145deg,#ae86f6,#4c72d9);color:#fff;font-size:1.2rem;font-weight:800}.profile-title-row h2{margin:.5rem 0 .25rem;font-size:1.15rem}.profile-handle{color:#aaa7b5;font-size:.68rem}.profile-stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;color:#d4d1dc;font-size:.67rem}.profile-stats strong{color:#fff}.profile-bio{margin:.85rem 0 1.1rem;color:#c1becb;font-size:.74rem;line-height:1.6}.profile-meta-list{display:grid;gap:.55rem;margin:0;padding:.85rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.profile-meta-list li{color:#c5c2cf;font-size:.69rem;overflow-wrap:anywhere}.profile-meta-list a{color:#b5a2f9}.profile-actions{gap:.55rem;margin-top:1rem}.profile-actions .button{flex:1;min-height:2.35rem;font-size:.7rem}.profile-action-button{padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer}.toast-region{position:fixed;z-index:100;right:1rem;bottom:1rem;display:grid;gap:.5rem;width:min(24rem,calc(100vw - 2rem));pointer-events:none}.toast{padding:.8rem .9rem;border:1px solid rgba(170,147,255,.35);border-radius:.7rem;background:#191822;color:#f4f1fb;box-shadow:0 12px 38px #0006;font-size:.72rem;line-height:1.5;animation:toast-in .18s ease-out}.toast.is-error{border-color:#ff5c7773;background:#29151c}@keyframes toast-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.admin-page{min-height:100vh;background:radial-gradient(ellipse at 50% -30%,rgba(85,61,139,.22),transparent 50%),var(--background)}.admin-shell{max-width:1440px;min-height:100vh;margin:0 auto;padding:0 2rem 3rem}.admin-topbar{justify-content:space-between;min-height:4.5rem;border-bottom:1px solid var(--line)}.admin-label{display:inline-flex;align-items:center;gap:.45rem;color:#c8c2d8;font-size:.62rem;font-weight:750;letter-spacing:.12em}.admin-label i{width:.45rem;height:.45rem;border-radius:50%;background:#bf6eff;box-shadow:0 0 12px #bf6eff8c}.admin-login-panel{width:min(100%,25rem);margin:9vh auto 0;padding:2rem;border:1px solid var(--line);border-radius:1.1rem;background:#12121ae6}.admin-login-panel h1{margin:0 0 .6rem;font-size:1.5rem;letter-spacing:-.04em}.admin-login-panel>p:not(.eyebrow):not(.form-feedback){margin:0 0 1.25rem;color:var(--muted);font-size:.76rem;line-height:1.5}.admin-login-panel code{color:#cfb4ff;font-size:.7rem}.admin-lock{display:grid;width:3rem;height:3rem;place-items:center;margin:0 0 1rem;border:1px solid rgba(189,116,255,.3);border-radius:.9rem;background:#9453dd26;color:#d8bbff;font-size:1.3rem}.admin-dashboard{padding-top:2rem}.admin-heading{align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.admin-heading h1{margin:0;font-size:1.8rem;letter-spacing:-.05em}.admin-heading p:not(.eyebrow){margin:.45rem 0 0;color:var(--muted);font-size:.75rem}.admin-room-list{display:grid;gap:1rem}.admin-room-card{padding:1.1rem;border:1px solid var(--line);border-radius:.95rem;background:#111118}.admin-room-top{justify-content:space-between;gap:1rem}.admin-room-top h2{margin:0;font-size:.95rem}.admin-room-top p{margin:.35rem 0 0;color:var(--muted);font-size:.68rem}.admin-room-status{padding:.3rem .5rem;border:1px solid rgba(255,54,94,.35);border-radius:999px;background:#ff365e1a;color:#ff8da3;font-size:.59rem;font-weight:750}.admin-counts{gap:.7rem;margin:1rem 0}.admin-count{flex:1;padding:.78rem;border:1px solid var(--line);border-radius:.65rem;background:#0c0c12}.admin-count span{display:block;color:var(--muted);font-size:.61rem}.admin-count strong{display:block;margin-top:.2rem;font-family:JetBrains Mono,monospace;font-size:1.25rem}.admin-count.ai strong{color:#9bdfe4}.admin-room-actions{flex-wrap:wrap;gap:.5rem}.admin-room-actions .button{min-height:2.25rem;padding:.45rem .7rem;font-size:.67rem}.admin-trigger-row{flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.admin-trigger-row .button{min-height:2rem;padding:.35rem .58rem;font-size:.61rem}.admin-empty{min-height:17rem}.admin-stealth-frame{position:fixed;z-index:90;right:1rem;bottom:1rem;width:min(38rem,calc(100vw - 2rem));overflow:hidden;border:1px solid rgba(189,174,255,.4);border-radius:.8rem;background:#08080c;box-shadow:0 20px 70px #000000b3}.admin-stealth-frame video{display:block;width:100%;aspect-ratio:16 / 9;background:#050509}.admin-stealth-frame button{position:absolute;z-index:2;top:.5rem;right:.5rem}@media(min-width:1441px){.sidebar-drawer[data-mode=push]{position:fixed;z-index:35}.app-shell.sidebar-open .main-content{margin-left:var(--sidebar-width)}}@media(max-width:1000px){.topbar{grid-template-columns:1fr minmax(12rem,24rem) 1fr;padding-inline:1rem}.watch-layout,.studio-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,19rem);gap:.7rem}.main-content{padding-inline:1rem}.studio-controls{gap:.4rem}.tool-button{min-width:3.9rem}}@media(max-width:767px){:root{--topbar-height: 3.8rem}body.is-live-fullscreen{overflow:hidden}.topbar{grid-template-columns:1fr auto;gap:.5rem;min-height:var(--topbar-height);padding-inline:.65rem}.brand-cluster{gap:.45rem}.brand{font-size:1rem}.menu-toggle{width:2.2rem;height:2.2rem}.search-box{display:none}.topbar-actions{gap:.35rem}.topbar-actions .button{min-height:2.25rem;padding:.45rem .65rem;font-size:.65rem}.topbar-actions .button-secondary{padding-inline:.55rem}.avatar-button{width:2.2rem;height:2.2rem}.main-content{padding:.9rem .8rem 3rem}.hero-strip{min-height:13rem;padding:1.4rem 1.1rem}.hero-art{right:-2.8rem;width:11rem;height:11rem;opacity:.5}.hero-description{max-width:75%;font-size:.77rem}.hero-copy h1{font-size:1.8rem}.disclosure-note{margin:.75rem 0 1.45rem;padding:.65rem}.disclosure-note p{font-size:.66rem}.section-heading h2{font-size:1rem}.connection-state{max-width:8rem;font-size:.58rem}.live-grid{grid-template-columns:1fr;gap:.7rem}.live-card{display:grid;grid-template-columns:8.2rem minmax(0,1fr)}.live-card-open{display:contents}.live-card-cover{width:8.2rem;height:100%;min-height:6.8rem;aspect-ratio:auto}.cover-glyph{width:2.4rem;height:2.4rem;border-radius:.75rem;font-size:1rem}.live-card-cover .live-pill{top:.45rem;left:.45rem;padding:.2rem .33rem;font-size:.5rem}.live-card-viewers{right:.4rem;bottom:.4rem;padding:.2rem .3rem;font-size:.52rem}.live-card-body{padding:.65rem}.live-card-title{min-height:2.15rem;font-size:.75rem}.live-card-channel{margin-top:.55rem;font-size:.62rem}.live-card-meta{margin-top:.45rem;font-size:.57rem}.channel-avatar{width:1.55rem;height:1.55rem}.empty-state{min-height:17rem}.watch-view{position:fixed;z-index:45;inset:var(--topbar-height) 0 0;overflow-y:auto;margin:0;background:var(--background);overscroll-behavior-y:contain}.watch-toolbar{position:sticky;z-index:7;top:0;display:flex;min-height:2.8rem;gap:.4rem;margin:0;padding:0 .5rem;background:#08080ce6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.watch-toolbar .watch-menu-toggle{width:2rem;height:2rem;margin-left:0}.watch-toolbar .text-button{font-size:.66rem}.watch-toolbar .category-chip{padding:.22rem .4rem;font-size:.55rem}.watch-layout{display:block}.watch-video-column{display:contents}.watch-video-frame{position:sticky;z-index:2;top:2.8rem;width:100%;height:calc(var(--visual-height, 100dvh) - var(--topbar-height) - 2.8rem);min-height:24rem;max-height:none;border:0;border-radius:0;aspect-ratio:auto}.watch-video-frame video{object-fit:cover}.video-gradient{background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 22%,transparent 48%,rgba(0,0,0,.52))}.video-topline{top:.6rem;right:.6rem;left:.6rem}.video-title{max-width:68%;font-size:.88rem}.video-message{right:.7rem;bottom:.75rem;left:.7rem}.channel-chip{max-width:8rem;overflow:hidden;padding:.35rem .5rem;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.reaction-controls{right:.65rem;bottom:3.4rem;flex-direction:column;gap:.28rem}.reaction-controls button{width:2rem;height:2rem;background:#09090e8a}.reaction-combo{writing-mode:vertical-rl}.floating-chat-host{right:3.7rem;bottom:3.6rem;left:.5rem;max-width:74%}.floating-chat-host .live-chat-board{max-height:12.5rem}.floating-chat-host .chat-messages{gap:0;padding:.35rem}.floating-chat-host .chat-message{padding:.25rem .3rem}.floating-chat-host .chat-message-body{font-size:.65rem}.floating-chat-host .chat-message-name{font-size:.63rem}.room-information{padding:.9rem .8rem 1.2rem}.room-title-row{align-items:flex-start}.room-title-row h1{font-size:.93rem}.room-title-row p{font-size:.66rem}.room-title-row .button{min-height:2.2rem;padding:.4rem .6rem;font-size:.63rem}.recommendations{padding:0 .8rem 1rem}.recommendation-track{grid-auto-columns:78%}.recommendations .live-card,.recommendations .live-card-open{display:block}.recommendations .live-card-cover{width:100%;aspect-ratio:16 / 9}.recommendations .live-card-body{padding:.7rem}.watch-chat-host{position:fixed;z-index:46;right:3.7rem;bottom:calc(env(safe-area-inset-bottom) + 3.6rem);left:.45rem;width:auto;max-width:74%;overflow:visible;pointer-events:none}.watch-chat-host .live-chat-board{min-height:0;max-height:12.5rem;border:0;background:transparent;pointer-events:none}.watch-chat-host .chat-header,.watch-chat-host .chat-compose,.watch-chat-host .chat-alert{display:none}.watch-chat-host .chat-messages{gap:0;overflow:hidden;padding:.35rem;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 100%)}.watch-chat-host .chat-message{padding:.25rem .3rem;pointer-events:auto}.watch-chat-host .chat-message-body{color:#fff;font-size:.65rem;text-shadow:0 1px 4px #000}.watch-chat-host .chat-message-name{font-size:.63rem;text-shadow:0 1px 4px #000}.watch-chat-host .chat-message-time{display:none}.mini-player-shell{right:.6rem;bottom:calc(env(safe-area-inset-bottom) + .6rem);width:min(13rem,46vw)}.mini-room-title{padding:.35rem .5rem;font-size:.58rem}.mini-player-top{top:.15rem;right:.15rem;left:.15rem}.mini-player-top .icon-button{width:1.6rem;height:1.6rem;font-size:.85rem}.mini-player-top .live-pill{padding:.2rem .32rem;font-size:.48rem}.studio-view{margin:0}.studio-header{flex-wrap:wrap;min-height:2.5rem;margin:0 0 .4rem}.studio-layout{display:flex;flex-direction:column}.studio-video-frame{aspect-ratio:16 / 9}.studio-chat-host{width:100%}.studio-chat-host .live-chat-board{min-height:20rem;max-height:45vh}.studio-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button{min-height:3.25rem}.studio-controls .button-live{grid-column:1 / -1;width:100%;margin-left:0}.sidebar-drawer[data-mode=push]{position:fixed;z-index:70;top:var(--topbar-height);bottom:0;width:var(--sidebar-width);height:auto;flex:initial;padding:1.1rem .8rem;border-right:1px solid var(--line);transform:translate(-102%)}.sidebar-drawer[data-mode=push].is-open{width:var(--sidebar-width);transform:translate(0)}.sidebar-drawer[data-mode=overlay]{top:0;z-index:80}.sidebar-scrim{top:var(--topbar-height);z-index:65}.admin-shell{padding-inline:1rem}.admin-login-panel{margin-top:5vh;padding:1.4rem}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:1.45rem}.admin-counts{gap:.4rem}.admin-count{padding:.6rem}.admin-count strong{font-size:1.05rem}.admin-room-card{padding:.8rem}.admin-room-top{align-items:flex-start}.admin-room-actions{align-items:stretch}.admin-room-actions .button{flex:1 1 auto}.modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:1.35rem;border-radius:.95rem}.profile-modal{padding:0}.profile-content{padding-inline:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}