@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";.forum-x-container{color:#fff;background-color:var(--background-dark);flex-direction:column;min-height:100vh;font-family:Space Grotesk,sans-serif;display:flex;position:relative;overflow-x:hidden}.aurora-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#3713ec26 0%,#0000 40%),radial-gradient(circle at 80% 80%,#3713ec1a 0%,#0000 40%);position:fixed;inset:0}.layout-container{z-index:10;flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative}.header{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a091080;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.logo{width:2rem;height:2rem;color:var(--primary)}.brand-name{color:#fff;letter-spacing:-.025em;font-size:1.25rem;font-weight:700;line-height:1.25}.header-right{gap:1rem;display:flex}.icon-button{color:#fff;cursor:pointer;background-color:#ffffff0d;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .3s;display:flex}.icon-button:hover{background-color:#ffffff1a}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem;display:flex}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{color:#fff;letter-spacing:-.025em;margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.25}.hero-description{color:#fff9;max-width:36rem;margin:0 auto;font-size:1.125rem;font-weight:300}.action-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;display:grid}@media (min-width:768px){.action-grid{grid-template-columns:repeat(3,1fr)}.hero-title{font-size:3.75rem}}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;align-items:center;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.glass-card:hover{background:#3713ec14;border-color:#3713ec66;transform:translateY(-4px);box-shadow:0 0 30px #3713ec33}.primary-card{overflow:hidden}.recommended-badge{padding:.5rem;position:absolute;top:0;right:0}.recommended-badge span{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background-color:#3713ec33;border-radius:9999px;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.card-icon{width:4rem;height:4rem;color:var(--primary);background-color:#3713ec1a;border-radius:9999px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.glass-card:hover .card-icon{background-color:var(--primary);color:#fff}.primary-icon{background-color:var(--primary);color:#fff;box-shadow:0 10px 25px #3713ec33}.card-icon .material-symbols-outlined{font-size:2.25rem}.card-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.card-description{color:#ffffff80;margin-bottom:2rem;font-size:1rem;line-height:1.625}.card-action{width:100%;margin-top:auto}.action-button{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:3rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.action-button.secondary{background-color:#ffffff0d;border:1px solid #ffffff0d}.glass-card:hover .action-button.secondary{border-color:#3713ec80}.action-button.primary{background-color:var(--primary);font-weight:700;box-shadow:0 10px 25px #3713ec4d}.action-button.primary:hover{background-color:#3713eccc}.platform-overview{opacity:.4;width:100%;max-width:56rem;margin-top:5rem}.section-divider{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.divider-line{background-color:#fff3;flex-grow:1;height:1px}.divider-text{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.visualization-container{aspect-ratio:21/9;background-color:#0006;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;position:relative;overflow:hidden}.visualization-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.circle-outer{border:1px dashed #3713ec66;border-radius:9999px;width:12rem;height:12rem;animation:20s linear infinite spin}.circle-middle{border:2px solid #3713ec33;border-radius:9999px;width:8rem;height:8rem;position:absolute}.circle-center{filter:blur(4px);background-color:#3713ec99;border-radius:9999px;width:1rem;height:1rem;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{text-align:center;border-top:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.footer-link{color:#fff6;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--primary)}.footer-copyright{color:#fff3;letter-spacing:.05em;font-size:.75rem;font-weight:400}.header-logo{-o-object-fit:fill;object-fit:fill;width:120px;height:48px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg,#1e1e32f2,#141428f2);border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:400px;padding:2rem;box-shadow:0 20px 60px #00000080}.modal-content h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-content p{color:#fff9;margin-bottom:1.5rem;font-size:.875rem}.modal-content input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-bottom:1.5rem;padding:12px 16px;font-family:Space Grotesk,sans-serif;font-size:1rem;transition:all .3s}.modal-content input::placeholder{color:#ffffff4d}.modal-content input:focus{border-color:var(--primary);background:#ffffff14;outline:none}.modal-actions{gap:1rem;display:flex}.modal-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s}.modal-button.primary{background:var(--primary);color:#fff}.modal-button.primary:hover{background:#3713eccc;transform:translateY(-2px)}.modal-button.secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a}.modal-button.secondary:hover{background:#ffffff26;border-color:#fff3}:root{--primary:#3713ec;--background-light:#f6f6f8;--background-dark:#0d0b1a}.round-table-container{color:#fff;background-color:var(--background-dark);height:100vh;font-family:Space Grotesk,sans-serif;overflow:hidden}.layout-wrapper{flex-direction:column;height:100%;display:flex}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a}.header-logo{width:auto;height:32px}.brand-title{display:none}.nav-links{align-items:center;gap:2rem;font-size:.875rem;font-weight:500;display:flex}.nav-link{color:#fff9;cursor:pointer;border-bottom:2px solid #0000;padding:.5rem 0;text-decoration:none;transition:all .3s}.nav-link:hover{color:#fff}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.header-actions{gap:.5rem;display:flex}.icon-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .3s;display:flex}.icon-btn:hover{background-color:#ffffff1a}.icon-btn .material-symbols-outlined{font-size:1.25rem}.avatar-circle{border:2px solid var(--primary);border-radius:50%;width:2.5rem;height:2.5rem;overflow:hidden}.avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.main-container{flex:1;display:flex;position:relative;overflow:hidden}.content-area{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.title-overlay{display:none}.discussion-title{letter-spacing:-.025em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.status-indicator{align-items:center;gap:.5rem;display:flex}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)rotate(0)}50%{opacity:.9;transform:scale(1.2)rotate(180deg)}}.status-text{color:#fff9;font-size:.875rem}.round-table{justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:relative}.table-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg);opacity:1!important;visibility:visible!important}.table-svg path{opacity:1!important;visibility:visible!important;fill-opacity:.4!important;stroke-opacity:1!important;stroke-width:2px!important}.segment-talking{animation:1.5s ease-in-out infinite segment-glow;fill-opacity:.6!important}@keyframes segment-glow{0%,to{stroke-opacity:1;stroke-width:2px;filter:brightness()}50%{stroke-opacity:1;stroke-width:3px;filter:brightness(1.3)}}.participants-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.participant-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:1px;white-space:nowrap;z-index:10;pointer-events:none;text-shadow:0 2px 4px #00000080;text-transform:uppercase;background:#000c;border:2px solid #fff3;border-radius:25px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .3s;position:absolute;box-shadow:0 4px 20px #00000080;opacity:1!important;visibility:visible!important}.participant-label.talking{background:#22c55e66;border-color:#22c55ecc;animation:1.5s ease-in-out infinite pulse-label;box-shadow:0 0 30px #22c55e80,0 4px 20px #00000080}@keyframes pulse-label{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}.inner-ring{z-index:3;background:#0f0f1e;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff0d,inset 0 0 40px #000c}.shared-hub{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4;cursor:pointer;background:#141428f2;border:2px solid #6464ff4d;border-radius:20px;width:38%;min-height:38%;max-height:70%;padding:15px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 30px #6464ff33,inset 0 0 30px #0000004d}.shared-hub:hover{background:#1e1e32f2;border-color:#6464ff80;transform:translate(-50%,-50%)scale(1.02)}.shared-hub.expanded{border-color:#6464ff99;width:65%;min-height:65%;max-height:85%;padding:25px}.hub-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.hub-title{color:#6366f1;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.hub-pin{color:#ffffff80;font-size:20px;transition:all .3s}.shared-hub:hover .hub-pin{color:#fffc}.hub-content{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shared-hub.expanded .hub-content{grid-template-columns:repeat(3,1fr);gap:1rem}.sticky-note{border-radius:8px;padding:12px;font-size:.75rem;font-weight:600;line-height:1.4;transition:transform .3s;box-shadow:0 2px 10px #0000004d}.sticky-note:hover{transform:translateY(-3px)rotate(0)!important}.sticky-note.yellow{color:#78350f;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.sticky-note.blue{color:#1e3a8a;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.sticky-note.purple{color:#581c87;background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%)}.sticky-note.full-width{grid-column:1/-1}.rotate-1{transform:rotate(1deg)}.rotate-minus-2{transform:rotate(-2deg)}.file-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;padding:10px;transition:background-color .3s;display:flex}.file-item:hover{background-color:#ffffff14}.file-icon{color:#6366f1;font-size:24px}.file-info{flex:1;overflow:hidden}.file-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.85rem;font-weight:600;line-height:1;overflow:hidden}.file-meta{color:#ffffff80;margin-top:.125rem;font-size:.7rem}.bottom-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffff08;border:1px solid #3713ec4d;border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.control-group{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.375rem;padding:.5rem .75rem;transition:all .3s;display:flex}.control-group:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.control-group:active{transform:translateY(0)}.control-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.control-icon .material-symbols-outlined{font-size:16px}.control-label{letter-spacing:.5px;text-transform:uppercase;font-size:.75rem;font-weight:600}.control-group.reverse{flex-direction:row-reverse}.push-to-talk-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:16px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f14d,0 0 #6366f180}.push-to-talk-btn .button-text{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;display:flex}.push-to-talk-btn .talking-indicator{align-items:center;gap:8px;display:flex}.audio-bars{align-items:flex-end;gap:2px;height:16px;display:flex}.audio-bars .bar{background:#ffffff4d;border-radius:2px;width:3px;height:6px;transition:all .15s}.audio-bars .bar:nth-child(2){height:10px}.audio-bars .bar:nth-child(3){height:14px}.audio-bars .bar.active{background:#fff;animation:.3s bar-bounce;box-shadow:0 0 8px #ffffff80}@keyframes bar-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.push-to-talk-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.push-to-talk-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6366f166,0 0 #6366f180}.push-to-talk-btn:hover:before{left:100%}.push-to-talk-btn.active{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);animation:1s ease-in-out infinite pulse-talk;box-shadow:0 6px 30px #22c55e80,0 0 30px #22c55e4d}@keyframes pulse-talk{0%,to{box-shadow:0 6px 30px #22c55e80,0 0 30px #22c55e4d}50%{box-shadow:0 6px 35px #22c55eb3,0 0 40px #22c55e80}}.push-to-talk-btn.active .material-symbols-outlined{animation:2s linear infinite rotate-talk}@keyframes rotate-talk{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.push-to-talk-btn.muted-mode{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.push-to-talk-btn.muted-mode:hover{box-shadow:0 6px 30px #f59e0b66,0 0 30px #f59e0b4d}.push-to-talk-btn .material-symbols-outlined{font-size:20px;transition:all .3s}.control-group:has([class*=mic_off]){background:#ef44441a;border-color:#ef44444d}.control-group:has([class*=mic_off]) .control-icon{color:#ef4444;background:#ef444433}.control-group:has([class*=mic_off]) .control-label{color:#ef4444}.control-group:has([class*=mic]):not(:has([class*=mic_off])) .control-icon{color:#22c55e;background:#22c55e33}.control-group:has([class*=check_circle]){background:#6366f11a;border-color:#6366f14d}.control-group:has([class*=check_circle]) .control-icon{color:#6366f1;background:#6366f133}.control-group:has([class*=check_circle]) .control-label{color:#6366f1}.chat-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-left:1px solid #ffffff1a;flex-direction:column;width:400px;display:flex}.chat-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.chat-title{font-size:1.125rem;font-weight:700}.recording-badge{text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff1a;border-radius:.25rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.625rem;display:flex}.recording-dot{background-color:var(--primary);border-radius:50%;width:.375rem;height:.375rem}.chat-messages{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;gap:.5rem;display:flex}.message-wrapper.right{align-items:flex-end}.message-container{align-items:flex-end;gap:.5rem;display:flex}.message-container.right{flex-direction:row-reverse}.message-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:2rem;height:2rem;overflow:hidden}.message-avatar.primary{border-color:#3713ec80}.message-bubble{background-color:#ffffff0d;border-radius:1rem;max-width:80%;padding:.75rem 1rem}.message-container.left .message-bubble{border-bottom-left-radius:0}.message-container.right .message-bubble{border-bottom-right-radius:0}.message-bubble.me{background-color:#3713ec33;border:1px solid #3713ec4d}.message-author{margin-bottom:.25rem;font-size:.75rem;font-weight:700}.message-author.purple{color:#a855f7}.message-author.primary{color:var(--primary)}.message-author.blue{color:#60a5fa}.message-text{font-size:.875rem;line-height:1.5}.message-time{color:#ffffff4d;font-size:.625rem}.message-time.left{margin-left:2.5rem}.message-time.right{margin-right:2.5rem}.chat-input-container{padding:1.5rem}.input-wrapper{position:relative}.chat-input{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;padding:.75rem 3rem .75rem 1rem;font-size:.875rem;transition:border-color .3s}.chat-input::placeholder{color:#fff3}.chat-input:focus{border-color:#3713ec80}.send-button{background-color:var(--primary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .3s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.send-button:hover{background-color:#3713eccc}.send-button .material-symbols-outlined{color:#fff;font-size:.875rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff08}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.room-code-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;display:flex}.room-code-label{color:#aaa;font-size:.9rem;font-weight:500}.room-code{color:#4caf50;letter-spacing:2px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.copy-code-btn{cursor:pointer;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;transition:all .3s;display:flex}.copy-code-btn:hover{background:#4caf5033;transform:translateY(-2px)}.copy-code-btn .material-symbols-outlined{color:#4caf50;font-size:18px}.top-header{justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.header-left,.header-right{flex:1;align-items:center;gap:15px;display:flex}.header-right{justify-content:flex-end}.user-name-info{color:#4caf50;font-size:.85rem;font-weight:500}.room-info{color:#fff9;font-size:.875rem}@media (max-width:1200px){.round-table{max-width:500px;height:500px}}@media (max-width:1024px){.room-code-container{padding:6px 12px}.room-code{font-size:1rem}}@media (max-width:768px){.header-center{display:none}.round-table{max-width:400px;height:400px}.participant-label{padding:6px 12px;font-size:.8rem}.bottom-controls{gap:.5rem;padding:.4rem .8rem}.push-to-talk-btn{padding:.5rem 1rem;font-size:.75rem}.control-group{padding:.4rem .6rem}.control-label{font-size:.7rem}.control-icon{width:24px;height:24px}.control-icon .material-symbols-outlined{font-size:14px}}.pre-join-container{background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.pre-join-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:500px;padding:40px;animation:.5s ease-in fadeIn;box-shadow:0 8px 32px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pre-join-header{text-align:center;margin-bottom:30px}.prejoin-logo{width:180px;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto;display:block}.pre-join-header h1{color:#fff;margin-bottom:10px;font-size:2rem;font-weight:600}.pre-join-header h2{color:#aaa;font-size:1.2rem;font-weight:400}.audio-preview{margin-bottom:30px}.mic-indicator{text-align:center;color:#fff;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;padding:20px;font-size:1.1rem;transition:all .3s}.mic-indicator.active{background:#4caf5026;border:2px solid #4caf5066}.pre-join-form{flex-direction:column;gap:20px;display:flex}.input-group label{color:#aaa;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.input-group input{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;width:100%;padding:15px;font-size:1rem;transition:all .3s}.input-group input:focus{background:#ffffff26;border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a}.input-group input:disabled{opacity:.5;cursor:not-allowed}.controls-group{justify-content:center;gap:10px;display:flex}.control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s}.control-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.muted{background:#f4433633;border-color:#f4433680}.control-btn.muted:hover:not(:disabled){background:#f443364d}.join-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:10px;padding:15px;font-size:1.1rem;font-weight:600;transition:all .3s}.join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #4caf5066}.join-btn:active:not(:disabled){transform:translateY(0)}.join-btn:disabled{opacity:.5;cursor:not-allowed;background:#4caf504d}.permission-help{text-align:center;background:#f443361a;border:1px solid #f443364d;border-radius:10px;margin-top:20px;padding:15px}.permission-help p{color:#fff;margin-bottom:10px;font-size:.9rem}.permission-help button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.permission-help button:hover{background:#45a049;transform:translateY(-2px)}@media (max-width:600px){.pre-join-card{padding:30px 20px}.pre-join-header h1{font-size:1.5rem}.pre-join-header h2{font-size:1rem}}:root{--primary:#3713ec;--background-light:#f6f6f8;--background-dark:#0f0f12;--card-dark:#1a1825;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--emerald-500:#10b981;--rose-500:#f43f5e;--amber-500:#f59e0b}.supervisor-container{color:var(--slate-900);background-color:var(--background-dark);min-height:100vh;font-family:Space Grotesk,sans-serif;position:relative}.mobile-menu-toggle{z-index:1001;background-color:var(--card-dark);border:1px solid var(--slate-800);color:#fff;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:none;position:fixed;top:1rem;left:1rem}.mobile-menu-toggle:hover{background-color:var(--primary)}.mobile-menu-toggle .material-symbols-outlined{font-size:1.5rem}.layout-grid{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--slate-800);background-color:var(--card-dark);z-index:100;flex-direction:column;flex-shrink:0;justify-content:space-between;width:288px;padding:1.5rem;transition:transform .3s;display:flex}.sidebar-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.sidebar-top{flex-direction:column;gap:2rem;display:flex}.brand-section{align-items:center;gap:.75rem;display:flex}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.brand-text{flex-direction:column;display:flex}.brand-title{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.25}.brand-subtitle{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.nav-menu{flex-direction:column;gap:.5rem;display:flex}.nav-item{cursor:pointer;color:var(--slate-400);-webkit-user-select:none;user-select:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex}.nav-item:hover{background-color:var(--slate-800)}.nav-item.active{background-color:var(--primary);color:#fff}.nav-label{font-size:.875rem;font-weight:500}.nav-badge{color:var(--primary);background-color:#3713ec33;border-radius:9999px;margin-left:auto;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.nav-item.active .nav-badge{color:#fff;background-color:#fff3}.notifications-section{margin-top:1rem}.section-title{color:var(--slate-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding:0 1rem;font-size:.625rem;font-weight:700}.notifications-list{flex-direction:column;gap:.75rem;padding:0 .5rem;display:flex}.notification-card{background-color:#f8fafc0d;border-radius:.5rem;padding:.75rem;position:relative}.notification-card.primary{border-left:2px solid var(--primary)}.notification-card.warning{border-left:2px solid var(--amber-500)}.notification-header{justify-content:space-between;align-items:flex-start;display:flex}.notification-title{color:#fff;font-size:.75rem;font-weight:600}.dismiss-btn{color:var(--slate-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.dismiss-btn:hover{color:var(--slate-300)}.dismiss-btn .material-symbols-outlined{font-size:1rem}.notification-text{color:var(--slate-500);margin-top:.125rem;font-size:.6875rem}.sidebar-bottom{border-top:1px solid var(--slate-800);flex-direction:column;gap:1rem;padding-top:1.5rem;display:flex}.bottom-item{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .3s;display:flex}.bottom-item:hover{background-color:var(--slate-800)}.bottom-item.danger{color:var(--rose-500)}.bottom-item.danger:hover{background-color:#f43f5e1a}.bottom-label{font-size:.875rem;font-weight:500}.sidebar-overlay{display:none}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{border-bottom:1px solid var(--slate-800);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#0f0f1280;justify-content:space-between;align-items:center;gap:1rem;height:5rem;padding:0 2.5rem;display:flex}.header-left-section{align-items:center;gap:1.5rem;display:flex}.page-title{letter-spacing:-.025em;color:#fff;font-size:1.25rem;font-weight:700}.divider{background-color:var(--slate-800);width:1px;height:1.5rem}.live-status{align-items:center;gap:.5rem;display:flex}.status-dot{background-color:var(--emerald-500);border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite pulse}.status-label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:500}.header-right-section{align-items:center;gap:1rem;display:flex}.search-container{width:288px;position:relative}.search-icon{color:var(--slate-400);pointer-events:none;font-size:1.25rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{background-color:var(--slate-800);color:#fff;border:none;border-radius:.75rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;transition:all .3s}.search-input::placeholder{color:var(--slate-500)}.search-input:focus{box-shadow:0 0 0 2px var(--primary);outline:none}.filter-button{background-color:var(--slate-800);width:2.5rem;height:2.5rem;color:var(--slate-300);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.filter-button:hover{background-color:var(--primary);color:#fff}.profile-section{border-left:1px solid var(--slate-800);align-items:center;gap:.75rem;padding-left:1rem;display:flex}.profile-info{text-align:right}.profile-name{color:#fff;font-size:.875rem;font-weight:700}.profile-role{color:var(--primary);text-transform:uppercase;font-size:.625rem;font-weight:700}.profile-avatar{-o-object-fit:cover;object-fit:cover;cursor:pointer;border:2px solid #3713ec33;border-radius:50%;width:2.5rem;height:2.5rem;transition:border-color .3s}.profile-avatar:hover{border-color:var(--primary)}.scrollable-content{flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.stat-card{background-color:var(--card-dark);border:1px solid var(--slate-800);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{border-color:var(--slate-700)}.stat-label{color:var(--slate-500);font-size:.875rem;font-weight:500}.stat-value-row{align-items:baseline;gap:.5rem;display:flex}.stat-number{color:#fff;font-size:2rem;font-weight:700}.stat-change{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.stat-change.positive{color:var(--emerald-500)}.stat-change.negative{color:var(--rose-500)}.stat-change.warning{color:var(--amber-500)}.section-header{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.section-title-large{color:#fff;font-size:1.5rem;font-weight:700}.view-all-button{border:1px solid var(--slate-800);color:var(--slate-400);cursor:pointer;background-color:#0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.view-all-button:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.team-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}@media (min-width:1400px){.team-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1800px){.team-grid{grid-template-columns:repeat(4,1fr)}}.team-card{background-color:var(--card-dark);border:1px solid var(--slate-800);border-radius:.75rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.team-card:hover{border-color:#3713ec80;box-shadow:0 25px 50px -12px #3713ec0d}.team-card.critical{border-color:#f43f5e80}.team-card.critical:hover{box-shadow:0 25px 50px -12px #f43f5e1a}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.card-title{color:#fff;font-size:1.125rem;font-weight:700}.card-title.danger{color:var(--rose-500)}.title-with-warning{align-items:center;gap:.5rem;display:flex}.warning-icon{color:var(--rose-500);font-size:.875rem;animation:2s infinite pulse}.card-subtitle{color:var(--slate-500);margin-top:.125rem;font-size:.75rem;font-weight:500}.participant-count{background-color:var(--slate-800);color:#fff;border-radius:.375rem;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.participant-count.danger{color:var(--rose-500);background-color:#f43f5e1a}.count-text{letter-spacing:-.025em;font-size:.75rem;font-weight:700}.table-visual{justify-content:center;align-items:center;padding:1rem 0;display:flex;position:relative}.table-ring{border:4px solid var(--slate-800);border-radius:50%;justify-content:center;align-items:center;width:192px;height:192px;display:flex;position:relative}.critical-ring{border-color:#f43f5e4d}.table-core{background-color:var(--slate-800);border:2px solid var(--slate-700);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.critical-core{background-color:var(--slate-800);border-color:#f43f5e33}.core-text{color:var(--slate-400);font-size:.625rem;font-weight:700}.core-text.danger{color:var(--rose-500)}.active-segment{border-bottom:4px solid var(--primary);border-radius:50%;position:absolute;inset:0;transform:rotate(-90deg);box-shadow:0 0 15px #3713ec99}.progress-segment{border-bottom:4px solid var(--primary);border-radius:50%;position:absolute;inset:0;transform:rotate(-45deg);box-shadow:0 0 15px #3713ec99}.critical-border{border:4px solid var(--rose-500);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 15px #f43f5e66}.marker{width:1rem;height:1rem;box-shadow:0 0 0 4px var(--background-dark);border-radius:50%;position:absolute}.marker-active{background-color:var(--primary)}.marker-inactive{background-color:var(--slate-600)}.marker-progress{background-color:var(--primary)}.marker-critical{background-color:var(--rose-500)}.marker-top{top:-.5rem;left:50%;transform:translate(-50%)}.marker-bottom{bottom:-.5rem;left:50%;transform:translate(-50%)}.marker-left{top:50%;left:-.5rem;transform:translateY(-50%)}.marker-right{top:50%;right:-.5rem;transform:translateY(-50%)}.card-footer{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.status-text{text-transform:uppercase;align-items:center;gap:.25rem;font-size:.625rem;font-weight:700;display:flex}.status-text.active{color:var(--primary)}.status-text.stable{color:var(--slate-400)}.status-text.critical{color:var(--rose-500)}.status-text.waiting{color:var(--slate-400)}.status-text.in-session{color:var(--emerald-500)}.status-indicator{background-color:currentColor;border-radius:50%;width:.375rem;height:.375rem}.status-indicator.ping{animation:1s infinite ping}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}.elapsed-time{color:var(--slate-400);text-transform:uppercase;font-size:.625rem;font-weight:700}.card-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#3713ece6;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;transition:all .3s;display:flex;position:absolute;inset:0}.team-card:hover .card-overlay{opacity:1}.critical-overlay{background-color:#f43f5ee6}.overlay-title{color:#fff;font-weight:700}.overlay-button{color:var(--primary);cursor:pointer;background-color:#fff;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.overlay-button:hover{background-color:var(--slate-100);transform:scale(1.05)}.overlay-button.danger{color:var(--rose-500)}.simple-visual{justify-content:center;align-items:center;height:128px;display:flex}.waiting-indicator{border:2px dashed var(--slate-700);width:96px;height:96px;color:var(--slate-400);border-radius:50%;justify-content:center;align-items:center;display:flex}.in-session-indicator{border:4px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.session-inner{width:64px;height:64px;color:var(--emerald-500);background-color:#10b9811a;border-radius:50%;justify-content:center;align-items:center;display:flex}.add-table-card{border:2px dashed var(--slate-800);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;padding:1.5rem;transition:all .3s;display:flex}.add-table-card:hover{border-color:var(--primary);background-color:#f8fafc05}.add-icon{background-color:var(--slate-800);width:48px;height:48px;color:var(--slate-400);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.add-table-card:hover .add-icon{background-color:var(--primary);color:#fff}.add-text{text-align:center}.add-title{color:var(--slate-500);font-weight:700}.add-subtitle{color:var(--slate-400);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.625rem}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:var(--slate-900)}.scrollable-content::-webkit-scrollbar-thumb{background:var(--slate-800);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--slate-700)}@media (max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.sidebar{z-index:1000;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:999;background-color:#00000080;display:block;position:fixed;inset:0}.top-header{padding:0 1rem 0 4.5rem}.page-title{font-size:1rem}.divider,.live-status,.profile-info{display:none}.search-container{width:200px}.scrollable-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.team-grid{grid-template-columns:1fr}}@media (max-width:480px){.top-header{height:4rem}.search-container{width:150px}.search-input{padding:.375rem .75rem .375rem 2rem;font-size:.75rem}.filter-button,.profile-avatar{width:2rem;height:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.section-title-large{font-size:1.25rem}.team-card{padding:1rem}.table-ring{width:160px;height:160px}.table-core{width:56px;height:56px}}@media (max-width:360px){.header-right-section{gap:.5rem}.search-container{display:none}.mobile-menu-toggle{width:2.5rem;height:2.5rem}.top-header{padding:0 .75rem 0 3.5rem}}.no-results{color:var(--slate-400);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.no-results .material-symbols-outlined{opacity:.5;font-size:4rem}.no-results p{font-size:1rem;font-weight:500}.container{background:linear-gradient(135deg,#0a0a15 0%,#1a1a2e 50%,#0f1729 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.container:before{content:"";filter:blur(80px);background:radial-gradient(circle,#6366f133 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:6s ease-in-out infinite pulse;position:absolute;top:-250px;right:-250px}.container:after{content:"";filter:blur(80px);background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite reverse pulse;position:absolute;bottom:-200px;left:-200px}.auth-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#141423d9;border:1px solid #6366f140;border-radius:20px;width:100%;max-width:460px;padding:50px 45px;position:relative;box-shadow:0 30px 60px #0009,0 0 80px #6366f11a,inset 0 1px #ffffff0d}.auth-box h2{color:#fff;text-align:center;letter-spacing:-1px;background:linear-gradient(135deg,#6366f1 0%,#a78bfa 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:42px;font-weight:800;animation:3s ease-in-out infinite glow;position:relative}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px #6366f166)}50%{filter:drop-shadow(0 0 30px #8b5cf699)}}.auth-subtitle{text-align:center;color:#ffffff80;letter-spacing:.5px;margin-bottom:32px;font-size:14px;font-weight:500}.auth-logo{-o-object-fit:fill;object-fit:fill;width:200px;height:80px;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:block}.auth-box form{flex-direction:column;gap:18px;display:flex}.auth-box input{color:#fff;background:#0f0f1eb3;border:1.5px solid #6366f140;border-radius:12px;outline:none;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:500;transition:all .3s}.auth-box input::placeholder{color:#ffffff59;font-weight:400}.auth-box input:focus{background:#0f0f1ee6;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f126,0 4px 12px #6366f133}.auth-box button{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;margin-top:12px;padding:17px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 20px #6366f166,0 2px 8px #6366f14d}.auth-box button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-box button:hover:before{left:100%}.auth-box button:hover{background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);transform:translateY(-3px);box-shadow:0 10px 30px #6366f180,0 4px 15px #6366f166}.auth-box button:active{transform:translateY(-1px)}.switch-text{text-align:center;color:#ffffff8c;margin-top:32px;font-size:14px;font-weight:500}.switch-text span{color:#6366f1;cursor:pointer;margin-left:6px;font-weight:700;text-decoration:none;transition:all .2s;position:relative}.switch-text span:after{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.switch-text span:hover:after{width:100%}.switch-text span:hover{color:#8b5cf6}.auth-box:before{content:"";filter:blur(1px);background:linear-gradient(90deg,#0000,#6366f1,#0000);width:60%;height:2px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}@media (max-width:480px){.auth-box{padding:40px 32px}.auth-box h2{font-size:36px}.auth-subtitle{font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#181818;width:100%;height:100%}.table-wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.table-container{width:420px;height:420px;position:relative}.ring{border-radius:50%;width:100%;height:100%}.ring-inner{z-index:3;background:#181818;border-radius:50%;position:absolute;inset:65px}.ring-glow{filter:blur(40px);opacity:.9;z-index:1;border-radius:50%;position:absolute;inset:-25px}.member-label{text-align:center;z-index:5;width:110px;font-size:.75rem;position:absolute;top:50%;left:50%}.member-label button{color:#fff;cursor:pointer;background:#111;border:1px solid #444;border-radius:6px;margin-top:4px;padding:3px 6px;font-size:.65rem}.idea-center{z-index:6;background:#111;border:2px solid #444;border-radius:10px;padding:10px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}