:root{color-scheme:dark;--bg:#07090d;--panel:#11141a;--panel2:#171b22;--line:#262c36;--text:#f4f6fa;--muted:#8a93a3;--blue:#3578f6;--green:#39c98d;--red:#f05d64}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.lobbyShell{max-width:1080px;margin:auto;padding:28px 22px 70px}.lobbyTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brandMark{display:flex;gap:11px;align-items:center}.brandMark>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#090b0f;font-weight:900}.brandMark b,.brandMark small{display:block}.brandMark small{font-size:11px;color:var(--muted);margin-top:2px}.ghostBtn,.softBtn,.iconBtn,.dangerGhost,.backBtn,.moreBtn{border:1px solid var(--line);background:#13171e;color:#e9edf4;border-radius:11px;padding:10px 13px}.heroCard{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:30px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 85% 10%,#183564 0,transparent 35%),linear-gradient(145deg,#131820,#0d1015)}.eyebrow{font-size:10px;letter-spacing:.18em;color:#77a4ff}.heroCard h1{font-size:32px;margin:8px 0}.heroCard p{max-width:630px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.primaryBtn{border:0;background:#fff;color:#0b0d11;font-weight:800;border-radius:12px;padding:12px 17px}.secretBar{display:flex;align-items:end;gap:9px;margin:16px 0}.secretBar label,.builderGrid label{font-size:11px;color:var(--muted);flex:1}.secretBar input,.builderGrid input,.orderPreview input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0e1116;color:#fff}.secretBar span{font-size:11px;color:var(--green);padding:11px}.meetingSection,.builderPanel{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#0e1116;padding:16px}.sectionTitle{display:flex;align-items:center;justify-content:space-between}.sectionTitle h2{font-size:15px;margin:0}.sectionTitle p{font-size:11px;color:var(--muted);margin:4px 0 0}.iconBtn{padding:6px 10px}.meetingList{display:grid;gap:9px;margin-top:12px}.meetingCard{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:14px;background:#141820;border:1px solid #202630}.meetingCard>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:center}.meetingCard b{font-size:15px;letter-spacing:.06em}.meetingCard small{grid-column:2;color:var(--muted);font-size:10px;margin-top:4px}.statusDot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #39c98d80}.statusDot.off{background:#656d7a;box-shadow:none}.meetingCard.closed{opacity:.55}.cardActions{display:flex;gap:7px}.dangerGhost{color:#ff9196}.endedLabel{font-size:10px;color:#697383;padding-top:8px}.emptyState{padding:24px;color:#778191;text-align:center;font-size:11px}.builderGrid{display:grid;grid-template-columns:1fr 1fr 70px auto;gap:10px;align-items:end;margin-top:14px}.appIconPreview{width:54px;height:54px;border-radius:14px;background:#fff;color:#111;display:grid;place-items:center;background-size:cover;background-position:center;font-weight:900}.buildStatus{margin-top:10px;padding:11px;background:#131820;border-radius:11px;color:#a7b0bf;font-size:11px}.buildStatus .error{color:#ff8b90}.meetingShell{position:fixed;inset:0;background:#05070a;overflow:hidden}.meetingTopbar{position:absolute;z-index:20;top:0;left:0;right:0;height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:linear-gradient(#090b0fe8,#090b0f99,transparent);pointer-events:none}.meetingTopbar>*{pointer-events:auto}.meetingIdentity{display:flex;align-items:center;gap:10px}.meetingIdentity b,.meetingIdentity small{display:block}.meetingIdentity b{font-size:13px;letter-spacing:.06em}.meetingIdentity small{font-size:10px;color:#8e98a8;margin-top:3px}.backBtn{font-size:26px;width:36px;height:36px;padding:0}.networkState{font-size:10px;color:#aeb6c4;display:flex;align-items:center;gap:6px}.networkState i{width:7px;height:7px;border-radius:50%;background:#f0b45d}.networkState.good i{background:var(--green)}.networkState.bad i{background:var(--red)}.moreBtn{justify-self:end;letter-spacing:.12em}.stage{position:absolute;inset:0 0 94px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#141922,#06080c 60%)}.screenStage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.screenVideo{width:100%;height:100%;object-fit:contain;background:#000}.stageEmpty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#808a99}.stageEmpty span{font-size:44px;opacity:.35}.stageEmpty b{font-size:14px;margin-top:12px;color:#b4bdca}.stageEmpty small{font-size:10px;margin-top:6px}.qualityHud{position:absolute;top:68px;right:16px;font-size:9px;background:#0b0e13b8;border:1px solid #ffffff10;padding:7px 9px;border-radius:9px;color:#aeb7c6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.deviceRail{position:absolute;right:14px;top:108px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 150px);overflow:auto}.deviceChip{width:150px;padding:8px;border-radius:12px;border:1px solid #242a34;background:#0c0f14cc;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:8px;text-align:left}.deviceChip>span,.memberRow>span{width:30px;height:30px;border-radius:9px;background:#273041;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.deviceChip b,.deviceChip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deviceChip b{font-size:10px}.deviceChip small{font-size:8px;color:#778291;margin-top:3px}.deviceChip.selected{border-color:#568eff;background:#162641e8}.controlDock{position:absolute;z-index:25;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:7px;border-radius:18px;background:#11151cdd;border:1px solid #282e38;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 50px #0008}.controlBtn{min-width:68px;height:66px;border:0;border-radius:12px;background:transparent;color:#e8edf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.controlBtn:hover,.controlBtn.active{background:#252b35}.controlBtn.off span{filter:grayscale(1);opacity:.55}.controlBtn>span{font-size:19px}.controlBtn b{font-size:9px}.controlBtn small{font-size:8px;color:#778293}.drawer{position:absolute;z-index:30;right:12px;top:70px;bottom:94px;width:min(380px,calc(100vw - 24px));background:#11151cf2;border:1px solid #29303a;border-radius:18px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translate(calc(100% + 25px));transition:.22s ease;overflow:hidden;box-shadow:0 24px 70px #0008}.drawer.open{transform:translate(0)}.drawerHead{height:58px;padding:12px 14px;border-bottom:1px solid #252b34;display:flex;align-items:center;justify-content:space-between}.drawerHead b,.drawerHead small{display:block}.drawerHead b{font-size:13px}.drawerHead small{font-size:9px;color:#7d8797;margin-top:3px}.drawerHead button{border:0;background:transparent;color:#9aa4b4;font-size:20px}.drawerBody{height:calc(100% - 58px);padding:11px;overflow:auto}.memberRow{width:100%;border:0;background:#171b23;color:#fff;border-radius:12px;padding:10px;margin-bottom:7px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left}.memberRow b,.memberRow small{display:block}.memberRow b{font-size:11px}.memberRow small{font-size:9px;color:#798493;margin-top:3px}.memberRow i{font-style:normal;font-size:9px;color:var(--green)}.memberRow.selected{outline:1px solid #5288ef}.smsItem{padding:12px;border-radius:12px;background:#171b23;margin-bottom:8px}.smsItem header{display:flex;justify-content:space-between;gap:9px}.smsItem b{font-size:10px}.smsItem time{font-size:8px;color:#737e8e}.smsItem p{font-size:11px;line-height:1.55;margin:7px 0 0;color:#d7dde7;white-space:pre-wrap;word-break:break-word}.coming{display:flex;min-height:220px;align-items:center;justify-content:center;text-align:center;flex-direction:column;color:#8791a1}.coming span{font-size:30px}.coming b{font-size:12px;color:#bcc5d2;margin-top:9px}.coming small{font-size:9px;margin-top:5px;max-width:230px;line-height:1.5}.orderPreview{display:grid;gap:8px}.orderPreview label{font-size:9px;color:#7e8898}.moreList{display:grid;gap:8px}.moreList button{border:0;background:#171b23;color:#fff;text-align:left;border-radius:12px;padding:13px}.moreList button span{display:block;font-size:9px;color:#798494;margin-top:4px}.moreList button.danger{color:#ff858b}.remoteAudio{display:none}.modal{position:absolute;inset:0;z-index:50;background:#0008}.modal.hidden{display:none}@media(max-width:700px){.lobbyShell{padding:18px 14px 50px}.heroCard{padding:22px;align-items:flex-start;flex-direction:column}.heroCard h1{font-size:27px}.secretBar{align-items:stretch;flex-wrap:wrap}.secretBar label{flex:1 0 100%}.builderGrid{grid-template-columns:1fr}.meetingTopbar{grid-template-columns:1fr auto}.networkState{display:none}.stage{bottom:88px}.deviceRail{inset:auto 10px 10px;flex-direction:row;overflow-x:auto}.deviceChip{min-width:135px}.qualityHud{top:64px;right:10px}.controlDock{bottom:9px;width:calc(100% - 16px);overflow-x:auto;justify-content:flex-start;border-radius:15px}.controlBtn{min-width:61px;height:61px}.drawer{top:62px;bottom:82px;right:8px;width:calc(100vw - 16px)}.meetingCard{align-items:flex-start;gap:10px}.cardActions{flex-direction:column}.meetingTopbar{padding:0 10px}}@media(orientation:landscape)and (max-height:520px){.meetingTopbar{height:50px}.stage{bottom:72px}.controlDock{bottom:6px}.controlBtn{height:54px}.deviceRail{inset:60px 8px auto auto;flex-direction:column}.drawer{top:54px;bottom:72px;width:340px}.qualityHud{top:56px}}