: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%;overflow:hidden;background:#090e15}.lobby__intro{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:clamp(96px,10vw,148px) clamp(32px,9vw,148px);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 76% 28%,rgba(40,215,192,.16),transparent 25%),radial-gradient(circle at 18% 92%,rgba(59,130,246,.2),transparent 34%),linear-gradient(135deg,#111d2c,#080d14 64%)}.lobby__intro:before{content:"";position:absolute;z-index:-2;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:52px 52px;mask-image:linear-gradient(120deg,black,transparent 72%)}.lobby__intro:after{content:"";position:absolute;z-index:-1;width:50vw;height:50vw;min-width:520px;min-height:520px;right:-14vw;top:-22vw;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 7vw #ffffff05,0 0 0 14vw #ffffff03}.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)}.lobby__content{position:relative;z-index:1;width:min(780px,72vw)}.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(62px,7.2vw,116px);line-height:1.02;letter-spacing:-.055em}.lobby h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(244,247,251,.8)}.lead{position:relative;max-width:560px;margin:34px 0 0;color:#a7b2c0;font-size:16px;line-height:1.9}.lobby__hint{display:flex;align-items:center;gap:10px;margin-top:42px;color:#778699;font-size:12px;letter-spacing:.06em}.lobby__hint span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px #28d7c01a}.signal-art{position:absolute;right:clamp(44px,9vw,150px);bottom:clamp(44px,9vh,92px);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}.lobby__orb{position:absolute;right:clamp(70px,16vw,290px);top:24%;width:clamp(150px,18vw,280px);aspect-ratio:1;border:1px solid rgba(40,215,192,.16);border-radius:50%;animation:orbit 18s linear infinite}.lobby__orb:before,.lobby__orb:after{content:"";position:absolute;border-radius:50%}.lobby__orb:before{inset:18%;border:1px solid rgba(59,130,246,.2)}.lobby__orb:after{width:10px;height:10px;left:14%;top:10%;background:var(--cyan);box-shadow:0 0 22px #28d7c0cc}.lobby__orb span{position:absolute;inset:42%;border-radius:50%;background:linear-gradient(145deg,#3b82f6b3,#28d7c080);box-shadow:0 0 50px #28d7c038}@keyframes signal{50%{transform:scaleY(.4);opacity:.45}}@keyframes orbit{to{transform:rotate(360deg)}}.room{position:relative;height:100vh;height:var(--meeting-viewport-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-grid--three{grid-template-rows:repeat(2,minmax(0,1fr))}.video-grid--three .video-tile:first-child{grid-row:1 / span 2}.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}.video-tile--screen{background:#05080c}.video-tile--screen .video-stage video{object-fit:contain}.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-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.recording{color:#ff7272}.toolbar>button:disabled{cursor:not-allowed;opacity:.72}.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 button:disabled{cursor:not-allowed;opacity:.65}.modal__actions .danger-button{background:var(--red)}.modal__actions .primary-button{background:var(--blue)}.button-spinner{width:16px;height:16px;margin-right:6px;vertical-align:-3px;animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.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}.modal textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #28d7c01f}.modal .evaluation-error{margin-top:12px;padding:10px 12px;border:1px solid rgba(248,113,113,.35);border-radius:10px;background:#7f1d1d38;color:#fecaca}.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--focused .room-header{position:absolute;z-index:30;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.72),transparent);border:0}.room--focused .toolbar{position:absolute;z-index:30;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000000db);border:0}.room--chrome-hidden .room-header{transform:translateY(-100%);pointer-events:none}.room--chrome-hidden .toolbar{transform:translateY(100%);pointer-events:none}.room--focused .room-main{padding:0}.room--focused .video-tile{border:0;border-radius:0}.room--focused .side-panel{position:absolute;z-index:40;top:14px;right:14px;bottom:90px;width:min(344px,calc(100% - 28px));box-shadow:0 24px 72px #00000094}@media(max-width:900px){.lobby__intro{padding:110px 44px 72px}.brand-mark{left:44px}.lobby__content{width:min(680px,82vw)}.lobby__orb{right:-60px;top:16%;opacity:.55}.signal-art{right:44px}.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{align-items:flex-end;padding:100px 24px 64px}.brand-mark{top:30px;left:24px}.lobby__content{width:100%}.lobby h1{font-size:clamp(48px,15vw,68px)}.lead{margin-top:26px;font-size:14px}.lobby__hint{margin-top:32px;line-height:1.6}.lobby__orb{width:190px;right:-70px;top:11%}.signal-art{right:28px;bottom:28px;height:52px;opacity:.55}.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-grid--three{grid-template-rows:none}.video-grid--three .video-tile:first-child{grid-row:auto}.video-tile{min-height:210px}.side-panel{position:absolute;z-index:20;inset:8px;width:auto;box-shadow:0 20px 60px #00000080}.room--focused .side-panel{z-index:40;inset:8px 8px 74px;width:auto}.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(orientation:landscape)and (max-height:600px){.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}.video-grid{height:100%;overflow:hidden}.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%;min-height:0;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}}