:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf2ff;background:#030913;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#173455 0,#081523 38%,#030913 80%)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{min-height:100vh;display:grid;place-items:center;padding:16px}.phone-card{width:min(100%,440px);background:linear-gradient(160deg,#102135f7,#050e1afa);border:1px solid #294862;border-radius:28px;padding:20px;box-shadow:0 24px 80px #000a,inset 0 1px #ffffff12}header{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#07111f;background:linear-gradient(135deg,#52e2ff,#4da3ff);box-shadow:0 8px 28px #36b8ff44}.eyebrow{margin:0;color:#5ad8ff;font-size:10px;font-weight:800;letter-spacing:.2em}h1{margin:2px 0 0;font-size:19px;letter-spacing:-.02em}.icon-button{margin-left:auto;width:39px;height:39px;border-radius:12px;color:#a9c4d9;border:1px solid #29465e;background:#102237;cursor:pointer}.status{margin:16px auto 10px;width:max-content;padding:6px 11px;border-radius:99px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#12253a;color:#9bb2c5}.status span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#7890a2}.status-conectado,.status-em-chamada{color:#75f2b3}.status-conectado span,.status-em-chamada span{background:#31dd8c;box-shadow:0 0 10px #31dd8c}.status-conectando,.status-chamando{color:#ffd37b}.status-conectando span,.status-chamando span{background:#ffb83e;box-shadow:0 0 10px #ffb83e}.config{margin:10px 0 16px;padding:14px;border:1px solid #29465e;border-radius:16px;background:#071421;display:grid;gap:10px}.config label{color:#91aabe;font-size:11px;font-weight:700;letter-spacing:.05em}.config input{display:block;width:100%;margin-top:5px;padding:10px;border-radius:9px;border:1px solid #2b4c66;background:#0d1e30;color:#fff;outline:none}.config input:focus,.contact input:focus{border-color:#50cfff;box-shadow:0 0 0 3px #50cfff1f}.connect{padding:11px;border:0;border-radius:10px;font-weight:800;color:#061522;background:linear-gradient(90deg,#55dcff,#64f0c0);cursor:pointer}.privacy{margin:0;color:#70899d;text-align:center;font-size:10px}.contact{text-align:center;margin:10px 0 0}.label{color:#7f99ad;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 6px}.contact-name{margin:0 0 4px;font-weight:700;color:#cbe5f8}.contact input{width:100%;border:0;border-bottom:1px solid #31506a;background:transparent;color:#fff;text-align:center;font-size:clamp(24px,7vw,32px);font-weight:700;padding:4px;outline:none;letter-spacing:.02em}.formatted{height:18px;margin:6px 0;color:#7190a8;font-size:12px}.timer{text-align:center;height:21px;color:#5bdcff;font-size:13px;font-variant-numeric:tabular-nums}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:300px;margin:7px auto 17px}.keypad button{height:49px;border:1px solid #29465e;border-radius:15px;color:#eef8ff;background:linear-gradient(145deg,#142b42,#0c1b2c);font-size:20px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff10}.keypad button:active{transform:scale(.96);background:#1e3e59}.actions{display:flex;justify-content:center;align-items:center;gap:12px}.actions button{border:0;cursor:pointer}.actions button:disabled{opacity:.35;cursor:not-allowed}.call,.hangup{width:54px;height:54px;border-radius:50%;color:#fff;font-size:23px}.call{background:linear-gradient(145deg,#32dc8b,#129c5b);box-shadow:0 10px 25px #22ca7940}.hangup{background:linear-gradient(145deg,#ff6472,#cb2639);box-shadow:0 10px 25px #ef405540;transform:rotate(135deg)}.secondary{width:50px;height:50px;border-radius:15px;color:#9bb5c9;background:#102338;font-size:15px}.secondary small{display:block;font-size:8px;margin-top:2px}.secondary.active{color:#ffce78}.error{margin:13px 0 0;padding:9px;border-radius:10px;background:#f33b5520;color:#ff9ca8;text-align:center;font-size:12px}.hint{margin:15px 5px 0;color:#67849a;text-align:center;font-size:10px;line-height:1.45}audio{display:none}@media (max-width: 380px){.shell{padding:7px}.phone-card{padding:15px;border-radius:20px}.keypad{gap:6px}.keypad button{height:43px}.actions{gap:8px}}