:root{color-scheme:dark;--bg: #12140f;--bg-2: #1b2018;--line: #34382c;--text: #f4f1e8;--muted: #a7a292;--amber: #e2a23b;--green: #8fd37a;--red: #e36a5d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100dvh}button,input{font:inherit;color:inherit}.app{width:min(100%,480px);min-height:100dvh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex}.screen{flex:1;display:flex;flex-direction:column;gap:14px;width:100%}.top h1,.brand,.channel-no,.speaker,.link{margin:0}.brand{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.top h1{font-size:1.6rem;font-weight:650}.field,.channel-block{display:flex;flex-direction:column;gap:6px}.mode{display:flex;gap:8px}.mode button{flex:1;border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:12px;padding:10px}.mode button.on{border-color:var(--amber);color:var(--amber)}input[type=range]{width:100%;accent-color:var(--amber)}.vox-test{display:flex;flex-direction:column;gap:6px;margin-top:4px}.vox-meter{height:10px;border-radius:99px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line)}.vox-meter span{display:block;height:100%;width:0;background:var(--muted)}.vox-meter span.hot{background:var(--amber)}.vox-test p{margin:0;color:var(--muted);font-size:.85rem}.label,.field span,.servers summary{color:var(--muted);font-size:.85rem}input{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}input:focus{border-color:var(--amber)}.channel-no{font-family:ui-monospace,Cascadia Mono,monospace;font-size:3rem;letter-spacing:.08em;min-height:1.1em}.live-no{font-size:2.4rem}.channels{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip{min-width:76px;border:1px solid var(--line);background:var(--bg-2);border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.chip strong{font-family:ui-monospace,Cascadia Mono,monospace;font-size:1.25rem}.chip small{color:var(--muted);font-size:.75rem}.chip.selected{border-color:var(--amber)}.chip.hot small{color:var(--green)}.chip.quiet{opacity:.55}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key,.join,.leave,.tap-sound{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;min-height:52px}.key{font-size:1.25rem}.key:active,.join:active,.leave:active{transform:translateY(1px)}.join{margin-top:auto;background:var(--amber);color:#1a1408;font-weight:700;border:0}.join:disabled{opacity:.45}.servers{background:var(--bg-2);border-radius:12px;padding:10px 12px}.servers summary{cursor:pointer}.hint{color:var(--muted);font-size:.8rem;margin:8px 0 0}.banner{margin:0;padding:10px 12px;border-radius:12px;background:#2a2618;color:var(--amber)}.banner.error{background:#2c1916;color:#ffc7c0}.radio{min-height:calc(100dvh - 32px)}.link.ok{color:var(--green)}.link{color:var(--muted)}.speaker{font-size:1.15rem}.speaker.mine{color:var(--green)}.speaker.busy{color:var(--amber)}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.roster li{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:var(--bg-2)}.roster li.speaking{outline:1px solid var(--amber)}.roster em{color:var(--amber);font-style:normal;font-size:.85rem}.muted{color:var(--muted)}.peer-row{display:flex;flex-direction:column;gap:8px;width:100%}.peer-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.peer-vol{display:flex;flex-direction:column;gap:4px}.peer-vol span{color:var(--muted);font-size:.8rem}.audio-panel{background:var(--bg-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.audio-panel summary{color:var(--muted);font-size:.85rem;cursor:pointer}.audio-panel[open] summary{margin-bottom:4px}.ptt-wrap{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.ptt{width:min(68vw,280px);height:min(68vw,280px);border-radius:50%;border:8px solid #3c3628;background:radial-gradient(circle at 50% 38%,#3d3628,#16140f 72%);color:var(--amber);font-size:1.35rem;font-weight:800;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none}.ptt.talking{border-color:var(--green);color:#e7ffe4;box-shadow:0 0 36px #8fd37a59}.ptt.arming{border-color:#8d7a45}.ptt:disabled{opacity:.4}.leave{width:100%}.text-link{background:none;border:0;color:var(--amber);min-height:44px;padding:8px 0}.tap-sound{background:var(--amber);color:#1a1408;font-weight:700;border:0}