.hero-description{text-align:center;max-width:700px;margin:0 auto 2rem;color:#ccc;line-height:1.7}.hero-description p{margin-bottom:1rem}.hero-cta{color:#4caf50;font-weight:500}.stats-panel{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;background:#1a1a1a;padding:1.5rem 2.5rem;border-radius:8px;border:1px solid #3a3a3a}.stat-value{font-size:2.5rem;font-weight:700;color:#4caf50}.stat-label{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.active-nets{margin-bottom:2rem}.nets-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.net-item{background:#1a1a1a;padding:1rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center;border:1px solid #3a3a3a}.net-info h3{margin-bottom:.25rem;color:#4caf50}.net-id{font-family:monospace;color:#888;font-size:.9rem}.net-participants{color:#ccc;font-size:.9rem;margin-top:.25rem}.instructions{background:#2a2a2a}.instructions h2{margin-bottom:1rem}.instructions ol{margin-left:1.5rem;line-height:1.8}.instructions li{color:#ccc;margin-bottom:.5rem}.policies{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #3a3a3a}.policy{border:1px solid #3a3a3a;border-radius:4px;background:#1a1a1a}.policy summary{color:#888;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.policy summary::-webkit-details-marker{display:none}.policy summary:before{content:"▸";font-size:.75rem;transition:transform .2s}.policy[open] summary:before{transform:rotate(90deg)}.policy summary:hover{color:#aaa}.policy-content{padding:0 1rem 1rem;border-top:1px solid #3a3a3a}.policy-content p{color:#666;font-size:.8rem;line-height:1.6;margin-top:.75rem}.policy-content p:first-child{margin-top:1rem}.policy-content strong{color:#888}.vu-meter{width:100%;height:8px}.vu-meter.small{height:6px}.vu-meter.large{height:12px}.vu-meter-track{width:100%;height:100%;background:#1a1a1a;border-radius:4px;overflow:hidden;border:1px solid #333}.vu-meter-bar{height:100%;border-radius:3px;transition:width .05s ease-out,background-color .1s ease;box-shadow:0 0 4px currentColor}.participants-list{display:flex;flex-direction:column;gap:.75rem}.participant-item{background:#1a1a1a;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent;display:flex;flex-direction:column;gap:.5rem}.participant-item:hover{background:#252525;border-color:#3a3a3a}.participant-item.producing{border-color:#4caf50;background:#1a3a1a;animation:producing-pulse 2s ease-in-out infinite}@keyframes producing-pulse{0%,to{box-shadow:0 0 10px #4caf504d}50%{box-shadow:0 0 25px #4caf5099}}.participant-item.listening{border-color:#2196f3;background:#1a2a3a;box-shadow:0 0 20px #2196f366;animation:listening-glow 2s ease-in-out infinite}@keyframes listening-glow{0%,to{box-shadow:0 0 15px #2196f34d}50%{box-shadow:0 0 25px #2196f399}}.participant-main{display:flex;justify-content:space-between;align-items:center}.participant-info{display:flex;flex-direction:column;gap:.25rem}.participant-callsign{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.listening-icon{font-size:1rem}.listening-text{font-size:.75rem;color:#2196f3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.participant-indicators{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.producing-badge{background:#3a3a3a;color:#888;padding:.35rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.35rem;transition:all .2s ease}.producing-badge.has-audio{background:#4caf50;color:#fff;box-shadow:0 0 8px #4caf5080}.audio-indicator{display:flex;align-items:center;gap:2px;height:12px}.audio-indicator:before,.audio-indicator:after{content:"";display:block;width:3px;background:#fff;border-radius:1px;animation:audio-bar .5s ease-in-out infinite}.audio-indicator:before{height:6px;animation-delay:0s}.audio-indicator:after{height:10px;animation-delay:.15s}@keyframes audio-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.antenna-icon{font-size:.85rem}.listen-hint{color:#4caf50;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.35rem;opacity:.9}.listen-hint.unlisten{color:#2196f3}.speaker-icon{font-size:.85rem}.participant-vu{margin-top:.25rem}.no-participants{padding:2rem;text-align:center;color:#888}.audio-controls{display:flex;flex-direction:column;gap:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:12px;height:12px;border-radius:50%;transition:background .3s}.status-dot.connected{background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected{background:#f44336}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:14px;color:#ccc}.audio-section-divider{height:1px;background:#3a3a3a;margin:.5rem 0}.input-level-section{display:flex;flex-direction:column;gap:.5rem}.controls{display:flex;gap:1rem}.controls .button{flex:1}.producing-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;border:2px solid;position:relative;font-size:1rem;font-weight:700;transition:all .3s ease}.producing-indicator.speaking{background:#1a3a1a;border-color:#4caf50;color:#4caf50;box-shadow:0 0 20px #4caf504d;animation:glow 2s ease-in-out infinite}.producing-indicator.silent{background:#2a2a2a;border-color:#666;color:#888;box-shadow:none;animation:none}.producing-indicator.silent .pulse-ring{background:#666}.producing-indicator.silent .pulse-ring:before{display:none}@keyframes glow{0%,to{box-shadow:0 0 20px #4caf504d}50%{box-shadow:0 0 30px #4caf5099}}.pulse-ring{width:16px;height:16px;border-radius:50%;background:#4caf50;position:relative}.pulse-ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #4CAF50;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.local-monitor-control{padding:1rem;background:#2a2a2a;border-radius:6px;border:1px solid #444}.local-monitor-control:has(input:checked){border-color:#4caf50}.monitor-label{display:flex;align-items:center;cursor:pointer;gap:.75rem}.monitor-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4CAF50}.monitor-text{flex:1}.monitor-active{margin-left:8px;color:#4caf50;font-size:.9em}.audio-info{padding:1rem;background:#1a1a1a;border-radius:4px;border-left:3px solid #4CAF50}.info-text{color:#999;font-size:.85rem;line-height:1.5;margin:0}.local-monitor-control .info-text{margin-top:.5rem}.header-content{display:flex;justify-content:space-between;align-items:center}.net-room{display:flex;justify-content:center}.left-pane{max-width:600px;width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.button.small{padding:.5rem 1rem;font-size:.9rem}.net-url-display{padding:12px;background-color:#2a2a2a;border-radius:6px;margin-bottom:16px;font-family:monospace;font-size:14px;word-break:break-all;border:1px solid #444;color:#0ff}.playback-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #3a3a3a}.muted-text{color:#888;font-style:italic}@media (max-width: 768px){.left-pane{max-width:100%}}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#2a2a2a;padding:1rem 2rem;border-bottom:2px solid #3a3a3a}.header h1{font-size:1.5rem;color:#4caf50;font-weight:600}.header .subtitle{font-size:.9rem;color:#888;margin-top:.25rem}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.card{background:#2a2a2a;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000004d}.button{background:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;transition:background .2s}.button:hover{background:#45a049}.button:disabled{background:#666;cursor:not-allowed}.button.secondary{background:#666}.button.secondary:hover{background:#555}.button.danger{background:#f44336}.button.danger:hover{background:#da190b}.input{background:#1a1a1a;border:1px solid #444;color:#fff;padding:.75rem;border-radius:4px;font-size:1rem;width:100%}.input:focus{outline:none;border-color:#4caf50}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-weight:500}.error{background:#f443361a;border:1px solid #f44336;color:#f44336;padding:1rem;border-radius:4px;margin-bottom:1rem}.success{background:#4caf501a;border:1px solid #4CAF50;color:#4caf50;padding:1rem;border-radius:4px;margin-bottom:1rem}*{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:#1a1a1a;color:#fff}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}