:root{--bg:#0b1220;--panel:#111827;--panel-2:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--accent:#22c55e;--danger:#ef4444;--border:#243042;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--text);border:none;border-radius:10px;padding:.6rem 1rem}button:disabled{opacity:.45;cursor:not-allowed}.center{place-items:center;min-height:100%;padding:1rem;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.lang-selector{gap:.25rem;display:flex}.lang-btn{color:var(--muted);letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .45rem;font-size:.72rem;font-weight:600}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:var(--text);border-color:var(--border);background:var(--panel-2)}.login{flex-direction:column;gap:1rem;width:min(360px,92vw);display:flex}.login-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.login-header h1{margin:0}.login label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.login input{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:10px;padding:.7rem;font-size:1rem}.login button[type=submit]{background:var(--accent);color:#052e16;font-weight:600}.home{max-width:640px;margin:0 auto;padding:1rem}.topbar{justify-content:space-between;align-items:center;padding:.5rem 0 1rem;display:flex}.link{color:var(--muted);background:0 0;padding:.4rem .6rem}.notice{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:.6rem .9rem}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.85rem}.contacts,.history{flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.contact{background:var(--panel);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.contact .name{flex:1;font-size:1.05rem}.dot{background:#6b7280;border-radius:50%;width:10px;height:10px}.dot.on{background:var(--accent);box-shadow:0 0 0 3px #22c55e33}.call-btn{background:var(--accent);color:#052e16;width:200px;font-weight:600}.muted{color:var(--muted)}.error{color:var(--danger)}.history-row{color:var(--muted);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.arrow.out{color:#60a5fa}.arrow.in{color:var(--accent)}.status{text-transform:capitalize}.history-row .time{margin-left:auto}.modal-backdrop{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.incoming{text-align:center;width:min(360px,92vw)}.incoming-title{margin-bottom:1.25rem;font-size:1.2rem}.incoming-actions{justify-content:center;gap:1rem;display:flex}.accept{background:var(--accent);color:#052e16;font-weight:600}.decline{background:var(--danger);color:#fff;font-weight:600}.incoming-actions .accept,.incoming-actions .decline{flex:1}.call-view{z-index:40;background:#000;position:fixed;inset:0}.remote-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.local-video{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--border);background:var(--panel);z-index:42;border-radius:12px;width:min(28vw,180px);position:absolute;bottom:5.5rem;right:1rem;transform:scaleX(-1)}.avatar{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.local-chip{z-index:42;border:1px solid var(--border);background:var(--panel);border-radius:999px;align-items:center;gap:.5rem;max-width:min(60vw,220px);padding:.4rem .75rem .4rem .4rem;display:flex;position:absolute;bottom:5.5rem;right:1rem}.local-chip .chip-avatar{flex:none;width:32px;height:32px;font-size:.9rem}.local-chip .chip-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.local-chip .chip-meter{background:#ffffff26;border-radius:3px;flex:none;align-items:flex-end;width:5px;height:22px;display:flex;overflow:hidden}.local-chip .chip-meter-fill{background:var(--accent);transform-origin:bottom;width:100%;height:100%;transition:transform 60ms linear;transform:scaleY(0)}.local-chip .chip-mic-off{width:18px;height:18px;color:var(--muted);flex:none}.remote-cam-off{background:var(--panel);z-index:41;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.remote-cam-off .avatar{width:96px;height:96px;font-size:2.5rem}.remote-cam-off p{color:var(--muted);margin:0;font-weight:600}.call-message,.call-timer{position:absolute;top:1.25rem;left:50%;transform:translate(-50%)}.call-message{color:var(--danger);z-index:46;background:#000000b3;border-radius:10px;padding:.6rem 1rem}.call-timer{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;z-index:44;pointer-events:none;background:#00000080;border-radius:999px;padding:.35rem .85rem;font-weight:600}.call-controls{z-index:43;justify-content:center;gap:.75rem;display:flex;position:absolute;bottom:1.25rem;left:0;right:0}.ctrl{border:1px solid var(--border);background:#1f2937d9;font-weight:600}.ctrl[aria-pressed=true]{background:var(--panel);color:var(--muted)}.ctrl.hangup{background:var(--danger);color:#fff}.ringing-overlay{z-index:45;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-size:1.3rem;display:flex;position:absolute;inset:0}.version-badge{z-index:50;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;background:#00000059;border-radius:.35rem;padding:.1rem .4rem;font-size:.7rem;position:fixed;bottom:.5rem;left:.5rem}.version-badge--mismatch{color:var(--danger);background:#ef44441f}