.radio-client{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;width:100%}h1{margin:0 0 1.5rem;font-size:1.75rem;color:#333}h3{margin:0 0 .75rem;font-size:1.1rem;color:#555}.status-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.status{padding:.35rem .75rem;border-radius:6px;font-size:.9rem;font-weight:500}.status.connected{background:#e8f5e9;color:#2e7d32}.status.disconnected{background:#ffebee;color:#c62828}.channel{color:#666;font-size:.95rem}.join-section{display:flex;gap:.75rem;margin-bottom:1.5rem}.join-section input{flex:1;padding:.65rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.join-section input:focus{outline:none;border-color:#4caf50}.join-section input:disabled{background:#f5f5f5;cursor:not-allowed}button{padding:.65rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;background:#4caf50;color:#fff}button:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#ccc;cursor:not-allowed;transform:none}button.active{background:#2196f3}button.active:hover{background:#1976d2}button.leave-btn{background:#f44336;color:#fff}button.leave-btn:hover:not(:disabled){background:#d32f2f}.mode-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mode-section label{font-weight:500;color:#555}.mode-buttons{display:flex;gap:.5rem}.mode-buttons button{padding:.5rem 1.25rem;font-size:.9rem}.vox-settings{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.setting{margin-bottom:1rem}.setting:last-child{margin-bottom:0}.setting label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#666}.setting label span{font-weight:600;color:#333}.setting input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer}.setting input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;border:none}.audio-level{width:100%;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden;position:relative}.audio-level-bar{height:100%;background:linear-gradient(90deg,#4caf50,#ffc107,#f44336);transition:width .1s;border-radius:12px}.controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;min-height:50px}.ptt-button{background:#2196f3;padding:.75rem 2rem;font-size:1.05rem}.ptt-button:hover:not(:disabled){background:#1976d2}.ptt-button.pressed{background:#1565c0;transform:scale(.98)}.badge{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600}.badge.on-air{background:#f44336;color:#fff;animation:pulse 1.5s infinite}.badge.queued{background:#ff9800;color:#fff}.badge.vox-active{background:#4caf50;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.logs-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.logs{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;max-height:200px;overflow-y:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.logs div{margin-bottom:.25rem;color:#555}.logs div:last-child{margin-bottom:0}.logs::-webkit-scrollbar{width:8px}.logs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.logs::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.logs::-webkit-scrollbar-thumb:hover{background:#555}.app{width:100%;max-width:800px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}code{font-family:Courier New,monospace}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}