html.call-window,html.call-window body,html.call-window #root{width:100%;height:100%;overflow:hidden;background:#0e1628!important;-webkit-user-select:none;user-select:none}.call-app{position:relative;height:100%;display:flex;flex-direction:column;color:#e8eefc;background:radial-gradient(circle at 12% 0%,rgba(66,123,241,.28),transparent 36%),linear-gradient(180deg,#15233d,#0e1628 48%,#0b1220)}.call-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.call-brand{display:flex;align-items:center;gap:12px}.call-logo{width:36px;height:36px;border-radius:50%;background:#ffffff1f;object-fit:contain}.call-brand h1{font-size:16px;font-weight:650}.call-brand p{margin-top:2px;font-size:12px;color:#e8eefcb8}.call-status{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#b7c2d9}.call-status.online{background:#52c41a29;color:#95de64}.header-tools{display:flex;align-items:center;gap:10px}.settings-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e8eefc;background:#ffffff14}.settings-btn:hover{background:#ffffff29}.call-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:16px;padding:16px 22px 22px;position:relative}.call-stage{position:relative;overflow:hidden;border-radius:18px;background:#070d18;border:1px solid rgba(255,255,255,.08)}.remote-video,.local-video{background:#070d18;object-fit:cover}.remote-video{width:100%;height:100%}.local-video{position:absolute;right:16px;bottom:16px;width:168px;height:112px;border-radius:12px;border:1px solid rgba(255,255,255,.2);z-index:2;box-shadow:0 10px 24px #00000059}.call-stage.audio-only .local-video,.call-stage.audio-only .remote-video{opacity:0;pointer-events:none}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1;text-align:center}.avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#5a91f5,#427bf1 55%,#2f62c9)}.stage-placeholder strong{font-size:18px}.stage-placeholder span,.call-timer{font-size:13px;color:#e8eefcb8}.call-timer{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:3;padding:6px 12px;border-radius:999px;background:#0000006b}.call-dock{position:absolute;left:50%;bottom:36px;transform:translate(-50%);width:min(520px,calc(100% - 48px));z-index:4;padding:14px 16px;border-radius:16px;background:#070d18d1;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.call-dock label,.settings-panel label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b7c2d9}.call-dock input,.settings-panel input,.settings-panel textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#070d18b3;color:#e8eefc;border-radius:10px;padding:10px 12px;font:inherit;outline:none;resize:none}.call-dock input:focus,.settings-panel input:focus,.settings-panel textarea:focus{border-color:#427bf1;box-shadow:0 0 0 2px #427bf133}.call-dock input:disabled,.settings-panel input:disabled,.settings-panel textarea:disabled{opacity:.65}.settings-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#060a148c;display:flex;justify-content:flex-end;align-items:stretch}.settings-panel{width:min(380px,100%);padding:20px 18px;background:#15233d;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px;overflow:auto}.settings-title{display:flex;align-items:center;justify-content:space-between}.settings-title h2{font-size:16px}.settings-close{width:28px;height:28px;border-radius:50%;color:#e8eefc}.settings-close:hover{background:#ffffff1f}.hint{font-size:12px;line-height:1.5;color:#8b97b3}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{height:38px;border-radius:10px;font-size:13px;font-weight:650;color:#fff}.btn.primary{background:linear-gradient(135deg,#5a91f5,#427bf1 55%,#2f62c9)}.btn.ghost{background:#ffffff14}.btn:disabled{opacity:.55;cursor:not-allowed}.call-error{padding:10px 12px;border-radius:10px;background:#ff4d4f1f;border:1px solid rgba(255,77,79,.28);color:#ffccc7;font-size:12px;line-height:1.5}.call-error-float{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:5;width:min(480px,calc(100% - 48px))}.call-controls{display:flex;justify-content:center;gap:16px;padding:0 22px 22px}.ctrl{min-width:108px;height:44px;border-radius:22px;padding:0 18px;font-size:13px;font-weight:650;color:#fff;background:#ffffff1f}.ctrl.off{background:#ffffff0f;color:#ffccc7}.ctrl.accept{background:#52c41a}.ctrl.reject,.ctrl.hangup{background:#ff4d4f}@media (max-width: 900px){.call-stage{min-height:280px}}