@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Lato,sans-serif;font-weight:400;font-style:normal;color:#fff;display:flex;flex-direction:column;min-height:100vh;background-color:#5f0039}#root{display:flex;flex-direction:column;min-height:100vh;flex:1}header{font-family:Lato,sans-serif;font-weight:700;font-style:normal;background-color:#870f57;padding:1rem;border-bottom:3px solid #fff;text-align:center;flex-shrink:0}.login-form{background-color:#5f0039;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:1rem}.login-form form{background-color:#4b002ecc;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:380px;text-align:center}.login-form h2{margin-top:0;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700;color:#fff}.login-form label{display:block;margin-bottom:1rem;text-align:left;font-weight:500;color:#fff;font-size:.95rem}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.login-form input[type=text]{width:100%;margin-top:.4rem;margin-bottom:0;padding:10px 14px;font-size:15px;border-radius:6px;border:2px solid rgba(255,255,255,.2);background-color:#fffffff2;transition:all .3s ease;box-sizing:border-box}.login-form input[type=text]:focus{border-color:#a32e76;box-shadow:0 0 0 3px #a32e7633;outline:none}.login-form input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.login-form input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;margin:0;padding:0;width:16px;height:16px;border:none;box-shadow:none;background:transparent;accent-color:rgb(163,46,118)}.moderator-controls input[type=radio],.moderator-controls input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;margin-right:.3rem;accent-color:rgb(163,46,118)}.moderator-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;align-items:center}.moderator-section>button{align-self:center}.parity-options{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:center}.parity-options label{display:inline-flex;align-items:center;gap:.35rem;margin:0}.login-form button{width:100%;margin-top:1.2rem;padding:12px 20px;font-size:16px;font-weight:600;border-radius:6px;background-color:#a32e76;border:2px solid rgb(163,46,118);color:#fff;cursor:pointer;transition:all .3s ease}.login-form button:hover:not(:disabled){background-color:#b7428a;border-color:#b7428a;transform:translateY(-2px);box-shadow:0 4px 12px #a32e7666}.main-app button,.topic-list-container button{background-color:#a32e76;border:2px solid rgb(163,46,118);color:#fff;padding:8px 16px;font-size:14px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .3s ease}.main-app button:hover:not(:disabled),.topic-list-container button:hover:not(:disabled){background-color:#b7428a;border-color:#b7428a;transform:translateY(-2px);box-shadow:0 4px 12px #a32e7666}.main-app button:disabled,.topic-list-container button:disabled{background-color:#666;border-color:#666;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.login-form button:disabled{background-color:#666;border-color:#666;cursor:not-allowed;transform:none;box-shadow:none}.login-form .error-message{background-color:#dc3545e6;color:#fff;padding:12px;border-radius:6px;margin-bottom:1rem;border:1px solid rgba(220,53,69,.5)}.content{background-color:#7e295c;display:flex;flex-direction:row;overflow:hidden;flex:1}.main-app{flex:1;padding:1rem;overflow-y:auto;text-align:center}.topic-list-container{width:40%;border-left:3px solid #fff;padding:.5rem;background-color:#811757;overflow-y:auto}.moderator-controls{margin-top:1rem;background-color:#5f0039;display:none;height:auto}.moderator-controls.visible{display:block}.current-speaker-div{margin:1rem auto;max-width:600px}.current-speaker-div.card{background-color:#fff;color:#a32e76;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000001a;border:2px solid rgb(163,46,118);text-align:center;max-width:600px;margin:1rem auto}.speaker-timer{font-weight:700;margin-top:.5rem}input:not([type=checkbox]){padding:6px 12px;font-size:16px;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;box-sizing:border-box;margin:4px;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input:not([type=checkbox]):focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}button{cursor:pointer;outline:0;color:#fff;background-color:#4b002e;border-color:#a32e76;display:inline-block;font-weight:400;margin-right:2px;margin-top:4px;margin-left:2px;line-height:2.5;text-align:center;border:1px solid transparent;padding:2px 10px;font-size:16px;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}button:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}button:disabled,button[disabled]{border:1px solid #999999;background-color:#ccc;color:#666;cursor:default}.main-app.card,.topic-list-container.card{background-color:#4b002ecc;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn{display:none}.logout-btn.visible{display:inline}.remove-self{margin-left:1rem}.queue-list li,.topic-list li{display:flex;align-items:center;justify-content:space-between}.queue-list li{padding:.5rem 1rem}.queue-list{margin-top:1rem}.queue-list li.current-user{background-color:#ffffff1f}.queue-closed{color:#f8d7da;background-color:#721c24;padding:.5rem 1rem;border:1px solid #f5c6cb;border-radius:4px;margin:.5rem 0;font-style:italic}.queue-text,.topic-text{flex:1}.queue-controls,.topic-controls{display:inline-flex;gap:4px;flex-shrink:0}.queue-list,.topic-list{list-style:none;margin:0;padding:0}.queue-list{counter-reset:queue-counter}.topic-list{counter-reset:topic-counter}.queue-list li{counter-increment:queue-counter}.topic-list li{counter-increment:topic-counter}.queue-text:before{content:counter(queue-counter) ". ";margin-right:.5em}.topic-text:before{content:counter(topic-counter) ". ";margin-right:.5em}.join-count{margin-left:.5em;font-size:.9em;opacity:.8}@media (max-width: 768px){.content{flex-direction:column;height:auto}.main-app{padding:.5rem}.topic-list-container{width:100%;border-left:none;border-top:3px solid #fff;max-height:200px;order:2}.current-speaker-div{margin-left:5%;margin-right:5%}.moderator-controls.visible{padding:.5rem;margin-top:.5rem}.moderator-controls input{width:100%;margin:.2rem 0;box-sizing:border-box}.moderator-controls input[type=checkbox]{width:auto}.moderator-controls label{display:block;margin:.5rem 0}h1{font-size:1.5rem}h2{font-size:1.2rem}button{margin:.2rem;padding:8px 12px;font-size:14px}}@media (max-width: 480px){header{padding:.5rem}header h1{font-size:1.8rem}.main-app{padding:.3rem}.current-speaker-div{margin-left:2%;margin-right:2%}}