:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#101922;color:#e9f1f5}*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;gap:15px;padding:14px max(14px,env(safe-area-inset-left));background:#182934;position:sticky;top:0;z-index:5;border-bottom:1px solid #426078}header strong{font-size:1.15rem}header span{flex:1}main{max-width:1050px;margin:auto;padding:12px}section{background:#16232d;border:1px solid #3b5264;border-radius:10px;margin:0 0 14px;padding:14px}h1,h2{font-size:1.1rem;margin:0 0 10px}p{line-height:1.4;margin:8px 0;font-size:.9rem}button,input,select{font:inherit;max-width:100%}button{background:#2b5269;color:#fff;border:1px solid #6d8d9d;border-radius:7px;min-height:44px;padding:9px 14px;cursor:pointer}button:disabled,input:disabled{opacity:.45;cursor:default}input,select{color:#fff;background:#101a22;border:1px solid #7491a0;border-radius:5px;min-height:42px;padding:7px}input[type=range]{width:100%;padding:0}label{display:grid;gap:6px;margin:8px 0}form,.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}form label{flex:1;min-width:180px}form button{margin:8px 0}.radio-top,.scope-top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}#direction{font-weight:700;color:#8fe2bf}#direction.tx{color:#ff996c}#frequency{display:block;font-size:clamp(2rem,7vw,4rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:10px 0;color:#f6e7a2}.minor{color:#b6c4ce;font-size:.78rem}.meter{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.meter progress{flex:1;min-width:140px;accent-color:#f0b54d}#scope{display:block;width:100%;height:auto;background:#071012;margin-top:10px;border:1px solid #35514e;touch-action:pan-y}#scope-status{font-size:.8rem;color:#c3d0d5}.ptt{display:block;width:100%;min-height:90px;background:#713927;border-color:#b16c47;font-weight:750;font-size:1.15rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;margin:12px 0}.ptt.held{background:#b44625}.ptt.confirmed{border:3px solid #ffc27d}output{display:block}#notice{white-space:pre-wrap;background:#243d4b;padding:12px;border-radius:8px;margin:12px 0;min-height:42px}#notice.error{background:#663b2c}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-grid label{background:#1c2d39;padding:10px;border-radius:7px}.quick-grid button{font-size:.85rem}details{margin-top:12px}summary{padding:12px 0;cursor:pointer}footer{font-size:.75rem;color:#9bb0bf;text-align:center;padding:15px}#audio-status,#ptt-status,#permissions,#catalog-reason{font-size:.85rem;color:#e4cd97;margin:8px 0}@media(max-width:460px){main{padding:8px}section{padding:11px}.quick-grid{gap:8px}.quick-grid label{padding:7px;font-size:.85rem}#connection{font-size:.8rem}header{gap:8px}button{padding:8px 10px}}
#overload{font-size:.82rem;line-height:1.4;color:#d8c794;margin-top:7px}#overload.warning{color:#ffad72;font-weight:700}#overload.stale{border-left:3px solid #d0b16a;padding-left:7px}
#install-panel{background:#13232b}#install-guide{font-size:.85rem}#pair-code{text-transform:uppercase;letter-spacing:.16em;font-variant-numeric:tabular-nums}#pair-status,#association-status{font-size:.88rem;line-height:1.45;margin:8px 0}#forget-phone{background:#503b35}button[hidden],section[hidden]{display:none}
