.call-overlay{position:fixed;inset:0;z-index:1000;background:#050505;color:#f4f1ec;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:max(16px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));animation:call-in .22s ease-out}.call-overlay[hidden]{display:none}.call-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.call-title{min-width:0}.call-title strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-title span{display:block;color:#8f8b85;font-size:13px;margin-top:3px}.call-live{display:inline-flex;align-items:center;gap:7px;border:1px solid #2c2a28;background:#151514;border-radius:999px;padding:7px 10px;font-size:11px;color:#d8d3cc}.call-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#d97564;box-shadow:0 0 0 4px rgba(217,117,100,.12)}.call-stage{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;align-content:center;overflow:auto;padding:14px 0}.participant-tile{position:relative;min-height:220px;max-height:520px;aspect-ratio:16/10;border:1px solid #242321;border-radius:var(--r-3);overflow:hidden;background:radial-gradient(circle at 50% 35%,#282623,#111110 72%);display:grid;place-items:center}.participant-tile.speaking{border-color:#d3c1a9;box-shadow:0 0 0 2px rgba(211,193,169,.18)}.participant-tile video{width:100%;height:100%;object-fit:cover;background:#111}.participant-tile audio{display:none}.participant-fallback{display:grid;place-items:center;width:82px;height:82px;border-radius:var(--r-4);background:#2b2926;color:#f4f1ec;font-weight:700;font-size:21px}.participant-label{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(5,5,5,.62);backdrop-filter:blur(14px);font-size:13px}.participant-label .muted-icon{opacity:.5}.call-empty{grid-column:1/-1;text-align:center;color:#8f8b85}.call-controls-wrap{display:flex;justify-content:center;padding-top:8px}.call-controls{width:min(680px,100%);display:flex;justify-content:center;gap:9px;padding:10px;border:1px solid #242321;border-radius:var(--r-4);background:rgba(22,22,21,.94);backdrop-filter:blur(22px)}.call-control{appearance:none;border:1px solid #302e2b;background:#22211f;color:#f4f1ec;width:52px;height:52px;border-radius:var(--r-3);display:grid;place-items:center;font:inherit;font-size:17px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.call-control:active{transform:scale(.93)}.call-control.off{background:#eee8df;color:#111;border-color:#eee8df}.call-control.danger{background:#b94e45;border-color:#b94e45}.call-control.recording{background:#3b211e;border-color:#b94e45}.call-control[disabled]{opacity:.35;cursor:not-allowed}.call-status{position:fixed;left:50%;top:max(82px,calc(env(safe-area-inset-top) + 64px));transform:translateX(-50%);z-index:1001;background:#1d1c1a;border:1px solid #302e2b;border-radius:999px;padding:9px 13px;font-size:13px;color:#ddd7cf;max-width:calc(100vw - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-status.error{border-color:#7d3933;color:#f0b4aa}.call-recording-consent{position:absolute;inset:auto 12px 76px;padding:12px 14px;border:1px solid #49342f;background:#211714;border-radius:var(--r-3);color:#e7c1b8;font-size:13px}.call-recording-consent button{margin-left:8px;border:0;border-radius:var(--r-1);padding:7px 10px;background:#e7c1b8;color:#211714;font-weight:700}.incoming-call{position:fixed;z-index:1002;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 14px 14px 17px;border:1px solid #34312d;border-radius:var(--r-3);background:rgba(24,23,21,.96);backdrop-filter:blur(24px);box-shadow:0 18px 70px rgba(0,0,0,.42);color:#f2eee8;animation:incoming-in .18s ease-out}.incoming-call strong{display:block;font-size:13px}.incoming-call span{display:block;color:#a49f98;font-size:13px;margin-top:4px}.incoming-actions{display:flex;gap:7px}.incoming-actions button{border:0;border-radius:var(--r-1);padding:10px 12px;font:inherit;font-size:13px;font-weight:700;background:#eee8df;color:#111}.incoming-actions button.dismiss{background:#302e2b;color:#ddd7cf}@keyframes call-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes incoming-in{from{opacity:0;transform:translateX(-50%) scale(.985)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media(max-width:700px){.call-overlay{padding-left:8px;padding-right:8px}.call-stage{display:flex;flex-direction:column;justify-content:center}.participant-tile{width:100%;min-height:0;max-height:none;aspect-ratio:3/4;border-radius:var(--r-4)}.participant-tile:not(:first-child){position:absolute;width:108px;height:148px;min-height:0;aspect-ratio:auto;right:16px;top:max(86px,calc(env(safe-area-inset-top) + 70px));z-index:2;border-radius:var(--r-3)}.call-controls{border-radius:var(--r-4);gap:7px;padding:8px}.call-control{width:48px;height:48px;border-radius:var(--r-2)}.call-topbar{padding:0 6px}.call-recording-consent{bottom:82px}.incoming-call{top:max(10px,env(safe-area-inset-top));grid-template-columns:1fr}.incoming-actions{width:100%}.incoming-actions button{flex:1}}