:root{--c4m-accent:#4a38f5;--c4m-background:#f7f7f5;--c4m-surface:#fff;--c4m-text:#1c1c1c;color:var(--c4m-text);background:var(--c4m-background);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4a38f559}button{background:var(--c4m-accent,#4a38f5);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-weight:650}button:hover:not(:disabled){background:#3829d7}button:disabled{opacity:.42;cursor:default}label{color:#4f4f4f;gap:6px;font-size:13px;font-weight:600;display:grid}input{background:var(--c4m-surface,white);width:100%;min-height:43px;color:var(--c4m-text,#1c1c1c);border:1px solid #d9d9d4;border-radius:8px;padding:9px 11px}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:4px;font-size:28px}h2{margin-bottom:8px;font-size:18px}.eyebrow{color:var(--c4m-accent,#4a38f5);letter-spacing:.18em;margin-bottom:6px;font-size:11px;font-weight:800}.muted{color:#71716c;line-height:1.55}.auth-page,.center-card{background:var(--c4m-background,#f7f7f5);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{background:var(--c4m-surface,#fff);border:1px solid #deded9;border-radius:14px;gap:15px;width:min(430px,100%);padding:32px;display:grid;box-shadow:0 12px 36px #0000000f}.secondary{color:#292929;background:#fff;border:1px solid #d9d9d4}.secondary:hover:not(:disabled){background:#f3f3ef}.divider{color:#8a8a84;align-items:center;gap:12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#e4e4df;flex:1;height:1px}.message{color:#4f4f4f;margin:0;font-size:13px;line-height:1.5}.app-shell{width:min(1080px,100% - 40px);margin:0 auto;padding:28px 0 120px}.app-shell.embedded{width:100%;padding:12px}.auth-page.embedded{min-height:560px;padding:12px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.identity{color:#64645f;align-items:center;gap:14px;font-size:13px;display:flex}.text-button,.delete{color:var(--c4m-accent,#4a38f5);background:0 0;padding:6px 8px}.text-button:hover:not(:disabled),.delete:hover:not(:disabled){background:#eceafc}.call-layout{grid-template-columns:minmax(280px,560px);justify-content:center;display:grid}.call-card{background:var(--c4m-surface,#fff);border:1px solid #deded9;border-radius:14px;justify-self:center;gap:14px;width:100%;max-width:560px;padding:24px;display:grid;box-shadow:0 4px 16px #0000000a}.status-row{color:#5f5f5a;align-items:center;gap:9px;min-height:28px;font-size:13px;display:flex}.dot,.live-dot{background:#f2a20c;border-radius:50%;flex:none;width:8px;height:8px;display:block}.dot.ready,.dot.connected,.live-dot{background:#2daf59}.dot.idle{background:#a7a7a1}.field small{color:#878781;min-height:17px;font-weight:400}.deal-bound{color:#25733d;background:#eef9f1;border-radius:8px;margin:0;padding:9px 11px;font-size:13px}.dial-display{color:#292929;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e3e3de;min-height:58px;padding:8px 4px;font:500 30px/40px ui-monospace,monospace;overflow:hidden}.keypad{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.keypad button{color:#292929;background:#fafaf8;border:1px solid #deded9;min-height:48px;font-size:18px}.keypad button:hover:not(:disabled){background:#f0effb;border-color:#8e83ed}.delete{justify-self:center}.call-button{width:100%;min-height:46px}.in-call{z-index:10;background:#fff;border:1px solid #deded9;border-radius:12px;align-items:center;gap:14px;width:min(680px,100% - 48px);min-height:68px;margin:auto;padding:13px 16px;display:flex;position:fixed;bottom:24px;left:24px;right:24px;box-shadow:0 10px 36px #00000024}.in-call div{margin-right:auto;display:grid}.in-call span{color:#767670;font-size:12px}.in-call button{background:#db3029}audio{display:none}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.app-shell{width:min(100% - 24px,560px);padding-top:18px}header{align-items:flex-start;gap:12px}.identity{flex-direction:column;align-items:flex-end;gap:4px}.call-layout{grid-template-columns:1fr}.in-call{width:calc(100% - 24px);bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}