:root{color:#f5f5f7;font-synthesis:none;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 5%,#5771ff2e,#0000 34rem),radial-gradient(circle at 90% 95%,#37d3991a,#0000 30rem),#101114;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(720px,100% - 32px);margin:0 auto;padding:44px 0 64px}.brand{align-items:center;gap:14px;margin-bottom:22px;display:flex}.brand-mark{background:linear-gradient(145deg,#6f7cff,#4654db);border:1px solid #ffffff1f;border-radius:13px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:grid;box-shadow:0 12px 30px #4654db3d}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;margin-top:2px;font-size:19px}h2{letter-spacing:-.045em;font-size:clamp(30px,6vw,48px);line-height:1.02}h3{letter-spacing:-.02em;margin-top:5px;font-size:20px}.eyebrow{color:#989aa4;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.pill{color:#b8bbc5;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:12px;font-weight:700}.pill[data-tone=ready]{color:#66e6af;background:#31d39117;border-color:#31d39147}.pill[data-tone=error]{color:#ff8f98;background:#ff647017;border-color:#ff647047}.call-card,.error-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d22e0;border:1px solid #ffffff17;border-radius:24px;box-shadow:0 30px 80px #00000047}.call-card{grid-template-columns:auto 1fr;gap:20px;padding:clamp(24px,6vw,46px);display:grid}.avatar{color:#cdd2ff;background:#292d49;border:1px solid #ffffff1a;border-radius:20px;place-items:center;width:66px;height:66px;font-size:24px;font-weight:800;display:grid}.identity{align-self:center}.identity .eyebrow{margin-bottom:8px}.phone{color:#a8abb5;margin-top:10px;font-size:15px}.status-stack,.controls,.dial-pad,.privacy-note{grid-column:1/-1}.status-stack{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;min-height:76px;margin-top:14px;padding:18px 20px}.call-state{font-size:17px;font-weight:700}.call-detail{color:#999ca7;margin-top:6px;font-size:13px;line-height:1.45}.controls{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.controls button{cursor:pointer;border:0;border-radius:14px;min-height:52px;padding:0 18px;font-weight:750;transition:transform .12s,opacity .12s,background .12s}.controls button:not(:disabled):active{transform:translateY(1px)}.controls button:disabled{cursor:not-allowed;opacity:.42}.primary-control{color:#fff;background:#5968f2}.primary-control:not(:disabled):hover{background:#6876ff}.secondary-control{color:#ececf1;background:#34353c}.danger-control{color:#ffabb2;background:#962c3747}.dial-pad{background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;margin-top:2px;padding:18px;transition:border-color .16s,background .16s}.dial-pad[data-enabled=true]{background:#5968f20d;border-color:#5968f23d}.dial-pad-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.dial-pad-status{color:#8f929d;text-align:right;font-size:12px}.dial-pad-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,320px);margin:18px auto 0;display:grid}.dial-pad-grid button{color:#f5f5f7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:15px;min-height:62px;transition:transform .12s,border-color .12s,background .12s,opacity .12s}.dial-pad-grid button:not(:disabled):hover{background:#6f7cff26;border-color:#6f7cff61}.dial-pad-grid button:not(:disabled):active{transform:scale(.97)}.dial-pad-grid button:disabled{cursor:not-allowed;opacity:.34}.dial-pad-number,.dial-pad-letters{display:block}.dial-pad-number{font-size:23px;font-weight:700;line-height:1}.dial-pad-letters{color:#9295a1;letter-spacing:.12em;min-height:10px;margin-top:5px;font-size:9px;font-weight:800}.control-icon{margin-right:7px}.privacy-note{color:#7f828d;font-size:12px;line-height:1.55}.error-panel{color:#ffb1b8;margin-top:16px;padding:22px}.error-panel p{color:#b8bbc5;margin-top:6px;line-height:1.45}@media (max-width:620px){.shell{width:min(100% - 20px,720px);padding-top:20px}.call-card{border-radius:20px;grid-template-columns:1fr;gap:16px}.avatar{border-radius:17px;width:56px;height:56px}.controls{grid-template-columns:1fr 1fr}.primary-control{grid-column:1/-1}.dial-pad{padding:16px}.dial-pad-header{display:block}.dial-pad-status{text-align:left;margin-top:7px}}