:root{font:13px Tahoma,Arial,sans-serif;color:#202020;background:#a8aaa9;color-scheme:light}*{box-sizing:border-box}body{margin:32px 12px}main{max-width:560px;margin:auto;background:#d4d4ce;border:1px solid #555;box-shadow:2px 3px 0 #777;padding:8px}header{display:flex;align-items:center;gap:8px;background:#555e65;color:white;padding:7px;margin:-3px -3px 10px}h1{font-size:15px;margin:0;flex:1}.app-icon{font-size:11px;border:1px solid #c3c7c8;padding:3px;font-weight:bold}#connection{font-size:10px;letter-spacing:1px}button,input{font:inherit}button{color:#111;background:#deded8;border:1px solid #777;border-top-color:#fff;border-left-color:#fff;padding:5px 9px;min-height:29px;border-radius:0;cursor:pointer}button:hover:enabled{background:#ebebe6}button:active:enabled,button.pressed{border-color:#555 #fff #fff #555;background:#b8c6b5}button:disabled{color:#888;cursor:default}input[type=text],input:not([type]),input[type=url]{background:#fff;border:1px solid #777;padding:5px;min-width:0}input[type=checkbox],input[type=radio]{accent-color:#4b6449}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #2d5578;outline-offset:2px}.panel{border:1px solid;border-color:#999 #eee #eee #999;padding:10px;margin-bottom:9px}.field{display:flex;gap:10px;align-items:center}.field input{flex:1}.host-row,.join-row{display:flex;align-items:center;gap:6px;margin-top:9px}.host-row output{font:15px Consolas,monospace;font-weight:bold;flex:1;text-align:center;white-space:nowrap}.join-row input{width:145px;flex:1}.roster-panel{background:#f3f3ec;border:1px solid #888;margin-bottom:9px}.roster-heading{display:flex;justify-content:space-between;background:#bbbdb8;padding:6px 8px;font-size:12px}#roster{list-style:none;padding:0;margin:0;min-height:138px}#roster li{display:flex;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px solid #ddd;min-height:28px}.lamp{width:9px;height:9px;background:#9b9e97;border:1px solid #777;border-radius:50%}.talking .lamp{background:#4d9b35;box-shadow:0 0 3px #4d9b35}.person{flex:1}.tag{font-size:10px;color:#666}.empty{color:#777}.mode-row,.volume-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mode-row #ptt{margin-left:auto;touch-action:none;user-select:none}.options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.options label{font-size:12px}.volume-row{gap:8px}.volume-row input{flex:1;min-width:90px;accent-color:#687466}.volume-row output{font-size:11px;width:34px}#status{border:1px solid #999;background:#c9cac3;min-height:38px;padding:7px;font-size:12px;line-height:1.5}details{margin:10px 3px 3px;font-size:12px}summary{cursor:pointer;color:#555}details .field{margin-top:8px}details p{line-height:1.5;color:#555}footer{font-size:10px;color:#666;text-align:right;padding:9px 3px 0}@media(max-width:480px){body{margin:8px}.host-row{flex-wrap:wrap}.host-row output{order:-1;flex-basis:100%;text-align:left}.options{gap:8px}.mode-row{gap:8px}.mode-row #ptt{margin:0}.volume-row label{font-size:11px}}
.chat-panel{margin-bottom:9px}#chat-log{height:95px;overflow-y:auto;background:#f3f3ec;border:1px solid #888;padding:6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}#chat-form{display:flex;gap:5px;margin-top:5px}#chat-input{flex:1;min-width:0}
.brand-icon{object-fit:contain;display:block;width:32px;height:32px}
:root{font-size:16px;color:#171717}body{margin:24px 12px}main{width:470px;max-width:100%;padding:12px}header{margin:-7px -7px 12px;padding:10px}h1{font-size:21px}#connection{font-size:11px;letter-spacing:0}button{min-height:36px;padding:6px 10px}button:disabled{color:#666}input[type=text],input:not([type]),input[type=url]{min-height:36px}.host-row output{font-size:17px}.roster-heading{font-size:15px}#roster{min-height:90px}#roster li{min-height:32px}.empty{color:#555}.options label{font-size:14px}.mode-row{gap:10px}.mode-row #ptt{width:100%;margin:4px 0 0}.volume-row label{font-size:14px}#status{font-size:14px}details{font-size:14px}#chat-log{height:130px;font-size:15px}.tag{font-size:11px}.volume-row output{font-size:13px}footer{font-size:12px}@media(max-width:480px){body{margin:8px}.host-row output{order:0;flex-basis:auto}.host-row{gap:5px}.host-row button{padding:5px 7px;font-size:14px}.host-row output{font-size:16px}}

.downloads{margin-top:12px;border-top:1px solid #999;padding-top:12px}.downloads strong{display:block;font-size:15px}.downloads nav{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.downloads a{display:inline-block;color:#163e63;background:#deded8;border:1px solid #777;border-top-color:#fff;border-left-color:#fff;padding:8px 12px;text-decoration:none}.downloads a:hover{background:#ebebe6;text-decoration:underline}.downloads a:focus-visible{outline:2px solid #2d5578;outline-offset:2px}.downloads small{display:block;color:#555;font-size:12px;line-height:1.5}