:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;max-width:32rem;margin-inline:auto;padding:1rem}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:1.3rem}h2{font-size:1rem;margin-top:1.5rem}label{display:block;margin:.75rem 0}select,button{font:inherit;padding:.5rem;width:100%;box-sizing:border-box}button.link{width:auto;padding:0;border:0;background:none;text-decoration:underline;cursor:pointer}.badge{padding:.2rem .6rem;border-radius:1rem;background:#888;color:#fff;font-size:.85rem}.badge[data-state=verbunden]{background:#1a7f37}.badge[data-state="neu verbinden"],.badge[data-state=verbinde]{background:#b08800}.status{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0}#ptt{height:9rem;border-radius:1rem;font-size:1.6rem;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}#ptt[data-state=talking]{background:#cf222e;color:#fff}#ptt[data-state=busy]{background:#6e7781;color:#fff}#ptt[data-state=receiving]{outline:.3rem solid #0969da}.hint{color:#57606a;font-size:.9rem}.error{color:#cf222e}ul{padding-left:1.2rem}li[data-speaking=true]{font-weight:700;color:#cf222e}