:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#132d2a;background:#f0f5f1}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:36px 24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-weight:800;letter-spacing:2px;font-size:12px}.badge{font-size:10px;font-weight:700;letter-spacing:1px;background:#deebe2;padding:9px 12px;border-radius:100px}h1{font-size:clamp(36px,6vw,62px);letter-spacing:-3px;margin:60px 0 14px;line-height:1.04}.intro{max-width:630px;color:#506b65;line-height:1.7;margin-bottom:30px}.card{background:#fff;border:1px solid #dbe7de;border-radius:18px;padding:26px;margin-bottom:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:650;margin-bottom:18px}input,select{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #cbdad2;border-radius:9px;font:inherit;background:#fff}button{font:inherit;background:#145744;color:#fff;border:0;border-radius:9px;padding:13px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e6eeea;color:#234a40}.danger{background:#f8e7e4;color:#9d3428}#controls{display:flex;gap:10px;flex-wrap:wrap}#controls[hidden]{display:none}.callbar{display:flex;justify-content:space-between;margin:24px 0 18px;font-size:14px;font-weight:700}h2{font-size:17px;margin:0 0 18px}.hint,footer,#peers{color:#62756e;font-size:13px;line-height:1.6}#error{color:#b32828}ol{padding-left:20px;font-size:12px;line-height:1.8;max-height:290px;overflow:auto}#server{font-size:12px;line-height:1.8;max-height:290px;overflow:auto}footer{margin-top:10px}audio{display:none}@media(max-width:650px){.grid{grid-template-columns:1fr;gap:0}main{padding:24px 16px}.card{padding:20px}h1{margin-top:40px}header{align-items:flex-start}.badge{font-size:8px}}