*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#05070b;color:#f8fafc}button{font:inherit}.scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#05070b}.local-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0b1020}.local-video.mirror{transform:scaleX(-1)}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#030712a3,#0307121f 32%,#030712b8),linear-gradient(90deg,rgba(3,7,18,.42),transparent 44%,rgba(3,7,18,.38));pointer-events:none}.topbar{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}.topbar>div:first-child{min-width:0;display:grid;gap:2px}.topbar strong{font-size:17px}.topbar span{max-width:58vw;overflow:hidden;color:#cbd5e1;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status{min-width:82px;padding:7px 10px;border:1px solid rgba(226,232,240,.24);border-radius:999px;background:#0f172a94;color:#e2e8f0;font-size:12px;text-align:center}.status[data-mode=ok]{border-color:#22c55e94;color:#bbf7d0}.status[data-mode=busy]{border-color:#3b82f6a3;color:#bfdbfe}.status[data-mode=error]{border-color:#f87171b8;color:#fecaca}.empty-state{position:absolute;left:20px;right:92px;top:30%;z-index:2}.empty-state h1{margin:0 0 10px;font-size:clamp(28px,8vw,56px);line-height:1.05}.empty-state p{max-width:520px;margin:0;color:#cbd5e1;font-size:15px;line-height:1.7}.tools{position:absolute;right:14px;top:38%;z-index:3;display:grid;gap:12px}.tool-btn{width:52px;height:52px;border:1px solid rgba(226,232,240,.26);border-radius:50%;background:#0f172a9e;color:#f8fafc;cursor:pointer}.tool-btn span{display:block;font-size:14px;font-weight:700}.tool-btn.off{border-color:#f87171b8;color:#fecaca}.bottom{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 14px max(14px,env(safe-area-inset-bottom))}.panel{max-height:168px;margin:0 auto 12px;border:1px solid rgba(226,232,240,.18);border-radius:8px;background:#0f172ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:max-height .16s ease}.panel.expanded{max-height:46vh}.panel-head{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(226,232,240,.12);color:#cbd5e1;font-size:13px}.panel-head button{border:0;background:transparent;color:#93c5fd;cursor:pointer}.messages{max-height:calc(46vh - 76px);margin:0;padding:8px 12px;list-style:none;overflow-y:auto}.messages li{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:6px 0;font-size:14px;line-height:1.48}.messages b{color:#86efac;font-weight:700}.messages .me b{color:#93c5fd}.messages span{min-width:0;overflow-wrap:anywhere}.interim{min-height:28px;padding:0 12px 8px;color:#cbd5e1;font-size:13px}.actions{display:flex;gap:10px}.actions button{width:100%;min-height:52px;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700}.actions button:disabled{opacity:.58;cursor:default}.primary{background:#2563eb}.secondary{background:#dc2626}.audio-mount{display:none}@media (min-width: 900px){.bottom{left:auto;width:420px}.empty-state{max-width:560px;right:auto}}