html,body{margin:0}#root{text-align:left;min-height:100vh}:root{color:#f5efe6;background:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 18% 12%,#ffddab29,#0000 22%),radial-gradient(circle at 78% 18%,#947c591f,#0000 24%),radial-gradient(circle at 52% 92%,#ffffff0f,#0000 36%),linear-gradient(135deg,#07090c 0%,#11151b 42%,#090b0f 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app{background:linear-gradient(120deg,#ffffff12 0%,#ffffff04 22%,#0000 42%),radial-gradient(circle at 50% 48%,#ffd5951a,#0000 30%),radial-gradient(circle,#ffffff0b,#0000 60%);place-items:center;min-height:100vh;padding:clamp(20px,3.2vh,36px) clamp(18px,4vw,48px);display:grid;position:relative;overflow:auto}.app:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#ffffff24 0%,#ffffff09 18%,#0000 36%),linear-gradient(300deg,#0000 0%,#ffc4700e 58%,#ffffff14 100%);position:fixed;inset:0}.app:after{content:"";pointer-events:none;filter:blur(36px);background:radial-gradient(circle,#ffe5b821,#6d5b4114 38%,#0000 68%);width:min(760px,70vw);height:min(760px,70vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-card{text-align:left;-webkit-backdrop-filter:blur(18px)saturate(122%);scrollbar-width:thin;scrollbar-color:#dccbb03d transparent;background:linear-gradient(#181b20f0 0%,#0b0d11f7 100%);border:1px solid #f4e5cd24;border-radius:clamp(24px,2.4vw,34px);width:clamp(360px,31vw,520px);max-width:calc(100vw - 28px);max-height:calc(100vh - clamp(40px,6.4vh,72px));padding:clamp(20px,1.9vw,30px);position:relative;overflow-y:auto;box-shadow:0 34px 90px #00000080,0 0 0 1px #ffeac90b,0 0 58px #bf8e4d1a,inset 0 1px #ffffff17,inset 0 -1px #ffffff08}.phone-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff18 0%,#ffffff05 15%,#0000 30%),radial-gradient(circle at 15% 8%,#ffffff13,#0000 24%),radial-gradient(circle at 88% 2%,#ffc07016,#0000 24%);position:absolute;inset:0}.phone-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 22%);border-radius:calc(clamp(24px,2.4vw,34px) - 1px);position:absolute;inset:1px}.topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(18px,2vh,28px);display:flex;position:relative}.brand-block{text-align:left}.brand{letter-spacing:-.045em;color:#fff8ef;text-shadow:0 1px #ffffff14,0 8px 24px #00000047;font-size:clamp(28px,2vw,36px);font-weight:850;line-height:1}.slogan{color:#c9bca6;text-align:left;margin-top:7px;font-size:clamp(14px,.9vw,16px);font-weight:650}.status{white-space:nowrap;-webkit-backdrop-filter:blur(10px);border:1px solid #0000;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:850}.status-offline{color:#ffd9a1;background:linear-gradient(#6c411d61,#462a174d);border-color:#ffb45a38;box-shadow:inset 0 1px #fff1}.status-ready,.status-active{color:#bff7d1;background:linear-gradient(#16653457,#0f482747);border-color:#4ade803d;box-shadow:inset 0 1px #fff1}.status-calling{color:#ffe0ae;background:linear-gradient(#945f2357,#653e1c47);border-color:#fbbf243d;box-shadow:inset 0 1px #fff1}.status-ended,.status-failed{color:#fecaca;background:linear-gradient(#7f1d1d57,#5c171747);border-color:#f871713d;box-shadow:inset 0 1px #fff1}.notice{z-index:1;color:#ffe3b4;text-align:left;background:linear-gradient(#6c411d57,#462a1747);border:1px solid #ffb45a33;border-radius:15px;grid-template-columns:1fr 30px;align-items:center;gap:10px;margin-bottom:clamp(14px,1.5vh,20px);padding:12px 12px 12px 14px;font-size:13px;font-weight:760;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f,0 10px 28px #00000029}.notice button{color:#ffe3b4;background:#ffffff0f;border:0;border-radius:999px;width:30px;height:30px;font-size:18px;line-height:1}.display{text-align:left;z-index:1;margin-bottom:clamp(16px,1.8vh,24px);position:relative}.display label{color:#c9bca6;text-align:left;margin-bottom:9px;font-size:13px;font-weight:800;display:block}.number-row{grid-template-columns:1fr clamp(52px,4vw,60px);gap:10px;display:grid}.number-row input{color:#fff8ef;text-align:left;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1f242cc7,#14181fd6);border:1px solid #e0d0b526;border-radius:17px;outline:none;height:clamp(58px,6.1vh,66px);padding:0 18px;font-size:clamp(21px,1.6vw,26px);box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #ffffff05}.number-row input:focus{border-color:#ffdaab57;box-shadow:0 0 0 3px #ffbe641a,inset 0 1px #ffffff12}.number-row input::placeholder{color:#8f9aa9}.number-error input{background:linear-gradient(#4d191994,#36121285);border-color:#f87171}.ghost{color:#eadfce;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1f242cc7,#14181fd6);border:1px solid #e0d0b524;border-radius:17px;font-size:22px;font-weight:800;box-shadow:inset 0 1px #ffffff0e}.keypad{z-index:1;grid-template-columns:repeat(3,1fr);gap:clamp(10px,.9vw,14px);display:grid;position:relative}.key{color:#fff8ef;-webkit-backdrop-filter:blur(9px);background:linear-gradient(#222832f5,#12171ffa);border:1px solid #e0d0b51f;border-radius:18px;place-items:center;height:clamp(62px,7.1vh,80px);display:grid;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #ffffff04,0 10px 24px #0000002e}.key:hover{background:linear-gradient(#2d3542fa,#161c26fa);border-color:#ffddab2e}.key span{font-size:clamp(27px,2vw,34px);font-weight:800;line-height:1}.key small{color:#b9aa94;min-height:12px;font-size:11px}.primary-action{z-index:1;place-items:center;margin-top:clamp(16px,1.7vh,22px);display:grid;position:relative}.call{color:#fff;background:linear-gradient(#22c55ef5,#15803df0);border:0;border-radius:50%;width:clamp(82px,6.2vw,98px);height:clamp(82px,6.2vw,98px);font-size:18px;font-weight:850;box-shadow:0 18px 34px #22c55e33,inset 0 1px #ffffff2e}.soft-unavailable{color:#7c8490;filter:saturate(.72)}.call.soft-unavailable{color:#7c8490;opacity:.86;background:linear-gradient(#1f242ce6,#12161df0);box-shadow:inset 0 1px #ffffff0a}.call-offline.soft-unavailable{color:#6e7682;border:1px solid #e0d0b514}.call-tools{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(14px,1.7vh,22px);display:grid;position:relative}.tool-button{color:#eadfce;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1f242cc7,#14181fd6);border:1px solid #e0d0b51f;border-radius:16px;height:50px;font-weight:760;box-shadow:inset 0 1px #ffffff0e}.tool-button.selected{color:#ffe8c2;background:linear-gradient(#8655248a,#4f321b94);border-color:#ffc07047;box-shadow:inset 0 1px #ffffff14,0 8px 24px #bf8e4d1f}.tool-button.soft-unavailable{color:#656d78;background:linear-gradient(#14181fdb,#0d1016e6);border-color:#e0d0b512}