:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ms-bg:#f4f6f9;--ms-bg-accent:#eef3f9;--ms-surface:#fff;--ms-surface-2:#f8fafc;--ms-surface-3:#f1f4f8;--ms-ink:#152033;--ms-ink-soft:#2a3749;--ms-muted:#5b6b7c;--ms-subtle:#8a97a8;--ms-line:#e2e8f0;--ms-line-strong:#c9d4e0;--ms-action:#1f5fa8;--ms-action-hover:#184c87;--ms-action-pressed:#143d6c;--ms-action-soft:#e8f0f9;--ms-action-glow:#1f5fa838;--ms-teal:#0f766e;--ms-teal-soft:#e6f5f3;--ms-ok:#1f7a4c;--ms-ok-soft:#e7f5ee;--ms-warn:#9a6700;--ms-warn-soft:#fff6e5;--ms-danger:#b42318;--ms-danger-hover:#912018;--ms-danger-soft:#fdecea;--ms-radius:12px;--ms-radius-sm:8px;--ms-radius-xs:6px;--ms-radius-pill:999px;--ms-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ms-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ms-shadow-xs:0 1px 2px #1520330a;--ms-shadow-sm:0 2px 8px #1520330f;--ms-shadow-md:0 8px 24px #15203314;--ms-shadow-lg:0 16px 40px #1520331f;--ms-shadow-overlay:0 12px 40px #15203329;--ms-focus:0 0 0 3px var(--ms-action-glow);--ms-topbar-h:60px;--ms-ease:cubic-bezier(.2, 0, .2, 1);--ms-dur:.16s;--ms-content:1120px;--ms-stage-dark:#0b1220;--ms-stage-mid:#151f30}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--ms-font);color:var(--ms-ink);background:var(--ms-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}body{background:radial-gradient(1200px 480px at 12% -10%, #1f5fa814, transparent 55%), radial-gradient(900px 420px at 92% 0%, #0f766e0f, transparent 50%), var(--ms-bg);min-height:100vh}::selection{background:var(--ms-action-soft);color:var(--ms-ink)}a{color:var(--ms-action);transition:color var(--ms-dur) var(--ms-ease);text-decoration:none}a:hover{color:var(--ms-action-hover);text-decoration:underline}:focus-visible{box-shadow:var(--ms-focus);outline:none}.skip-link{background:var(--ms-action);color:#fff;z-index:100;border-radius:var(--ms-radius-sm);padding:.55rem .85rem;font-size:.875rem;font-weight:600;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.85rem;left:.85rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;height:var(--ms-topbar-h);-webkit-backdrop-filter:saturate(1.2)blur(12px);backdrop-filter:saturate(1.2)blur(12px);box-shadow:var(--ms-shadow-xs);background:#ffffffdb;border-bottom:1px solid #e2e8f0f2;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.topbar-inner{align-items:center;gap:1rem;width:100%;min-width:0;max-width:1280px;margin:0 auto;display:flex}.brand{color:inherit;flex-shrink:0;align-items:center;gap:.7rem;min-width:0;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{border-radius:var(--ms-radius-lg);background:var(--ms-action);color:#fff;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{fill:currentColor;width:18px;height:18px;display:block}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-title{letter-spacing:-.025em;color:var(--ms-ink);font-size:.95rem;font-weight:700;line-height:1.15}.brand-sub{color:var(--ms-subtle);letter-spacing:.06em;text-transform:uppercase;margin-top:.1rem;font-size:.68rem;font-weight:650}.topnav{background:var(--ms-surface-3);border-radius:var(--ms-radius-pill);border:1px solid var(--ms-line);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex:auto;align-items:center;gap:.2rem;width:auto;min-width:0;max-width:100%;margin-left:.5rem;padding:.2rem;display:flex;overflow-x:auto}.topnav a,.topnav .nav-btn{border-radius:var(--ms-radius-pill);min-height:34px;color:var(--ms-muted);cursor:pointer;font-size:.84rem;font-weight:650;font:inherit;white-space:nowrap;transition:background var(--ms-dur) var(--ms-ease), color var(--ms-dur) var(--ms-ease), box-shadow var(--ms-dur) var(--ms-ease);background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .85rem;text-decoration:none;display:inline-flex}.topnav a:hover,.topnav .nav-btn:hover{color:var(--ms-ink);background:#ffffffbf;text-decoration:none}.topnav a.is-active{color:var(--ms-action);box-shadow:var(--ms-shadow-xs);background:#fff}.topnav-spacer{flex:auto;min-width:0}.topbar--guest .topnav-spacer{display:block}.topbar-end{flex-shrink:0;align-items:center;gap:.65rem;margin-left:auto;display:flex}.suite-back-link,.original-app-link{border:1px solid var(--ms-line-strong);border-radius:var(--ms-radius-sm);background:var(--ms-surface);min-height:36px;color:var(--ms-ink);white-space:nowrap;box-shadow:var(--ms-shadow-xs);transition:background var(--ms-dur) var(--ms-ease), border-color var(--ms-dur) var(--ms-ease), color var(--ms-dur) var(--ms-ease);align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.original-app-link{color:var(--ms-action);border-color:color-mix(in srgb, var(--ms-action) 35%, var(--ms-line-strong));background:var(--ms-action-soft)}.suite-back-link:before{content:"";border-bottom:2px solid;border-left:2px solid;flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.suite-back-link:hover{border-color:var(--ms-action);color:var(--ms-action-hover);background:var(--ms-action-soft);text-decoration:none}@media (max-width:720px){.suite-back-link{gap:0;padding:.3rem .55rem;font-size:0}.suite-back-link:before{margin:0 .1rem;font-size:0}}.user-chip{border-radius:var(--ms-radius-pill);background:var(--ms-surface);border:1px solid var(--ms-line);max-width:240px;min-height:36px;box-shadow:var(--ms-shadow-xs);align-items:center;gap:.5rem;padding:.2rem .65rem .2rem .25rem;display:inline-flex}.user-avatar{color:#fff;background:linear-gradient(135deg, var(--ms-teal), #0d9488);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.7rem;font-weight:750;display:grid}.user-avatar.guest{background:linear-gradient(135deg,#94a3b8,#64748b)}.user-chip-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.user-chip-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ms-subtle);font-size:.65rem;font-weight:700}.user-chip-name{color:var(--ms-ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.78rem;font-weight:600;overflow:hidden}#main{flex-direction:column;flex:1;display:flex}.page{width:100%;max-width:var(--ms-content);flex:1;margin:0 auto;padding:1.75rem 1.25rem 3.5rem}.page.wide{max-width:1280px}.page-call{max-width:960px}.page-call-focus{max-width:1200px;padding-top:.75rem}.meeting-layout{align-items:stretch;gap:.75rem;display:grid}@media (min-width:960px){.meeting-layout.has-chat{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}}.page-header.is-call-focus{margin-bottom:.5rem}.page-header.is-call-focus .page-lead{margin-bottom:.35rem}.call-anchor{width:100%;min-width:0}.chat-layout.call-only{grid-template-columns:1fr}.chat-layout.call-only .call-anchor,.chat-layout.call-only .call-shell{width:100%}.page-header{margin-bottom:1.5rem}.page-header--compact{margin-bottom:.85rem}.room-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;margin-bottom:.85rem;display:flex}.room-top.is-call-focus{margin-bottom:.5rem}.room-top-id{min-width:0}.room-back{margin-bottom:.35rem;font-size:.84rem;font-weight:650;display:inline-block}.room-top .page-title{margin:0}.room-toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.room-toolbar button{min-height:36px}.room-hint{margin:-.35rem 0 .65rem}.room-drawer{margin-bottom:.85rem}.room-settings-extra{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.85rem 0;display:flex}.share-fold{border:1px solid var(--ms-line);background:var(--ms-surface-2);border-radius:8px;margin-top:.85rem;padding:.35rem .75rem .65rem}.share-fold>summary{cursor:pointer;align-items:center;gap:.45rem;min-height:2.2rem;font-weight:650;list-style:none;display:flex}.share-fold>summary::-webkit-details-marker{display:none}.share-fold[open]>summary{border-bottom:1px solid var(--ms-line);margin-bottom:.45rem}.share-fold .share-guest-block{background:0 0;border:0;margin-top:0;padding:0}.call-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;display:flex}.page-header--compact .page-title{margin-bottom:0;font-size:clamp(1.25rem,2vw,1.45rem)}.page-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ms-action);margin:0 0 .4rem;font-size:.72rem;font-weight:750}.page-title{letter-spacing:-.035em;color:var(--ms-ink);margin:0 0 .5rem;font-size:clamp(1.55rem,2.5vw,1.9rem);font-weight:750;line-height:1.15}.page-lead{color:var(--ms-muted);max-width:38rem;margin:0;font-size:1rem;line-height:1.55}.hero{border-radius:calc(var(--ms-radius) + 4px);color:#fff;box-shadow:var(--ms-shadow-md);background:linear-gradient(135deg,#163a66 0%,#1f5fa8 48%,#1a7a8c 100%);margin-bottom:1.25rem;padding:1.75rem 1.5rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(500px 220px at 85% 20%,#ffffff24,#0000 60%),radial-gradient(400px 180px at 10% 90%,#0f766e59,#0000 55%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero .page-kicker{color:#ffffffbf}.hero .page-title{color:#fff;max-width:18ch}.hero .page-lead{color:#ffffffe0;max-width:36rem}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.hero .btn{box-shadow:0 4px 14px #0000002e}.hero .btn.primary-on-dark{color:var(--ms-action);background:#fff;border-color:#0000}.hero .btn.primary-on-dark:hover{color:var(--ms-action-hover);background:#f0f6fc}.hero .btn.ghost-on-dark{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-color:#ffffff47}.hero .btn.ghost-on-dark:hover{color:#fff;background:#fff3}.feature-pills{flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;display:flex}.hero .badge{color:#fff;background:#ffffff24;border-color:#ffffff38}.hero .badge:before{background:#7dd3c0}.card{background:var(--ms-surface);border:1px solid var(--ms-line);border-radius:var(--ms-radius);box-shadow:var(--ms-shadow-xs);transition:box-shadow var(--ms-dur) var(--ms-ease), border-color var(--ms-dur) var(--ms-ease);padding:1.25rem 1.3rem}.card:hover{box-shadow:var(--ms-shadow-sm)}.card+.card{margin-top:.9rem}.card-title{letter-spacing:-.015em;color:var(--ms-ink);align-items:center;gap:.5rem;margin:0 0 .85rem;font-size:.95rem;font-weight:700;display:flex}.card-title .icon-dot{background:var(--ms-action);border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-muted{background:var(--ms-surface-2)}.action-card{height:100%;color:inherit;cursor:pointer;flex-direction:column;gap:.65rem;text-decoration:none;display:flex}.action-card:hover{box-shadow:var(--ms-shadow-sm);border-color:#b8cce4;text-decoration:none}.action-card-icon{background:var(--ms-action-soft);width:42px;height:42px;color:var(--ms-action);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.action-card-icon.teal{background:var(--ms-teal-soft);color:var(--ms-teal)}.action-card-icon.warn{background:var(--ms-warn-soft);color:var(--ms-warn)}.action-card h3{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.action-card p{color:var(--ms-muted);flex:1;margin:0;font-size:.88rem;line-height:1.5}.action-card-cta{color:var(--ms-action);margin-top:.25rem;font-size:.82rem;font-weight:700}.grid-2,.grid-3{gap:.9rem;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1.15fr .85fr;align-items:start}.grid-3{grid-template-columns:repeat(3,1fr)}}.stack{flex-direction:column;gap:.9rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.row.between{justify-content:space-between}.row.gap-lg{gap:.85rem}.field{flex-direction:column;gap:.35rem;margin-bottom:.95rem;display:flex}.field:last-of-type{margin-bottom:0}.field label{color:var(--ms-ink-soft);font-size:.8rem;font-weight:700}.field .hint{color:var(--ms-subtle);font-size:.78rem;line-height:1.4}.field input,.field textarea,.input{border:1px solid var(--ms-line-strong);border-radius:var(--ms-radius-sm);font:inherit;color:var(--ms-ink);width:100%;max-width:28rem;min-height:42px;transition:border-color var(--ms-dur) var(--ms-ease), box-shadow var(--ms-dur) var(--ms-ease);background:#fff;padding:.6rem .8rem;font-size:.925rem}.field input::placeholder,.field textarea::placeholder,.input::placeholder{color:var(--ms-subtle)}.field input:hover,.field textarea:hover,.input:hover{border-color:#a8b8c9}.field input:focus-visible,.field textarea:focus-visible,.input:focus-visible{border-color:var(--ms-action);box-shadow:var(--ms-focus)}.field textarea{resize:vertical;max-width:none;min-height:88px}button,.btn{appearance:none;border-radius:var(--ms-radius-sm);min-height:42px;font:inherit;cursor:pointer;background:var(--ms-action);color:#fff;transition:background var(--ms-dur) var(--ms-ease), border-color var(--ms-dur) var(--ms-ease), color var(--ms-dur) var(--ms-ease), box-shadow var(--ms-dur) var(--ms-ease), transform .1s var(--ms-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--ms-action-hover);color:#fff;text-decoration:none}button:active:not(:disabled),.btn:active{transform:translateY(1px)}button.secondary,.btn.secondary{color:var(--ms-ink);border-color:var(--ms-line-strong);box-shadow:var(--ms-shadow-xs);background:#fff}button.secondary:hover:not(:disabled),.btn.secondary:hover{background:var(--ms-surface-2);color:var(--ms-ink);border-color:#b0bcc9}button.ghost,.btn.ghost{color:var(--ms-muted);box-shadow:none;background:0 0;border-color:#0000}button.ghost:hover:not(:disabled),.btn.ghost:hover{background:var(--ms-surface-3);color:var(--ms-ink)}button.danger,.btn.danger{background:var(--ms-danger);color:#fff}button.danger:hover:not(:disabled),.btn.danger:hover{background:var(--ms-danger-hover)}button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.btn-icon{flex-shrink:0;width:1.05em;height:1.05em}.badge{border-radius:var(--ms-radius-pill);letter-spacing:.02em;background:var(--ms-surface-3);min-height:26px;color:var(--ms-muted);border:1px solid var(--ms-line);align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:750;display:inline-flex}.badge:before{content:"";opacity:.9;background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.badge.ok{background:var(--ms-ok-soft);color:var(--ms-ok);border-color:#c6e6d4}.badge.warn{background:var(--ms-warn-soft);color:var(--ms-warn);border-color:#f0dfb4}.badge.err{background:var(--ms-danger-soft);color:var(--ms-danger);border-color:#f3c4c0}.badge.info{background:var(--ms-action-soft);color:var(--ms-action);border-color:#c9daf0}.badge.live:before{background:var(--ms-ok);animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.mono{font-family:var(--ms-mono);font-size:.84em}.meta{color:var(--ms-muted);font-size:.84rem;line-height:1.5}.error{color:var(--ms-danger);white-space:pre-wrap;background:var(--ms-danger-soft);border-radius:var(--ms-radius-sm);border:1px solid #f3c4c0;margin:.5rem 0;padding:.65rem .8rem;font-size:.9rem}.success-note{color:var(--ms-ok);background:var(--ms-ok-soft);border-radius:var(--ms-radius-sm);border:1px solid #c6e6d4;margin:.5rem 0 0;padding:.55rem .75rem;font-size:.88rem}.room-list{margin:0;padding:0;list-style:none}.room-item{border-radius:var(--ms-radius-sm);color:inherit;transition:background var(--ms-dur) var(--ms-ease), border-color var(--ms-dur) var(--ms-ease);border:1px solid #0000;align-items:center;gap:.85rem;margin:0 -.35rem;padding:.8rem .7rem;text-decoration:none;display:flex}.room-item+.room-item{margin-top:.15rem}.room-item:hover{background:var(--ms-surface-2);border-color:var(--ms-line);text-decoration:none}.room-avatar{color:#fff;letter-spacing:-.02em;background:linear-gradient(145deg,#3b82b8,#1f5fa8);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:.78rem;font-weight:750;display:grid;box-shadow:0 2px 8px #1520331a}.room-avatar.tone-0{background:linear-gradient(145deg,#3b82b8,#1f5fa8)}.room-avatar.tone-1{background:linear-gradient(145deg,#2a9d8f,#0f766e)}.room-avatar.tone-2{background:linear-gradient(145deg,#7c6bc4,#5b4b9e)}.room-avatar.tone-3{background:linear-gradient(145deg,#d97757,#b4532a)}.room-avatar.tone-4{background:linear-gradient(145deg,#4f7cac,#355f87)}.room-item-body{flex:1;min-width:0}.room-item-title{letter-spacing:-.02em;color:var(--ms-ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.18rem;font-size:.95rem;font-weight:700;overflow:hidden}.room-item-sub{color:var(--ms-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;line-height:1.35;overflow:hidden}.room-item{padding:.9rem .75rem}.room-item:hover{background:var(--ms-action-soft);border-color:#c9daf0}.room-item-chevron{color:var(--ms-subtle);opacity:.6;flex-shrink:0}.room-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .5rem;margin-bottom:.25rem;display:grid}.room-row .room-item{min-width:0;margin:0}.room-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;padding-right:.15rem;display:flex}.room-action-btn{min-height:32px!important;padding:.25rem .6rem!important;font-size:.78rem!important}.room-action-danger{border-radius:var(--ms-radius-sm);cursor:pointer;font-weight:650;background:var(--ms-danger-soft)!important;color:var(--ms-danger)!important;border:1px solid #f0b4ae!important}.room-action-danger:hover:not(:disabled){background:#fadad7!important}.room-action-danger:disabled{opacity:.5;cursor:not-allowed}.room-help-list{gap:.4rem;margin:0;padding-left:1.1rem;display:grid}.room-help-list li{line-height:1.4}.room-settings-form{margin-bottom:1rem}.room-settings-danger{border-top:1px solid var(--ms-line);padding-top:.85rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.room-row{grid-template-columns:1fr}.room-row-actions{justify-content:flex-start;padding:0 .35rem .35rem}}.chat-layout{gap:.9rem;display:grid}@media (min-width:960px){.chat-layout.has-call{grid-template-columns:1fr 1.05fr;align-items:stretch}}.chat-panel{flex-direction:column;min-height:480px;padding:0;display:flex;overflow:hidden}.chat-panel-head{border-bottom:1px solid var(--ms-line);background:var(--ms-surface-2);justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.15rem;display:flex}.chat-panel-head .card-title{margin:0}.chat-panel-head-meta{align-items:center;gap:.45rem;display:flex}.chat-panel--compact{min-height:360px}.chat-panel--overlay{min-height:320px}.chat-panel-close{min-height:32px;padding:.2rem .6rem}.chat-log{background:linear-gradient(180deg, var(--ms-surface-2) 0%, #fff 40%);scroll-behavior:smooth;flex:1;max-height:460px;padding:1rem 1.1rem;overflow-y:auto}.msg{flex-direction:column;align-items:flex-start;max-width:min(92%,36rem);margin-bottom:.75rem;display:flex}.msg:last-child{margin-bottom:0}.msg.is-me{align-self:flex-end;align-items:flex-end;margin-left:auto}.msg-head{flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;margin-bottom:.25rem;padding:0 .2rem;display:flex}.msg-sender{color:var(--ms-muted);font-size:.72rem;font-weight:750}.msg-time{color:var(--ms-subtle);font-variant-numeric:tabular-nums;font-size:.68rem}.msg-body{white-space:pre-wrap;word-break:break-word;border:1px solid var(--ms-line);box-shadow:var(--ms-shadow-xs);color:var(--ms-ink);background:#fff;border-radius:4px 14px 14px;padding:.65rem .85rem;font-size:.925rem;line-height:1.45}.msg.is-me .msg-body{background:var(--ms-action);color:#fff;border-color:#0000;border-radius:14px 4px 14px 14px;box-shadow:0 4px 12px #1f5fa82e}.msg.is-me .msg-sender{color:var(--ms-action)}.msg-body--media{gap:.4rem;display:grid}.msg-image{object-fit:contain;background:#0b1220;border-radius:6px;max-width:min(100%,280px);max-height:220px;display:block}.msg-file{gap:.2rem;min-width:10rem;display:grid}.msg-file-name{word-break:break-word;font-weight:650}.msg-file-link{font-weight:650;text-decoration:underline}.msg.is-me .msg-body a,.msg.is-me .msg-file-link{color:#fff;text-decoration-color:#ffffffb3}.msg-attach-meta{opacity:.8;margin-top:.15rem;font-size:.72rem;display:block}.composer{border-top:1px solid var(--ms-line);background:#fff;flex-wrap:wrap;gap:.5rem;padding:.85rem 1.1rem 1.05rem;display:flex;position:relative}.composer .input{border-radius:var(--ms-radius-pill);background:var(--ms-surface-2);flex:1;min-width:12rem;max-width:none;padding-left:1rem;padding-right:1rem}.composer-file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.composer-attach{min-height:40px}.call-shell{background:var(--ms-stage-dark);color:#e2e8f0;border-color:#1e293b;flex-direction:column;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.call-shell.compact{min-height:420px}.call-shell.is-immersive{min-height:min(78vh,820px)}.call-shell.is-fullscreen{border:0;border-radius:0;height:100%;min-height:100%}.call-shell.is-pseudo-fs{top:var(--vv-top,0px)!important;width:100%!important;max-width:none!important;height:var(--vvh,100dvh)!important;min-height:var(--vvh,100dvh)!important;max-height:var(--vvh,100dvh)!important;z-index:10050!important;box-shadow:none!important;background:#0b1220!important;border:0!important;border-radius:0!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;bottom:auto!important;left:0!important;right:0!important}.card.call-shell{background:var(--ms-stage-dark);color:#e2e8f0;border-color:#1e293b;padding:0}.card.call-shell:hover{box-shadow:none}html.call-pseudo-fs,body.call-pseudo-fs{overscroll-behavior:none;touch-action:none;height:100%;overflow:hidden!important}body.call-pseudo-fs{width:100%;position:fixed;inset:0}body.call-pseudo-fs .topbar,body.call-pseudo-fs .app-shell>header.topbar,body.call-pseudo-fs .page-header,body.call-pseudo-fs .page-header.is-call-focus,body.call-pseudo-fs .page.wide>.row,body.call-pseudo-fs .room-top,body.call-pseudo-fs .room-drawer{display:none!important}body.call-pseudo-fs .page,body.call-pseudo-fs .page.wide,body.call-pseudo-fs .page-call-focus{max-width:none!important;margin:0!important;padding:0!important}body.call-pseudo-fs .chat-layout,body.call-pseudo-fs .call-anchor{min-height:0!important;margin:0!important;padding:0!important}body.call-pseudo-fs .chat-panel--overlay{z-index:10060;width:min(22rem,100vw - 1.5rem);min-height:0;max-height:none;position:fixed;top:3.5rem;bottom:.75rem;right:.75rem}.call-shell.is-fullscreen,.call-shell.is-pseudo-fs{flex-direction:column!important;display:flex!important}.call-shell.is-fullscreen .call-toolbar,.call-shell.is-pseudo-fs .call-toolbar,.call-shell.is-fullscreen .call-alert,.call-shell.is-pseudo-fs .call-alert,.call-shell.is-fullscreen .incoming-call,.call-shell.is-pseudo-fs .incoming-call,.call-shell.is-fullscreen .participant-strip,.call-shell.is-pseudo-fs .participant-strip,.call-shell.is-fullscreen .call-footer,.call-shell.is-pseudo-fs .call-footer{flex:none}.call-shell.is-fullscreen .stage,.call-shell.is-pseudo-fs .stage{background:#000;flex:auto!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.call-shell.is-fullscreen .tile-primary,.call-shell.is-pseudo-fs .tile-primary{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:#000!important;border:0!important;border-radius:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}.call-shell.is-fullscreen .tile-primary video,.call-shell.is-pseudo-fs .tile-primary video{object-fit:cover!important;background:#000!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;position:absolute!important;inset:0!important}.call-shell.is-fullscreen .tile-primary .tile-placeholder,.call-shell.is-pseudo-fs .tile-primary .tile-placeholder{z-index:1;position:absolute!important;inset:0!important}.call-shell.is-fullscreen .tile-self,.call-shell.is-pseudo-fs .tile-self{right:max(.75rem, env(safe-area-inset-right,0px))!important;bottom:max(.75rem, env(safe-area-inset-bottom,0px))!important;aspect-ratio:3/4!important;z-index:5!important;border:1px solid #ffffff38!important;border-radius:12px!important;width:min(30vw,140px)!important;min-width:96px!important;height:auto!important;min-height:72px!important;position:absolute!important;overflow:hidden!important}.call-shell.is-fullscreen .tile-self video,.call-shell.is-pseudo-fs .tile-self video{object-fit:cover!important;width:100%!important;height:100%!important;min-height:0!important;position:absolute!important;inset:0!important}.call-shell.is-fullscreen .tile-self .tile-placeholder,.call-shell.is-pseudo-fs .tile-self .tile-placeholder{position:absolute!important;inset:0!important}.call-shell.is-fullscreen.compact .tile-primary,.call-shell.is-pseudo-fs.compact .tile-primary,.call-shell.is-fullscreen.compact .tile-primary video,.call-shell.is-pseudo-fs.compact .tile-primary video{height:100%!important;min-height:0!important}.call-shell.is-pseudo-fs .call-footer{padding-bottom:max(.5rem, env(safe-area-inset-bottom,0px));background:#0b1220;border-top:1px solid #ffffff0f}.call-shell.is-pseudo-fs .call-toolbar{padding-top:max(.55rem, env(safe-area-inset-top,0px))}.call-shell.is-pseudo-fs .participant-strip,.call-shell.is-fullscreen .participant-strip,.call-shell.is-pseudo-fs .call-room-label,.call-shell.is-fullscreen .call-room-label{display:none}.call-fs-btn{color:#e2e8f0;min-height:30px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:650;display:inline-flex}.call-fs-btn svg{width:14px;height:14px}.call-fs-btn:hover,.call-fs-btn:focus-visible{background:#ffffff1f;outline:none}.call-sticky-controls{z-index:12;pointer-events:auto;align-items:center;gap:.45rem;display:flex;position:absolute;top:.7rem;right:.7rem}.call-fs-exit-sticky{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#0b1220c7;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:650;display:inline-flex}.call-fs-exit-sticky svg{width:14px;height:14px}.call-fs-exit-sticky:hover,.call-fs-exit-sticky:focus-visible{outline-offset:2px;background:#0b1220f0;outline:2px solid #fff}.call-sticky-hangup{min-width:44px}.call-toolbar{background:#0f1724;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem 1rem;padding:.7rem 1rem;transition:opacity .28s,transform .28s;display:flex}.call-shell.is-chrome-hidden .call-toolbar{opacity:0;pointer-events:none;transform:translateY(-12px)}.call-shell.is-chrome-hidden .call-footer{opacity:0;pointer-events:none;transform:translateY(16px)}.call-shell.is-chrome-visible .call-toolbar,.call-shell.is-chrome-visible .call-footer{opacity:1;pointer-events:auto;transform:translateY(0)}.call-shell .call-footer{transition:opacity .28s,transform .28s}.call-shell.is-chrome-hidden .stage{cursor:pointer}.call-toolbar-main,.call-toolbar-meta{flex-wrap:wrap;align-items:center;gap:.55rem .75rem;min-width:0;display:flex}.call-status{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;min-height:28px;padding:.2rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.call-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.call-status--ok{color:#a7f3d0;background:#10b9811f;border-color:#34d39947}.call-status--warn{color:#fde68a;background:#f59e0b1f;border-color:#fbbf2447}.call-status--err{color:#fecaca;background:#ef44441f;border-color:#f871714d}.call-room-label{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:16rem;font-size:.8rem;font-weight:600;overflow:hidden}.call-people,.call-you-label{color:#94a3b8;font-size:.78rem;font-weight:600}.call-you-label{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.call-alert{border-radius:var(--ms-radius);background:#fbbf241a;border:1px solid #fbbf2447;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem 1rem;margin:.65rem .85rem 0;padding:.7rem .85rem;display:flex}.call-alert-text{flex:12rem;min-width:0}.call-alert-text p{color:#fde68a;margin:0 0 .35rem;font-size:.82rem;font-weight:550;line-height:1.4}.call-alert-text p:last-child{margin-bottom:0}.call-alert-error{color:#fecaca!important;font-weight:650!important}.call-alert-actions{flex-wrap:wrap;gap:.4rem;display:flex}.call-alert-btn{color:#f8fafc!important;background:#ffffff14!important;border-color:#ffffff29!important;min-height:34px!important;padding:.3rem .75rem!important;font-size:.8rem!important}.call-shell.is-listen:not(.is-ringing) .stage,.call-shell.is-listen:not(.is-ringing) .call-footer .controls{display:none}.call-shell.is-listen{min-height:0}.call-shell.is-listen .call-toolbar{border-bottom:0}.stage{flex:1;min-height:280px;padding:.75rem;display:block;position:relative}.tile{background:var(--ms-stage-mid);border-radius:var(--ms-radius);border:1px solid #ffffff0f;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.tile-primary{height:min(52vh,420px);min-height:280px}.call-shell.compact .tile-primary{height:min(40vh,320px);min-height:220px}.tile-self,.tile.is-pip{aspect-ratio:4/3;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0b1220;border:1px solid #ffffff2e;width:min(34%,220px);min-width:140px;height:auto;min-height:105px;position:absolute;bottom:1.15rem;right:1.15rem;box-shadow:0 8px 24px #00000073}.tile-self:hover,.tile.is-pip:hover,.tile-self:focus-visible,.tile.is-pip:focus-visible{border-color:#60a5faa6;outline:none;box-shadow:0 8px 28px #00000080,0 0 0 2px #3b82f659}.tile-primary{cursor:default}.tile-primary[role=button]{cursor:pointer}.tile-self video,.tile.is-pip video{background:#0b1220;min-height:105px!important}.tile video[muted],video[muted]{transform:scaleX(-1)}.tile-self .tile-placeholder-avatar{width:40px;height:40px;margin-bottom:.25rem;font-size:.85rem}.tile-self .tile-placeholder-title{font-size:.72rem}.tile-self .caption{padding:.2rem .45rem;font-size:.68rem;bottom:.4rem;left:.4rem}.tile video{object-fit:cover;background:var(--ms-stage-mid);width:100%;height:100%;min-height:0;display:block}.tile-primary video{min-height:280px}.call-shell.compact .tile-primary video{min-height:220px}html.call-is-landscape,body.call-is-landscape{background:#0b1220!important}body.call-is-landscape .topbar,body.call-is-landscape .topbar--call{display:none!important}body.call-is-landscape .page,body.call-is-landscape .page-call,body.call-is-landscape .page-call-focus,body.call-is-landscape .page.wide{max-width:none!important;margin:0!important;padding:0!important}body.call-is-landscape .page-header,body.call-is-landscape .page-header--compact,body.call-is-landscape .page-header.is-call-focus,body.call-is-landscape .room-top,body.call-is-landscape .room-drawer{display:none!important}body.call-is-landscape #main{min-height:var(--vvh,100dvh);flex:1}body.call-is-landscape .app-shell{min-height:var(--vvh,100dvh)}.call-shell.is-landscape{border-left:0!important;border-right:0!important;border-radius:0!important;width:100%!important;max-width:none!important;min-height:0!important}.call-shell.is-landscape .stage{min-height:0!important;padding:.25rem!important}.call-shell.is-landscape .tile-primary{height:calc(var(--vvh,100dvh) - 96px)!important;border-radius:8px!important;width:100%!important;min-height:120px!important;max-height:none!important}.call-shell.is-landscape .tile-primary video{object-fit:cover!important;min-height:0!important}.call-shell.is-landscape .tile-self,.call-shell.is-landscape .tile.is-pip{aspect-ratio:16/10!important;width:min(20vw,160px)!important;min-width:88px!important;min-height:0!important;max-height:42%!important;bottom:.5rem!important;right:.5rem!important}.call-shell.is-landscape .tile-self video,.call-shell.is-landscape .tile.is-pip video{min-height:0!important}.call-shell.is-landscape .call-toolbar{padding:.3rem .55rem!important}.call-shell.is-landscape .call-toolbar-meta .call-you-label,.call-shell.is-landscape .call-room-label{display:none!important}.call-shell.is-landscape .call-footer{padding:.3rem .4rem .35rem!important}.call-shell.is-landscape .ctrl-caption{display:none!important}.call-shell.is-landscape .ctrl-btn{min-width:44px;min-height:44px}.call-shell.is-landscape .participant-strip,.call-shell.is-landscape .call-footer-links,.call-shell.is-landscape .call-fs-btn span{display:none!important}.tile .caption{color:#fff;border-radius:var(--ms-radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220b8;border:1px solid #ffffff14;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.75rem;font-weight:650;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem}.tile .caption .live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #34d39940}.tile-placeholder{color:#64748b;pointer-events:none;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:absolute;inset:0}.tile-placeholder-avatar{color:#94a3b8;background:linear-gradient(145deg,#334155,#1e293b);border:1px solid #ffffff0f;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;font-weight:750;display:grid}.tile-placeholder-avatar.phone{color:#ecfdf5;background:linear-gradient(145deg,#0f766e,#115e59);font-size:1.5rem;box-shadow:0 0 0 4px #0f766e40}.tile-phone{background:radial-gradient(circle at 50% 40%, #1a3a36 0%, var(--ms-stage-mid) 70%)}.tile-placeholder-title{color:#cbd5e1;font-size:.9rem;font-weight:650}.tile-phone-sub{color:#94a3b8;margin-top:.35rem;font-size:.75rem;font-weight:500}.participant-strip{flex-wrap:wrap;gap:.4rem;padding:0 .85rem .55rem;display:flex}.participant-chip{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:28px;padding:.2rem .65rem;font-size:.75rem;font-weight:650;display:inline-flex}.participant-chip.is-you{color:#dbeafe;background:#3b82f62e;border-color:#60a5fa59}.participant-chip.is-phone{color:#ccfbf1;background:#0f766e59;border-color:#2dd4bf59}.participant-chip.is-ringing{color:#fef3c7;background:#9a670059;border-color:#fbbf2473;animation:1.1s ease-in-out infinite pulse-chip}@keyframes pulse-chip{0%,to{opacity:1}50%{opacity:.65}}.incoming-call{border-radius:var(--ms-radius);background:linear-gradient(135deg,#14532d 0%,#0f766e 55%,#115e59 100%);border:1px solid #2dd4bf59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin:.65rem .85rem 0;padding:1rem 1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059}.incoming-call-pulse{pointer-events:none;background:radial-gradient(circle at 30% 40%,#ffffff1f,#0000 45%);animation:1.4s ease-in-out infinite pulse-chip;position:absolute;inset:-40%}.incoming-call-body{z-index:1;align-items:center;gap:.75rem;min-width:0;display:flex;position:relative}.incoming-call-icon{background:#ffffff26;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid}.incoming-call-title{color:#ecfdf5;font-size:.95rem;font-weight:750}.incoming-call-from{color:#a7f3d0;margin-top:.1rem;font-size:.88rem;font-weight:650}.incoming-call-hint{color:#ecfdf5bf;margin-top:.2rem;font-size:.72rem}.incoming-call-actions{z-index:1;flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.incoming-call .accept-btn{color:#052e16;background:#22c55e;border:none;min-width:7rem;font-weight:750}.incoming-call .accept-btn:hover:not(:disabled){color:#fff;background:#16a34a}.incoming-call .decline-btn{color:#fecaca;background:#00000040;border:1px solid #f8717173;min-width:7rem;font-weight:750}.incoming-call .decline-btn:hover:not(:disabled){color:#fff;background:#b42318}.tile-ringing{animation:1.2s ease-in-out infinite pulse-chip}.call-footer{background:#0a101a;border-top:1px solid #ffffff0f;padding:.85rem 1rem 1rem}.controls{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.65rem .85rem;display:flex}.ctrl-btn{color:#f1f5f9;width:auto;min-width:64px;height:auto;min-height:58px;box-shadow:none;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.45rem .55rem .35rem;display:inline-flex}.ctrl-btn:hover:not(:disabled){color:#fff;background:#ffffff29}.ctrl-btn.is-off{color:#fecaca;background:#f871712e;border-color:#f8717159}.ctrl-btn.is-off:hover:not(:disabled){color:#fff;background:#f8717147}.ctrl-btn.is-active{color:#dbeafe;background:#3b82f638;border-color:#60a5fa66}.ctrl-btn.hangup{background:var(--ms-danger);color:#fff;border-color:#0000;min-width:72px}.ctrl-btn.hangup:hover:not(:disabled){background:var(--ms-danger-hover);color:#fff}.ctrl-btn svg{width:20px;height:20px;display:block}.ctrl-btn.hangup svg{width:22px;height:22px}.ctrl-caption{letter-spacing:.01em;opacity:.9;font-size:.65rem;font-weight:650;line-height:1.1}.ctrl-btn.hangup .ctrl-caption{opacity:1}.call-footer-links{justify-content:center;margin-top:.75rem;display:flex}.call-text-link{color:#94a3b8;font-size:.8rem;font-weight:600;text-decoration:none}.call-text-link:hover{color:#e2e8f0;text-decoration:underline}.dial-box{border-radius:var(--ms-radius);background:#ffffff0a;border:1px solid #ffffff14;margin-top:.9rem;padding:.85rem .9rem .75rem}.dial-box-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.dial-box-title{color:#f1f5f9;align-items:center;gap:.4rem;margin:0;font-size:.92rem;font-weight:700;display:inline-flex}.dial-box-title .btn-icon{width:1rem;height:1rem}.dial-box-sub{margin:0!important}.dial-toggle{flex-shrink:0;color:#cbd5e1!important;border-color:#ffffff24!important;min-height:32px!important;padding:.25rem .65rem!important;font-size:.78rem!important}.dial-box .meta{color:#94a3b8;margin-top:0;margin-bottom:.55rem}.dial-box .meta strong{color:#e2e8f0}.dial-box .input{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1f;max-width:12rem}.dial-box .input:focus-visible{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.dial-box .btn.secondary,.dial-box button.secondary{color:#e2e8f0;box-shadow:none;background:#ffffff14;border-color:#ffffff24}.dial-box .btn.secondary:hover:not(:disabled),.dial-box button.secondary:hover:not(:disabled){color:#fff;background:#ffffff24}.dialpad{gap:.75rem;max-width:280px;margin:.35rem auto 0;display:grid}.dialpad-display-row{align-items:center;gap:.4rem;display:flex}.dialpad-display{border-radius:var(--ms-radius-sm);color:#f8fafc;min-width:0;min-height:48px;font-family:var(--ms-mono);letter-spacing:.06em;text-align:center;background:#00000047;border:1px solid #ffffff24;flex:1;padding:.55rem .85rem;font-size:1.25rem;font-weight:650}.dialpad-display::placeholder{color:#64748b;letter-spacing:0;font-size:.95rem;font-weight:500}.dialpad-display:focus-visible{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa47}.dialpad-icon-btn{border-radius:var(--ms-radius-sm);color:#e2e8f0;cursor:pointer;width:44px;height:44px;transition:background var(--ms-dur) var(--ms-ease);background:#ffffff0f;border:1px solid #ffffff1f;flex-shrink:0;place-items:center;display:grid}.dialpad-icon-btn:hover:not(:disabled){background:#ffffff1f}.dialpad-icon-btn:disabled{opacity:.4;cursor:not-allowed}.dialpad-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.dialpad-key{color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:56px;transition:background var(--ms-dur) var(--ms-ease), transform 80ms ease, border-color var(--ms-dur) var(--ms-ease);background:linear-gradient(#ffffff1a 0%,#ffffff0a 100%);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;display:flex}.dialpad-key:hover:not(:disabled){background:linear-gradient(#ffffff29 0%,#ffffff14 100%);border-color:#60a5fa59}.dialpad-key:active:not(:disabled){transform:scale(.96)}.dialpad-key:disabled{opacity:.45;cursor:not-allowed}.dialpad-digit{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;line-height:1.1}.dialpad-letters{letter-spacing:.12em;color:#94a3b8;text-transform:uppercase;font-size:.58rem;font-weight:700}.dialpad-quick{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.dialpad-chip{border-radius:var(--ms-radius-pill);color:#e2e8f0;cursor:pointer;min-height:40px;font:inherit;transition:background var(--ms-dur) var(--ms-ease), border-color var(--ms-dur) var(--ms-ease);background:#1f5fa838;border:1px solid #60a5fa47;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.35rem .65rem;display:inline-flex}.dialpad-chip:hover:not(:disabled){background:#1f5fa861;border-color:#60a5fa80}.dialpad-chip:disabled{opacity:.45;cursor:not-allowed}.dialpad-chip .mono{color:#f8fafc;font-size:.85rem;font-weight:700}.dialpad-chip-hint{color:#94a3b8;font-size:.62rem;font-weight:600}.dialpad-actions{align-items:center;gap:.5rem;display:flex}.dialpad-call{flex:1;color:#fff!important;background:linear-gradient(#22c55e 0%,#16a34a 100%)!important;border-color:#15803d!important;min-height:48px!important;box-shadow:0 6px 18px #16a34a59!important}.dialpad-call:hover:not(:disabled){filter:brightness(1.05)}.dialpad-call:disabled{opacity:.5;filter:none}.dialpad-clear{color:#cbd5e1!important;border-color:#ffffff1f!important;min-height:48px!important}.call-notes{margin:0;padding:.5rem 1rem 0;list-style:none}.call-notes li{color:#fbbf24;border-radius:var(--ms-radius-sm);background:#fbbf241a;border:1px solid #fbbf2433;margin-bottom:.35rem;padding:.35rem .65rem;font-size:.8rem}.call-shell .error{margin:.65rem .75rem 0}.empty{color:var(--ms-muted);text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:2rem 1rem;font-size:.92rem;display:flex}.empty-icon{background:var(--ms-surface-3);width:52px;height:52px;color:var(--ms-subtle);border:1px solid var(--ms-line);border-radius:16px;place-items:center;display:grid}.skeleton{background:linear-gradient(90deg, var(--ms-surface-3) 25%, #e8edf3 50%, var(--ms-surface-3) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-block{flex-direction:column;gap:.55rem;padding:.5rem 0;display:flex}.status-strip{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.room-id-pill{border-radius:var(--ms-radius-pill);background:var(--ms-surface-3);border:1px solid var(--ms-line);max-width:100%;color:var(--ms-muted);word-break:break-all;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.75rem;display:inline-flex}.steps{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:flex-start;gap:.75rem;display:flex}.step-num{background:var(--ms-action-soft);width:26px;height:26px;color:var(--ms-action);border-radius:8px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:750;display:grid}.step-body strong{color:var(--ms-ink);margin-bottom:.1rem;font-size:.88rem;font-weight:700;display:block}.step-body span{color:var(--ms-muted);font-size:.82rem;line-height:1.45}.section-gap{margin-top:1.15rem}.member-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.member-list li{border-radius:var(--ms-radius-sm);background:var(--ms-surface-2);border:1px solid var(--ms-line);flex-wrap:wrap;align-items:center;gap:.45rem;padding:.4rem .55rem;font-size:.84rem;display:flex}.invite-row .room-item{border:1px solid var(--ms-line);background:var(--ms-warn-soft);margin-bottom:.35rem}.invite-row .room-item:hover{border-color:#f0dfb4}@media (max-width:820px){.brand-sub,.user-chip-text{display:none}.user-chip{border-radius:50%;padding:.2rem}.topnav{margin-left:0}}@media (max-width:560px){.topbar{height:auto;min-height:var(--ms-topbar-h);flex-wrap:wrap;max-width:100vw;padding:.55rem .85rem;overflow-x:clip}.topbar-inner{flex-wrap:wrap;width:100%;min-width:0;max-width:100%}.topnav{flex:100%;order:3;justify-content:space-between;width:100%;max-width:100%;margin-left:0}.topnav a,.topnav .nav-btn{flex:1 1 0;justify-content:center;min-width:0;padding:.3rem .45rem;font-size:.78rem}.topbar-end{flex-shrink:1;gap:.35rem;min-width:0}.original-app-link{display:none}.brand-title{font-size:.85rem}.hero{padding:1.35rem 1.1rem}.page{padding:1.15rem .9rem 2.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.phone-page{max-width:1100px}.phone-page .page-header{margin-bottom:1rem}.phone-desk{gap:.85rem;display:grid;position:relative}.phone-toast{z-index:80;border-radius:var(--ms-radius-sm);background:var(--ms-ink);color:#fff;max-width:min(360px,100vw - 2rem);box-shadow:var(--ms-shadow-lg);padding:.75rem 1rem;font-size:.875rem;font-weight:600;position:fixed;bottom:1.25rem;right:1.25rem}.phone-status-bar{border:1px solid var(--ms-line);border-radius:var(--ms-radius);background:var(--ms-surface);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:40px;padding:.45rem .75rem;display:flex}.phone-status-hint{color:var(--ms-ink);text-overflow:ellipsis;white-space:nowrap;max-width:28rem;font-size:.82rem;font-weight:600;overflow:hidden}.phone-status-spacer{flex:1;min-width:.5rem}.phone-text-link{color:var(--ms-action);font-size:.8rem;font-weight:650;text-decoration:none}.phone-text-link:hover{text-decoration:underline}.phone-setup-note{border-radius:var(--ms-radius-sm);background:var(--ms-warn-soft);color:var(--ms-warn);border:1px solid #f0d9a0;margin:0;padding:.65rem .85rem;font-size:.85rem;font-weight:600}.phone-desk-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.phone-desk-grid--dial-only{grid-template-columns:minmax(0,46rem);justify-content:start}@media (max-width:900px){.phone-desk-grid,.phone-desk-grid--dial-only{grid-template-columns:1fr}}.phone-contacts-off{border-radius:var(--ms-radius-sm);border:1px solid var(--ms-line);background:var(--ms-surface-2);color:var(--ms-muted);margin:0;padding:.7rem .9rem;font-size:.86rem;font-weight:550;line-height:1.45}.phone-contacts-source-note{padding:.35rem .15rem;font-size:.82rem;margin:0!important}.phone-card{padding:1rem 1.1rem 1.1rem}.phone-card h2{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:700}.phone-card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.phone-state{border-radius:var(--ms-radius-pill);border:1px solid var(--ms-line);background:var(--ms-surface-2);min-height:28px;color:var(--ms-muted);white-space:nowrap;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.phone-state[data-state=bereit]{color:var(--ms-ok);background:var(--ms-ok-soft);border-color:#b7e0c8}.phone-state[data-state=ruft\ an],.phone-state[data-state=startet]{color:var(--ms-action);background:var(--ms-action-soft);border-color:#b7d0ef}.phone-state[data-state=fehler],.phone-state[data-state=setup]{color:var(--ms-warn);background:var(--ms-warn-soft);border-color:#f0d9a0}.phone-card .field{gap:.3rem;margin-bottom:.7rem;display:grid}.phone-card .field>span{color:var(--ms-muted);font-size:.78rem;font-weight:650}.phone-card .input,.phone-card select.input{width:100%}.phone-number-input{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:650;font-size:1.15rem!important}.phone-selected-block{border-radius:var(--ms-radius-sm);background:var(--ms-action-soft);border:1px solid #c5daf3;margin:-.15rem 0 .85rem;padding:.65rem .75rem .75rem}.phone-selected-chip{background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .55rem;padding:0;font-size:.85rem;display:flex}.phone-contact-actions{flex-wrap:wrap;gap:.45rem}.phone-selected-chip .btn.ghost{min-height:28px;padding:0 .45rem;font-size:1.1rem;line-height:1}.phone-call-actions{gap:.55rem;margin:.15rem 0 0}.phone-action-stack{border-top:1px solid var(--ms-line);flex-direction:column;min-width:0;margin-top:.15rem;padding-top:.85rem;display:flex}.phone-section-label{color:var(--ms-muted);margin:0 0 .5rem;font-size:.78rem;font-weight:650}.phone-sms-block{min-width:0}.phone-sms-block textarea.input{resize:vertical;min-height:5.5rem}.phone-sms-compose{margin:0}.phone-sms-actions{align-items:center;gap:.65rem}.phone-call-btn{min-width:8.5rem;font-weight:750}.phone-toggle-pad{min-height:32px!important;color:var(--ms-muted)!important;padding:.2rem .65rem!important;font-size:.78rem!important}.phone-pad-wrap{border-top:1px solid var(--ms-line);min-width:0;margin-top:.85rem;padding-top:.85rem;overflow:hidden}.phone-dial-footer{border-top:1px solid var(--ms-line);flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.75rem;display:flex}.phone-contact-form{border-top:1px dashed var(--ms-line);margin-top:.85rem;padding-top:.75rem}.phone-form-title{color:var(--ms-ink);margin:0 0 .65rem;font-size:.88rem;font-weight:700}.phone-contacts-panel{flex-direction:column;min-height:320px;display:flex}.phone-contact-list{flex:1;gap:.4rem;max-height:min(62vh,640px);display:grid;overflow:auto}.phone-contacts-empty{border-radius:var(--ms-radius-sm);border:1px dashed var(--ms-line);background:var(--ms-surface-2);text-align:center;place-items:center;min-height:12rem;padding:1.25rem;display:grid}.phone-contact-row{text-align:left;border-radius:var(--ms-radius-sm);border:1px solid var(--ms-line);background:var(--ms-surface);cursor:pointer;width:100%;font:inherit;color:inherit;transition:border-color var(--ms-dur) var(--ms-ease), background var(--ms-dur) var(--ms-ease);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.phone-contact-row:hover,.phone-contact-row.selected{background:var(--ms-action-soft);border-color:#9fc0e8}.phone-contact-main{flex-direction:column;gap:.1rem;min-width:0;display:flex}.phone-contact-main strong{font-size:.92rem}.phone-contact-main small{color:var(--ms-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.phone-contact-num{color:var(--ms-action);flex-shrink:0;font-size:.82rem;font-weight:650}.phone-media-section{margin-top:.25rem}.phone-media-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.65rem 1rem;margin-bottom:.75rem;display:flex}.phone-media-title{letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.contacts-probe-warn{margin-bottom:.75rem!important}.contacts-source-banner{display:none}.share-guest-block{border-radius:var(--ms-radius);border:1px solid var(--ms-line);background:var(--ms-surface-2);margin-top:1rem;padding:.85rem 1rem}.share-guest-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.share-subhead{margin:0 0 .25rem;font-size:.95rem;font-weight:700}.share-empty{margin:0}.guest-link-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.guest-link-row{border-radius:var(--ms-radius-sm);border:1px solid var(--ms-line);background:var(--ms-surface);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.65rem;padding:.65rem .75rem;display:flex}.guest-link-main{flex:14rem;gap:.35rem;min-width:0;display:grid}.guest-link-url{max-width:none!important;font-size:.78rem!important}.guest-link-actions{flex-wrap:wrap;gap:.4rem;display:flex}.call-device-row{border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.85rem;padding-top:.75rem;display:grid}@media (max-width:560px){.call-device-row{grid-template-columns:1fr}}.call-device-field{color:#94a3b8;gap:.25rem;font-size:.72rem;font-weight:650;display:grid}.call-device-field .input{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1f;min-height:36px;font-size:.82rem}.btn.danger{background:var(--ms-danger-soft);color:var(--ms-danger);border-color:#f0b4ae}.btn.danger:hover:not(:disabled){color:var(--ms-danger-hover);background:#fadad7}.phone-card .dialpad{max-width:280px;margin:0 auto}.phone-card .dialpad-display{background:var(--ms-surface-2);border-color:var(--ms-line);color:var(--ms-ink)}.phone-card .dialpad-key{background:linear-gradient(180deg, #fff 0%, var(--ms-surface-2) 100%);border-color:var(--ms-line);color:var(--ms-ink)}.phone-card .dialpad-digit{color:var(--ms-ink)}.phone-card .dialpad-letters{color:var(--ms-subtle)}.phone-card .dialpad-icon-btn{background:var(--ms-surface);border-color:var(--ms-line);color:var(--ms-ink)}.phone-card .dialpad-chip{background:var(--ms-action-soft);color:var(--ms-ink);border-color:#b7d0ef}.phone-card .dialpad-chip .mono{color:var(--ms-action)}.phone-card .dialpad-clear{color:var(--ms-muted)!important;border-color:var(--ms-line)!important}.contacts-source-banner{border-radius:var(--ms-radius);border:1px solid var(--ms-line);background:linear-gradient(135deg, var(--ms-action-soft) 0%, var(--ms-surface) 60%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.contacts-source-main{align-items:flex-start;gap:.65rem;min-width:0;display:flex}.contacts-source-main strong{font-size:.92rem}.contacts-source-link{white-space:nowrap;font-size:.84rem;font-weight:650}.contacts-probe-warn{color:var(--ms-warn)!important}.call-lobby{color:#e2e8f0;background:#0f172aeb;border:1px solid #ffffff29;border-radius:8px;margin:.75rem .85rem 0;padding:1rem 1.1rem}.call-lobby-kicker{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin:0 0 .2rem;font-size:.75rem}.call-lobby-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.call-lobby-copy{color:#cbd5e1;margin:0 0 .75rem;font-size:.92rem}.host-panel{color:#e2e8f0;background:#111827;border:1px solid #ffffff24;border-radius:8px;margin:.7rem .85rem .85rem;padding:.85rem .95rem}.host-panel-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.7rem;display:flex}.host-panel .card-title,.host-panel .meta,.host-panel .hint{color:inherit}.host-panel .meta,.host-panel .hint{color:#94a3b8}.host-wait-toggle{align-items:flex-start;gap:.55rem;margin:0 0 .75rem;font-size:.92rem;font-weight:650;display:flex}.host-wait-toggle input{margin-top:.2rem}.host-wait-toggle .hint{margin-top:.15rem;font-weight:500;display:block}.share-wait-toggle{border:1px solid var(--ms-line);background:var(--ms-surface-2);color:var(--ms-ink);border-radius:8px;margin:.85rem 0 0;padding:.75rem .85rem}.share-wait-toggle .hint{color:var(--ms-muted)}.host-people{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.host-person{background:#0b1220;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.55rem .65rem;display:flex}.host-person.is-waiting{border-color:#fbbf2459}.host-person-main{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.host-person-actions{flex-wrap:wrap;gap:.35rem;display:flex}.host-panel--overlay{z-index:8;width:min(22rem,100% - 1.5rem);max-height:min(70%,28rem);box-shadow:none;margin:0;position:absolute;bottom:5.5rem;right:.75rem;overflow:auto}.call-shell.is-landscape .host-panel--page{max-height:9rem;overflow:auto}