:root{color-scheme:dark;font-family:HarmonyOS Sans SC,MiSans,Microsoft YaHei,sans-serif;--ink: #f4f7fb;--muted: #8e9aaa;--panel: #121923;--panel-2: #18212d;--line: rgba(255, 255, 255, .085);--blue: #3b82f6;--cyan: #28d7c0;--red: #f05252;--amber: #f8c55a;background:#090e15;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body,#app,.app-shell{width:100%;height:100%;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,summary{-webkit-tap-highlight-color:transparent}svg{width:1.15em;height:1.15em;stroke-width:1.8}.lobby{min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);overflow:auto;background:#090e15}.lobby__intro{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(40,215,192,.18),transparent 28%),radial-gradient(circle at 15% 85%,rgba(59,130,246,.22),transparent 35%),linear-gradient(145deg,#111d2c,#080d14 66%)}.lobby__intro:before{content:"";position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom right,black,transparent 70%)}.brand-mark{position:absolute;top:44px;left:clamp(36px,6vw,96px);z-index:1;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;font-weight:800}.brand-mark span{width:18px;height:18px;border:5px solid var(--cyan);border-radius:50% 50% 50% 8px;transform:rotate(-24deg)}.eyebrow{position:relative;margin:0 0 20px;color:var(--cyan);letter-spacing:.22em;font-size:12px;font-weight:800}.lobby h1{position:relative;margin:0;font-family:STKaiti,KaiTi,serif;font-weight:600;font-size:clamp(54px,6vw,92px);line-height:1.04;letter-spacing:-.05em}.lobby h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(244,247,251,.8)}.lead{position:relative;max-width:540px;margin:30px 0 0;color:#a7b2c0;font-size:16px;line-height:1.9}.signal-art{position:absolute;right:5vw;bottom:8vh;display:flex;align-items:end;gap:8px;height:80px;transform:rotate(12deg);opacity:.8}.signal-art i{display:block;width:7px;border-radius:8px;background:var(--cyan);animation:signal 1.6s ease-in-out infinite}.signal-art i:nth-child(1){height:28%;animation-delay:-.3s}.signal-art i:nth-child(2){height:65%;animation-delay:-.15s}.signal-art i:nth-child(3){height:100%}.signal-art i:nth-child(4){height:48%;animation-delay:-.45s}@keyframes signal{50%{transform:scaleY(.4);opacity:.45}}.lobby__card{align-self:center;margin:46px clamp(28px,5vw,72px);padding:38px;border:1px solid var(--line);border-radius:22px;background:#121923e0;box-shadow:0 36px 90px #0000006b;backdrop-filter:blur(18px)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#0b1119}.mode-switch button{height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.mode-switch button.active{color:#07131a;background:var(--cyan);font-weight:800;box-shadow:0 6px 18px #28d7c033}.lobby__card h2{margin:30px 0 7px;font-size:28px}.lobby__card>p{margin:0 0 24px;color:var(--muted);font-size:14px}.lobby form,.lobby label{display:flex;flex-direction:column}.lobby form{gap:17px}.lobby label{gap:8px;color:#c5cdd8;font-size:13px;font-weight:650}.lobby input,.lobby select,.modal textarea{width:100%;border:1px solid var(--line);border-radius:10px;outline:none;background:#0b1119;color:var(--ink);transition:border .2s,box-shadow .2s}.lobby input,.lobby select{height:47px;padding:0 14px}.lobby input:focus,.lobby select:focus,.modal textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #28d7c01f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lobby details{border-top:1px solid var(--line);padding-top:14px}.lobby summary{margin-bottom:15px;color:var(--muted);cursor:pointer}.lobby details label+label{margin-top:12px}.join-button{height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(105deg,var(--blue),#2668d7);font-weight:800;cursor:pointer;box-shadow:0 14px 34px #3b82f640;transition:transform .2s}.join-button:hover{transform:translateY(-2px)}.join-button svg:last-child{margin-left:auto;margin-right:18px}.privacy{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:20px;color:#6f7d8e;font-size:11px}.room{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% -40%,#1a2c43,#090e15 55%)}.room-header{flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#0b1119db;backdrop-filter:blur(15px);transition:transform .25s}.room-identity,.live-stats{display:flex;align-items:center;gap:12px}.room-identity strong{font-size:15px}.room-identity small,.live-stats{color:var(--muted);font-size:12px}.status-dot,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #28d7c01a}.live-dot{background:var(--red);box-shadow:0 0 0 5px #f052521f;animation:blink 1.5s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}.soft-button{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);cursor:pointer}.error-banner{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding:10px 13px;border:1px solid rgba(248,197,90,.25);border-radius:10px;background:#452f10e0;color:#ffdb8a;font-size:13px}.error-banner span{flex:1}.error-banner button{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.room-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:14px;overflow:hidden}.room-main--panel{grid-template-columns:minmax(0,1fr) 344px}.video-grid{min-width:0;min-height:0;display:grid;gap:12px}.video-grid--focused{grid-template-columns:1fr!important}.video-tile{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#172231,#101720);box-shadow:inset 0 1px #ffffff0a}.video-stage{width:100%;height:100%;min-height:0;display:grid;place-items:center}.video-stage>div:not(.avatar),.video-stage div[id^=agora-video-player],.video-stage video{width:100%!important;height:100%!important}.video-stage video{object-fit:cover}.avatar,.live-placeholder span{width:clamp(78px,10vw,118px);aspect-ratio:1;display:grid;place-items:center;border-radius:34% 66% 60% 40%/42% 38% 62% 58%;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-size:clamp(32px,5vw,52px);font-weight:800;box-shadow:0 18px 44px #2297bd38}.tile-shade{position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,#000000a6)}.tile-meta{position:absolute;left:15px;bottom:13px;display:flex;align-items:center;gap:10px;font-size:13px}.tile-meta b{display:flex;align-items:center;gap:5px;color:var(--cyan);font-size:11px}.tile-focus{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#05090e8c;opacity:0;cursor:pointer;transition:opacity .2s}.video-tile:hover .tile-focus,.video-tile.focused .tile-focus{opacity:1}.side-panel,.live-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#121923eb}.panel-tabs,.live-tabs{display:grid;grid-template-columns:1fr 1fr 40px;gap:4px;padding:7px;border-bottom:1px solid var(--line)}.panel-tabs button,.live-tabs button{height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.panel-tabs button.active,.live-tabs button.active{background:var(--panel-2);color:var(--ink)}.panel-tabs .icon-button{grid-column:3}.member-list,.viewer-list{overflow:auto;padding:11px}.member-row,.viewer-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.member-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#2d6dd0,#1f9689);font-weight:800}.member-row strong,.member-row small,.viewer-row strong,.viewer-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row strong,.viewer-row strong{font-size:13px}.member-row small,.viewer-row small{margin-top:3px;color:var(--muted);font-size:11px}.member-media{display:flex;gap:7px;color:var(--muted)}.member-media svg{width:15px}.viewer-actions{display:flex;gap:5px}.viewer-actions button{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:pointer}.viewer-actions .kick{color:#ff9797}.chat-panel{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.chat-list{overflow:auto;padding:15px}.message,.live-comment{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:13px}.message.own,.live-comment.own{align-items:flex-end}.message small,.live-comment small{margin-bottom:5px;color:#778698;font-size:10px}.message p,.live-comment p{max-width:88%;margin:0;padding:9px 11px;border-radius:5px 13px 13px;background:#202b39;font-size:13px;line-height:1.55;word-break:break-word}.message.own p,.live-comment.own p{border-radius:13px 5px 13px 13px;background:#276bd2}.message.system,.live-comment.system{align-items:center}.message.system p,.live-comment.system p{background:#f8c55a14;color:#eac775;text-align:center}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:11px;border-top:1px solid var(--line)}.chat-form input{min-width:0;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;outline:none;background:#0a1018;color:var(--ink)}.chat-form button{border:0;border-radius:10px;background:var(--blue);cursor:pointer}.chat-form button:disabled{opacity:.4}.toolbar{flex:0 0 76px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b1119f0;backdrop-filter:blur(15px);transition:transform .25s}.toolbar>button{min-width:70px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:12px;background:transparent;color:#a8b3c1;cursor:pointer}.toolbar>button span{font-size:10px}.toolbar>button.active{background:var(--panel-2);color:#fff}.toolbar>button.danger{color:#ff9595}.toolbar>button.hangup{margin-left:10px;padding:0 18px;background:var(--red);color:#fff}.loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#090e15}.loader small{color:var(--muted)}.loader__pulse{display:flex;align-items:center;gap:5px;height:45px}.loader__pulse span{width:7px;height:18px;border-radius:7px;background:var(--cyan);animation:signal 1s ease-in-out infinite}.loader__pulse span:nth-child(2){height:34px;animation-delay:-.2s}.loader__pulse span:nth-child(3){height:25px;animation-delay:-.4s}.modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#020509b8;backdrop-filter:blur(8px)}.modal{width:min(420px,100%);padding:28px;border:1px solid var(--line);border-radius:20px;background:#151d27;box-shadow:0 30px 80px #00000080}.modal__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#3b82f621;color:#74a8ff}.modal h2{margin:18px 0 8px;font-size:21px}.modal p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.modal textarea{resize:vertical;margin-top:13px;padding:12px}.modal__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.modal__actions button{height:40px;padding:0 18px;border:0;border-radius:10px;background:#26313e;cursor:pointer}.modal__actions .danger-button{background:var(--red)}.modal__actions .primary-button{background:var(--blue)}.toast{position:fixed;left:50%;bottom:100px;z-index:140;transform:translate(-50%);padding:10px 18px;border:1px solid var(--line);border-radius:10px;background:#1c2734;font-size:13px;box-shadow:0 15px 40px #0006}.live-header .room-identity b{color:#ff9292;font-size:11px;letter-spacing:.1em}.live-stats span{display:flex;align-items:center;gap:5px}.notice-bar{flex:0 0 auto;display:flex;align-items:center;gap:9px;margin:10px 14px 0;padding:10px 14px;border-radius:10px;background:#3b82f61a;color:#b8d2ff;font-size:12px}.notice-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;padding:14px;overflow:hidden}.live-stage-wrap{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#070b10}.live-stage{width:100%;height:100%;display:grid;place-items:center}.live-stage>div:not(.live-placeholder),.live-stage div[id^=agora-video-player],.live-stage video{width:100%!important;height:100%!important}.live-stage video{object-fit:cover}.live-placeholder{display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--muted)}.live-placeholder p{margin:0}.live-stage-label{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#04070ba6;font-size:11px}.live-stage-label b{display:flex;align-items:center;gap:5px;margin-left:8px;color:var(--cyan)}.live-panel{grid-template-rows:auto minmax(0,1fr)}.live-tabs{grid-template-columns:1fr 1fr}.live-comments{min-height:0}.live-panel:has(.live-comments){grid-template-rows:auto minmax(0,1fr) auto}.live-toolbar{justify-content:flex-end}.live-toolbar .hangup{margin-left:18px}.room--chrome-hidden .room-header{transform:translateY(-100%)}.room--chrome-hidden .toolbar{transform:translateY(100%)}.room--focused .room-main{padding:0}.room--focused .video-tile{border:0;border-radius:0}@media(max-width:900px){.lobby{grid-template-columns:1fr}.lobby__intro{min-height:54vh;padding:110px 34px 58px}.lobby__card{width:min(560px,calc(100% - 32px));margin:-28px auto 32px;z-index:2}.brand-mark{left:34px}.signal-art{display:none}.room-main--panel{grid-template-columns:minmax(0,1fr) 310px}.live-main{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:680px){.lobby__intro{min-height:45vh}.lobby h1{font-size:48px}.lobby__card{padding:26px 20px}.field-row{grid-template-columns:1fr}.room-header{flex-basis:54px;padding:0 13px}.room-identity small{display:none}.room-main,.room-main--panel{position:relative;display:block;padding:8px}.video-grid{height:100%;grid-template-columns:1fr!important;overflow:auto}.video-tile{min-height:210px}.side-panel{position:absolute;z-index:20;inset:8px;box-shadow:0 20px 60px #00000080}.toolbar{flex-basis:66px;justify-content:space-between;gap:1px;padding-left:5px;padding-right:5px}.toolbar>button{min-width:52px;height:50px}.toolbar>button.hangup{min-width:58px;margin-left:0;padding:0 9px}.tile-focus{opacity:1}.error-banner{margin:6px 8px 0}.live-main{position:relative;display:block;padding:8px}.live-stage-wrap{height:48%;min-height:230px}.live-panel{height:calc(52% - 8px);margin-top:8px}.live-toolbar{justify-content:space-between}.notice-bar{margin:7px 8px 0}}@media(max-width:680px)and (orientation:landscape){.room-header{position:absolute;z-index:30;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.7),transparent);border:0}.room-main,.live-main{padding:0}.toolbar{position:absolute;z-index:30;left:0;right:0;bottom:0;border:0;background:linear-gradient(transparent,#000000d1)}.video-tile,.live-stage-wrap{height:100%;border:0;border-radius:0}.live-panel{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}