@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#edf2ff;background:#080c18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,#17234a,#080c18 42%)}button,input{font:inherit}button{border:0;border-radius:12px;padding:.75rem 1rem;color:#fff;background:#596cff;font-weight:700;cursor:pointer;transition:.18s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.42}.secondary{background:#20283e}.danger{background:#e04461}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{width:min(420px,100%);padding:2rem;border:1px solid #27304b;border-radius:24px;background:rgba(17,23,42,.88);box-shadow:0 24px 70px #0007;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{color:#8290ff;font-weight:800;letter-spacing:-.04em;font-size:1.3rem}.login h1{margin:1.7rem 0;font-size:2.2rem}.login label{display:grid;gap:.5rem;margin:1rem 0;color:#aeb8d0}.login input{width:100%;padding:.85rem 1rem;border:1px solid #343e5d;border-radius:12px;color:#fff;outline:none;background:#0d1325}.login input:focus{border-color:#7180ff;box-shadow:0 0 0 3px #596cff24}.login button{width:100%;margin-top:.7rem}.error,.call-error{color:#ff8ea2}.shell{width:min(920px,calc(100% - 2rem));margin:auto;padding:2rem 0 5rem}header{display:flex;align-items:center;justify-content:space-between}header p{margin:.3rem 0 0;color:#99a4bd}.hero{padding:5rem 0 2rem}.hero h1{max-width:650px;margin:0;font-size:clamp(2rem,6vw,4rem);letter-spacing:-.06em}.hero p{color:#99a4bd;line-height:1.7}.notice{margin:1rem 0;padding:1rem;border:1px solid #3a466c;border-radius:12px;background:#151d34;cursor:pointer}.user-list{display:grid;gap:.8rem}.user-row{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #252e48;border-radius:17px;background:#101628cc}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#596cff,#9d63ff);font-weight:800}.user-info{flex:1;display:grid;gap:.25rem}.user-info span{font-size:.84rem}.online{color:#51d8a0}.offline{color:#7d879f}.empty{padding:3rem;color:#8f9ab3;text-align:center}.outgoing{position:fixed;inset:auto 1rem 1rem;max-width:460px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid #34405f;border-radius:16px;background:#151d34;box-shadow:0 12px 40px #0008}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#03050bcf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(420px,100%);padding:2rem;text-align:center;border:1px solid #303b59;border-radius:24px;background:#12192d}.modal-actions{display:flex;justify-content:center;gap:.8rem;margin-top:1.5rem}.media-notice{position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:3;width:min(90%,600px);padding:10px 14px;border-radius:10px;background:rgba(15,23,42,.85);color:#e2e8f0;text-align:center}.call-screen{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#03050a}.video-stage,.video-stage>video:first-child{width:100%;height:100vh}.video-stage>video:first-child{object-fit:contain;background:#050812}.local-video{position:absolute;right:1.25rem;top:1.25rem;width:min(24vw,260px);aspect-ratio:16/10;object-fit:cover;border:2px solid #ffffff33;border-radius:18px;background:#11182a;box-shadow:0 14px 36px #0009;transform:scaleX(-1)}.call-status{position:absolute;z-index:3;top:1.4rem;left:1.4rem;display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:999px;background:#0a0e18bb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-dot{width:9px;height:9px;border-radius:50%;background:#ffb54a}.status-dot.connected{background:#42dc94}.status-dot.failed{background:#ff5675}.call-error{position:absolute;z-index:4;top:4.8rem;left:1.4rem;max-width:520px;padding:.75rem;border:1px solid #e0446166;background:#3a1320e8}.controls{position:absolute;z-index:3;bottom:1.4rem;left:50%;transform:translate(-50%);display:flex;gap:.65rem;padding:.7rem;border:1px solid #ffffff1e;border-radius:18px;background:#0a0e18cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 680px){.controls{width:calc(100% - 1rem);overflow-x:auto;justify-content:flex-start}.controls button{white-space:nowrap}.local-video{width:38vw}.hero{padding-top:3rem}}