:root{color-scheme:light dark;--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #f87171;--ok: #4ade80;--ptt-clear: #4ade80;--ptt-lockout: #facc15;--ptt-tx-base: #7f1d1d;--ptt-tx-fill: #ef4444;--ptt-rx-base: #78350f;--ptt-rx-fill: #facc15;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.4}main{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:1.75rem 0 .5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}h3{font-size:1rem;margin:0 0 .25rem}ul{list-style:none;margin:0;padding:0}li{padding:.4rem 0;border-bottom:1px solid var(--border)}form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}form.inline-form,div.inline-form{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.inline-form input,.inline-form select{flex:1 1 140px}input,select{width:100%;min-width:0;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem .6rem;font-size:.95rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.ptt-button{display:block;width:100%;padding:.9rem;font-size:1.05rem;font-weight:600;transition:background 60ms linear}.ptt-button:disabled{opacity:1;cursor:not-allowed}.ptt-button--clear{background:var(--ptt-clear);border-color:var(--ptt-clear);color:#04240e}.ptt-button--lockout{--vu-level: 0%;background:linear-gradient(to right,var(--ptt-rx-fill) var(--vu-level),var(--ptt-rx-base) var(--vu-level));border-color:var(--ptt-rx-base);color:#fff}.ptt-button--tx{--vu-level: 0%;background:linear-gradient(to right,var(--ptt-tx-fill) var(--vu-level),var(--ptt-tx-base) var(--vu-level));border-color:var(--ptt-tx-base);color:#fff}.ptt-button--offline{background:var(--surface);border-color:var(--border);color:var(--text-muted)}[role=tablist]{display:flex;gap:.5rem;margin-bottom:1rem}[role=tablist] button[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);color:#04202e;font-weight:600}.feed-filter{margin:.5rem 0}.feed-filter button{padding:.25rem .6rem;font-size:.8rem}[role=alert]{color:var(--danger);font-size:.9rem;margin:.5rem 0}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.app-header h1{margin:0}.header-actions{display:flex;align-items:center;gap:.75rem}.user-menu{position:relative}.user-menu-panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:0 8px 24px #00000059;z-index:10}.user-menu-panel strong{display:block}.user-menu-panel p{margin:.2rem 0 .75rem;color:var(--text-muted);font-size:.85rem;word-break:break-all}.user-menu-panel button{width:100%}.signal-meter{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;padding:.3rem}.signal-meter:hover:not(:disabled){border-color:transparent}.signal-meter-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.signal-meter-bar{width:4px;background:var(--border);border-radius:1px}.signal-meter-bar:nth-child(1){height:25%}.signal-meter-bar:nth-child(2){height:50%}.signal-meter-bar:nth-child(3){height:75%}.signal-meter-bar:nth-child(4){height:100%}.signal-meter-bar--active{background:var(--ok)}.signal-meter--offline .signal-meter-bar{background:var(--danger);opacity:.5}.signal-meter-value{font-size:.8rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h2{margin:1.75rem 0 .5rem}.icon-button{line-height:1;padding:.3rem .6rem;min-width:2.2rem}.icon-button--joined{background:var(--ok);border-color:var(--ok);color:#04240e}.talkgroup-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tg-card{border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem 1rem;margin:1rem 0}.tg-card details{margin-top:.5rem}.tg-card summary{cursor:pointer;color:var(--text-muted);font-size:.9rem}.tg-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tg-badges{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;line-height:1.4}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border)}.status-dot--online{background:var(--ok)}.activity-scroll{max-height:320px;overflow-y:auto;scroll-behavior:smooth}.activity-row{display:flex;align-items:flex-start;gap:.5rem}.avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.activity-body{min-width:0;flex:1}.activity-meta{display:flex;align-items:baseline;gap:.4rem;font-size:.8rem}.activity-meta time{color:var(--text-muted)}.activity-bubble{margin:.15rem 0 0;background:var(--surface);border-radius:8px;padding:.4rem .6rem;word-break:break-word}.activity-audio{display:flex;align-items:center;gap:.5rem}.activity-audio-meta{margin-left:auto;flex-shrink:0;font-size:.8rem;color:var(--text-muted)}.waveform-player{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.waveform-play{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;padding:0;font-size:1rem;display:flex;align-items:center;justify-content:center;background:var(--accent);border-color:var(--accent);color:#04202e}.waveform-bars{position:relative;flex:1;min-width:0;height:36px;cursor:pointer}.waveform-bars-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:2px;pointer-events:none}.waveform-bars-layer span{flex:1;min-width:2px;border-radius:1px}.waveform-bars-track span{background:var(--border)}.waveform-bars-progress{clip-path:inset(0 calc(100% - var(--progress)) 0 0)}.waveform-bars-progress span{background:var(--accent)}.waveform-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.level-meter{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden;margin:.4rem 0 .6rem}.level-meter-fill{height:100%;background:var(--ok);transition:width 80ms linear}.admin-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:.75rem 0;border-bottom:1px solid var(--border);padding-bottom:.5rem}.admin-tab{background:transparent;border:1px solid var(--border)}.admin-tab--active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th,.admin-table td{border:1px solid var(--border);padding:.3rem .4rem;text-align:left;white-space:nowrap}