.app{max-width:400px;margin:0 auto}.loading{text-align:center;padding:2rem}h1{font-size:1.2rem;margin:0 0 1rem}.banner{background:#ff1744;color:#fff;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.btn-clear{display:block;width:100%;padding:.6rem;margin-bottom:1rem;border:1px solid #e94560;border-radius:.5rem;background:#2d1b1b;color:#ff6b6b;font-size:.95rem;font-weight:600;cursor:pointer}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.spotlighted{font-size:.85rem;color:#aaa;margin-bottom:.75rem}.participant-list{list-style:none;padding:0;margin:0}.participant-list li{margin-bottom:.5rem}.participant-row{display:flex;align-items:center;gap:.5rem}.participant-name{flex:1}.btn-mute{flex-shrink:0;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:.4rem;background:#2d1b1b;color:#eaeaea;font-size:1.1rem;cursor:pointer;transition:background .15s}.btn-mute:hover:not(:disabled){background:#4a2c2c}.btn-mute:disabled{opacity:.5;cursor:not-allowed}.participant-list button{display:block;width:100%;padding:.75rem 1rem;border:none;border-radius:.5rem;background:#16213e;color:#eaeaea;font-size:1rem;text-align:left;cursor:pointer;transition:background .15s}.participant-list button:not(:disabled):hover{background:#0f3460}.participant-list button:disabled{opacity:.6;cursor:not-allowed}.participant-list li.spotlighted button{background:#1b3d2f;color:#00c853}.toast{position:fixed;bottom:1.5rem;left:1rem;right:1rem;padding:.75rem 1rem;background:#333;color:#fff;border-radius:.5rem;font-size:.9rem;text-align:center;z-index:100}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eaeaea;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100vh;padding:1rem}