:root{--bg:#f5f6f8;--card:#fff;--text:#1d2330;--muted:#5d6576;--line:#e3e6eb;--green:#13863c;--red:#c62828;--amber:#b26a00;--blue:#1f5fbf}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--card:#1b2029;--text:#e8ebf0;--muted:#9aa3b2;--line:#2b3240;--green:#3fb96a;--red:#ef5350;--amber:#f0a030;--blue:#6ea1ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{max-width:560px;margin:0 auto;padding:16px}h1{margin:8px 0 2px;font-size:22px}a{color:var(--blue)}code{overflow-wrap:anywhere;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sub{color:var(--muted);margin:0 0 16px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:16px}.row{align-items:center;gap:10px;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:12px;height:12px}.dot.ready{background:var(--green)}.dot.connecting{background:var(--amber)}.dot.ringing{background:var(--blue);animation:1s infinite pulse}.dot.oncall{background:var(--green);animation:2s infinite pulse}.dot.error{background:var(--red)}@keyframes pulse{50%{opacity:.35}}.meta{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:13px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.caller{overflow-wrap:anywhere;margin:4px 0 2px;font-size:28px;font-weight:600}.timer{font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:4px}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}button{font:inherit;cursor:pointer;border:0;border-radius:10px;min-width:120px;padding:14px 18px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--blue);color:#fff}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button.small{min-width:0;padding:6px 12px;font-size:14px}button.accept{background:var(--green);color:#fff;flex:1;padding:18px;font-size:20px}button.decline{background:var(--red);color:#fff;flex:1;padding:18px;font-size:20px}.incoming{border:2px solid var(--blue)}label{margin-top:10px;font-size:14px;display:block}select{width:100%;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;margin-top:4px;padding:8px;display:block}.hint{color:var(--muted);margin:8px 0 0;font-size:13px}.steps{margin:8px 0 0;padding-left:20px;font-size:14px}.steps li{margin-bottom:8px}.webhook{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}#log{max-height:320px;margin:8px 0 0;padding:0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;list-style:none;overflow-y:auto}#log li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:3px 0}#log li.warn{color:var(--amber)}#log li.error{color:var(--red)}details{color:var(--muted);margin-top:8px;font-size:13px}