:root{color-scheme:dark;--ink:#f8fafc;--muted:#9aa8bb;--panel:rgba(15,22,35,0.82);--panel-solid:#111827;--line:rgba(148,163,184,0.18);--accent:#10b981;--accent-strong:#05a37a;--cyan:#38bdf8;--danger:#ef4444;--warning:#f59e0b;--shadow:0 24px 70px rgba(0,0,0,0.38)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 15% 12%,rgba(20,184,166,.24),transparent 30%),radial-gradient(circle at 83% 8%,rgba(56,189,248,.16),transparent 28%),linear-gradient(135deg,#08111f,#0e1728 42%,#121826);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.dialer-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;min-height:100vh;padding:20px}.settings-panel,.workspace{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:18px;gap:18px;min-width:0;border-radius:22px;padding:20px}.brand-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px}.brand-mark,.icon-button,.round-action{display:inline-flex;align-items:center;justify-content:center}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#10b981,#38bdf8);color:#03121f}.brand-strip p,.call-copy p,.panel-heading small,label{margin:0;color:var(--muted);font-size:.82rem}.brand-strip h1{margin:2px 0 0;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:760}.hero-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,390px);grid-gap:18px;gap:18px;min-height:0}.activity-panel,.call-stage,.dialpad-panel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.call-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;min-height:540px;padding:22px}.call-stage:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%)}.signal-line{z-index:1;display:flex;align-items:center;gap:9px;align-self:stretch;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(2,6,23,.46);color:var(--muted);font-size:.88rem}.signal-line strong{margin-left:auto;color:var(--ink);font-weight:680}.status-dot{width:9px;height:9px;border-radius:50%;background:#64748b}.status-dot.success{background:var(--accent);box-shadow:0 0 0 6px rgba(16,185,129,.16)}.status-dot.warn{background:var(--warning);box-shadow:0 0 0 6px rgba(245,158,11,.14)}.orbital{position:relative;display:grid;place-items:center;width:min(58vw,310px);aspect-ratio:1}.pulse-ring{position:absolute;inset:7%;border:1px solid rgba(56,189,248,.2);border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(56,189,248,.08)),repeating-conic-gradient(from 0deg,rgba(255,255,255,.2) 0deg 2deg,transparent 2deg 16deg);animation:rotate-signal 16s linear infinite}.avatar-core{z-index:1;display:grid;place-items:center;width:144px;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:linear-gradient(145deg,rgba(16,185,129,.95),rgba(56,189,248,.82));color:#03121f;box-shadow:0 0 80px rgba(16,185,129,.28),inset 0 1px 20px rgba(255,255,255,.2)}.call-copy{z-index:1;text-align:center}.call-copy h2{max-width:620px;margin:6px auto 14px;overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,3.8rem);line-height:1.03}.answer-row,.connection-actions,.control-row,.metric-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.metric-row span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(2,6,23,.42);color:#dbeafe;font-size:.9rem}.answer-row,.control-row{z-index:1}.round-action{width:58px;height:58px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.08);color:var(--ink);transition:transform .16s ease,background .16s ease,border-color .16s ease}.round-action:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.14)}.round-action.accept,.round-action.primary{width:72px;height:72px;border-color:rgba(16,185,129,.7);background:linear-gradient(135deg,#10b981,#34d399);color:#03121f}.round-action.decline,.round-action.primary.danger{border-color:rgba(239,68,68,.45);background:linear-gradient(135deg,#ef4444,#fb7185);color:#fff}.dialpad-panel{padding:18px}.dialpad-panel form,.field-grid{display:grid;grid-gap:12px;gap:12px}.number-entry{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-gap:8px;gap:8px}input{width:100%;min-height:46px;border:1px solid rgba(148,163,184,.22);border-radius:12px;outline:none;background:rgba(2,6,23,.46);color:var(--ink);padding:0 13px}input:focus{border-color:rgba(56,189,248,.7);box-shadow:0 0 0 3px rgba(56,189,248,.14)}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.07);color:var(--ink)}.icon-button.ghost{justify-self:end}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:4px 0}.keypad button{min-height:68px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.075);color:var(--ink);font-size:1.28rem;font-weight:760;transition:transform .14s ease,background .14s ease}.keypad button:hover{transform:translateY(-1px);background:rgba(56,189,248,.13)}.call-button,.connect-button,.disconnect-button,.error-banner{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:0;border-radius:12px;font-weight:740}.call-button,.connect-button{background:linear-gradient(135deg,var(--accent),var(--cyan));color:#03121f}.disconnect-button{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink)}.activity-panel{min-height:142px;padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-heading span{display:inline-flex;align-items:center;gap:8px;font-weight:760}.events-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.empty-state,.event-item{min-height:70px;border:1px solid var(--line);border-radius:12px;background:rgba(2,6,23,.36);padding:10px}.event-item{display:grid;align-content:start;grid-gap:2px;gap:2px}.empty-state,.event-item span,.event-item time{color:var(--muted);font-size:.82rem}.event-item strong{overflow-wrap:anywhere;font-size:.92rem}.settings-panel{position:-webkit-sticky;position:sticky;top:20px;align-self:start;border-radius:22px;padding:18px}.field-grid label{display:grid;grid-gap:6px;gap:6px}.error-banner{justify-content:flex-start;margin:14px 0 0;border:1px solid rgba(239,68,68,.34);background:rgba(239,68,68,.13);color:#fecaca;text-align:left;padding:0 12px}.connection-actions{margin-top:14px}.connection-actions button{flex:1 1;min-width:140px}audio{display:none}@keyframes rotate-signal{to{transform:rotate(1turn)}}@media (max-width:1100px){.dialer-shell{grid-template-columns:1fr}.settings-panel{position:static;display:none}.settings-panel.open{display:block}}@media (max-width:780px){.dialer-shell{padding:10px}.workspace{border-radius:16px;padding:12px}.events-list,.hero-grid{grid-template-columns:1fr}.call-stage{min-height:500px}.brand-strip{grid-template-columns:auto 1fr auto}}@media (max-width:460px){.brand-strip h1{font-size:1.1rem}.brand-strip p{display:none}.call-stage{min-height:450px;padding:14px}.avatar-core{width:112px}.keypad button{min-height:58px}}