:root{--bg:#0f1419;--panel:#1a212b;--border:#2b3947;--text:#e6edf3;--muted:#8aa0b3;--accent:#2f81f7;--green:#2ea043;--red:#da3633;--yellow:#d29922}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}main{display:flex;justify-content:center;padding:24px 12px}.phone{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.row{display:flex;gap:8px;align-items:center}.between{justify-content:space-between}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.title{font-size:16px;font-weight:700}.muted{color:var(--muted)}.badge,.muted{font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:600;border:1px solid var(--border)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.dot.warn{background:var(--yellow)}.status{font-size:13px;padding:6px 10px;border-radius:8px}.status,input,select{background:#11161d;border:1px solid var(--border)}input,select{width:100%;padding:10px 12px;font-size:16px;color:var(--text);border-radius:8px;outline:none}input:focus,select:focus{border-color:var(--accent)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.key{padding:12px 0;font-size:18px;font-weight:600;background:#11161d;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer}.key:active{background:#0b0f14}button.action{flex:1 1;padding:12px;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;color:#fff}button.action:disabled{opacity:.4;cursor:not-allowed}.call{background:var(--green)}.answer{background:var(--accent)}.hangup{background:var(--red)}.mute{background:#3a4654}.mute.on{background:var(--yellow);color:#1a212b}.log{height:160px;overflow-y:auto;background:#0b0f14;border:1px solid var(--border);border-radius:8px;padding:8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;color:var(--muted);white-space:pre-wrap}