:root{--bg:#000;--panel:#141414;--key:#1f1f1f;--key-active:#333;--text:#fff;--muted:#ffffffb8;--accent:var(--brand-cyan);--call:#3dba7a;--hang:var(--brand-red);--rec:var(--brand-red);--gap:14px;--k:clamp(56px, calc((100dvh - 220px) / 4), 150px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (orientation:portrait){:root{--k:clamp(56px, min(calc((100dvh - 520px) / 4), 26vw), 160px)}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;margin:0;overflow:hidden}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.phone{grid-template-columns:1fr auto;align-items:center;gap:48px;height:100%;padding:24px 48px;display:grid;position:relative}@media (orientation:portrait){.phone{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:24px;padding:48px 24px}}.corner{z-index:5;width:110px;height:110px;position:absolute;top:0;left:0}.display{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.brand{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:15px;font-weight:400}.lead{margin:0;font-size:clamp(22px,3.2vw,34px);font-weight:600}.muted{color:var(--muted);margin:0;font-size:18px}.error{color:var(--rec)}.icon{width:1em;height:1em;display:block}.handset-icon{color:var(--accent);margin:16px 0 4px;font-size:72px}.handset-icon.warn{color:#f5b942}.handset-icon.down{color:var(--muted)}.handset-icon.down .icon{transform:rotate(135deg)}.big-number{white-space:nowrap;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(36px,6vw,84px);font-weight:700}.dialed{white-space:nowrap;letter-spacing:.06em;font-variant-numeric:tabular-nums;min-height:1.2em;margin:0;font-size:clamp(44px,7vw,80px);font-weight:400}.dialed.empty{color:var(--muted)}.title{font-family:var(--display);text-transform:uppercase;margin:8px 0 0;font-size:clamp(28px,4vw,44px);font-weight:400}.timer{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:26px}.step{background:var(--panel);border-radius:999px;margin:12px 0 0;padding:8px 20px;font-size:20px;font-weight:600}.step.rec{color:var(--rec);background:#ff000029}.recording{flex-direction:column;align-items:center;gap:14px;width:min(420px,90%);margin-top:16px;display:flex}.rec-head{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:30px;font-weight:700;display:flex}.dot{background:var(--rec);border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.meter{background:var(--panel);border-radius:7px;width:100%;height:14px;overflow:hidden}.meter div{background:linear-gradient(90deg, var(--accent), #f5b942, var(--rec));transform-origin:0;height:100%;transition:transform 60ms linear}.hint{margin:0;font-size:22px}.hint strong{color:var(--accent);font-size:30px}.pad{align-items:center;gap:var(--gap);flex-direction:column;display:flex}.pad.disabled{opacity:.4}.keys{grid-template-columns:repeat(3, var(--k));grid-auto-rows:var(--k);gap:var(--gap);display:grid}.key{background:var(--key);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:background 80ms;display:flex}.key:active{background:var(--key-active)}.key.hot{box-shadow:0 0 0 4px var(--accent)}.digit{font-size:calc(var(--k) * .36);font-weight:400;line-height:1}.sub{font-size:calc(var(--k) * .11);letter-spacing:.14em;color:var(--muted);min-height:1.2em;margin-top:2px}.actions{gap:var(--gap);width:calc(var(--k) * 3 + var(--gap) * 2);min-height:96px;display:flex}.call,.hang{border-radius:48px;flex:1;justify-content:center;align-items:center;gap:12px;height:96px;font-size:26px;font-weight:700;display:flex}.call{background:var(--call)}.call:disabled{opacity:.35;cursor:default}.hang{background:var(--hang)}.call .icon,.hang .icon{font-size:30px}.hang-icon{transform:rotate(135deg)}.loading,.ended{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;display:flex}.bar{background:var(--panel);border-radius:3px;width:280px;height:6px;overflow:hidden}.bar div{background:var(--accent);height:100%;transition:width .15s}.ended h1{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(32px,4.5vw,52px);font-weight:400}.thanks{background:var(--panel);border-radius:20px;max-width:640px;margin-top:24px;padding:24px 32px;font-size:20px;line-height:1.5}.thanks p{margin:6px 0}.operator{z-index:10;background:#000000d9;place-items:center;display:grid;position:absolute;inset:0}.sheet{background:var(--panel);text-align:center;border-radius:24px;width:min(560px,92vw);max-height:92dvh;padding:28px;overflow:auto}.sheet h2{margin:0 0 16px}.pin-dots{letter-spacing:.4em;margin:0 0 16px;font-size:28px}.pin-keys{grid-template-columns:repeat(3,84px);grid-auto-rows:84px;justify-content:center;gap:12px;display:grid}.pin-keys button{background:var(--key);border-radius:50%;font-size:30px}.pin-keys button:disabled{visibility:hidden}.link{color:var(--muted);background:0 0;margin-top:16px;font-size:18px}.status{text-align:left;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 16px;font-size:17px;display:grid}.status dt{color:var(--muted)}.status dd{overflow-wrap:anywhere;margin:0}.status .ok{color:var(--accent)}.status .bad{color:#f5b942}.token{text-align:left;color:var(--muted);gap:6px;margin-bottom:16px;font-size:15px;display:grid}.token input{font:inherit;border:1px solid var(--key-active);background:var(--bg);color:var(--text);-webkit-user-select:text;user-select:text;border-radius:10px;padding:10px 12px;font-size:17px}.testing{color:var(--accent)}.buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.buttons button{background:var(--key);border-radius:14px;padding:16px;font-size:17px;font-weight:600}.buttons .primary{background:var(--accent);color:var(--bg)}