:root{color:#1f2a24;background:#eef2e8;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(15,87,67,.15),transparent 42%),radial-gradient(circle at 80% 15%,rgba(246,194,91,.28),transparent 28%),#eef2e8}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:minmax(320px,480px) minmax(320px,1fr);gap:24px;max-width:1120px;margin:0 auto;padding:40px 20px}.dialer,.history{border:1px solid rgba(31,42,36,.16);background:#ffffffb8;box-shadow:0 24px 80px #1f2a241f;padding:24px}.mast p{margin:0 0 8px;color:#626f62;text-transform:uppercase;letter-spacing:.08em;font-size:12px}h1,h2{margin:0;line-height:1.05}h1{font-size:42px}h2{font-size:22px}label{display:grid;gap:8px;margin-top:18px;color:#435048;font-weight:700}input,select{width:100%;border:1px solid rgba(31,42,36,.24);border-radius:6px;padding:12px;background:#ffffffeb;color:#1f2a24}.toolbar,.history-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:20px}button{border:0;border-radius:6px;padding:12px 14px;background:#0f5743;color:#fff;cursor:pointer;min-width:92px}button:disabled{cursor:not-allowed;opacity:.45}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}pre{min-height:96px;overflow:auto;margin:20px 0 0;padding:14px;background:#1f2a24;color:#f5f8ed;border-radius:6px;white-space:pre-wrap}audio{width:100%;margin-top:18px}.call-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(31,42,36,.12);padding:14px 0}.call-row span{display:block;color:#626f62;font-size:13px;margin-top:4px}.recording-actions{display:flex;gap:8px;align-items:center}.secondary-button{min-width:0;padding:8px 12px;background:#0f57431a;color:#0f5743;border:1px solid rgba(15,87,67,.2)}@media(max-width:820px){.shell{grid-template-columns:1fr;padding:20px 12px}h1{font-size:34px}.device-grid{grid-template-columns:1fr}}