:root{--bg-0:#050506;--bg-1:#0b0b0d;--bg-2:#131318;--bg-3:#1b1c22;--bg-hover:#16171b;--border-1:#232530;--border-2:#2b2c33;--border-3:#3e404a;--text-0:#f3f1ea;--text-1:#b8b5ad;--text-2:#7d7a72;--text-3:#4c4a45;--accent:#c9a034;--accent-bright:#e6c05e;--accent-bg:#c9a034;--accent-fg:#0a0a0a;--accent-soft:#c9a0341f;--accent-glow:#c9a03459;--red:#d97a6c;--red-bg:#d97a6c1f;--green:#6bb28d;--green-bg:#6bb28d1f;--yellow:#d1a24a;--yellow-bg:#d1a24a1f;--self-blue:#8fa8c9;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--radius:8px;--radius-lg:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mobile-only{display:none!important}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-soft);color:var(--text-0)}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-0);-webkit-font-smoothing:antialiased;height:100dvh;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.view{z-index:1;width:100%;height:100%;display:none;position:relative}.view.active{animation:.35s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}#setup-view{background:var(--bg-0);justify-content:center;align-items:center;position:relative;overflow:hidden}.setup-bg-grid{pointer-events:none;background-image:linear-gradient(var(--border-1) 1px, transparent 1px), linear-gradient(90deg, var(--border-1) 1px, transparent 1px);opacity:.7;background-size:64px 64px;animation:50s linear infinite grid-drift;position:absolute;inset:-64px;-webkit-mask-image:radial-gradient(60% 55% at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 40%,#000 0%,#0000 75%)}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:64px 64px,64px 64px}}.ambient-glow{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-glow span{filter:blur(60px);opacity:.22;border-radius:50%;position:absolute}.ambient-glow span:first-child{background:var(--accent);width:380px;height:380px;animation:22s ease-in-out infinite alternate drift-a;top:-120px;left:-80px}.ambient-glow span:nth-child(2){background:var(--self-blue);opacity:.14;width:320px;height:320px;animation:26s ease-in-out infinite alternate drift-b;bottom:-140px;right:-60px}@keyframes drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}@keyframes drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,-30px)scale(1.1)}}.setup-container{background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-1) 100%);border:1px solid var(--border-1);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:2.5rem 2.25rem;position:relative;box-shadow:0 40px 80px -30px #000c}.setup-header{text-align:center;margin-bottom:2.25rem}.brand-mark{justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;display:flex;position:relative}.brand-mark:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:.6;animation:4s ease-in-out infinite seal-breathe;position:absolute;inset:-14px}@keyframes seal-breathe{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.65;transform:scale(1.04)}}.brand-logo{width:40px;height:40px;color:var(--accent-bright);z-index:1;position:relative}.brand-mark:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff8c 50%,#0000 60%) 200% 0/300% 100%;animation:6s ease-in-out infinite glint;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12 2 21 7.5 21 16.5 12 22 3 16.5 3 7.5' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12 2 21 7.5 21 16.5 12 22 3 16.5 3 7.5' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:40px 40px;mask-size:40px 40px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes glint{0%,20%{background-position:200% 0}40%,to{background-position:-100% 0}}.setup-header h1{font-family:var(--font-mono);letter-spacing:4px;color:var(--text-0);font-size:1.05rem;font-weight:600}.setup-header .tagline{color:var(--text-2);letter-spacing:.2px;margin-top:.4rem;font-size:.75rem}.tabs{border-bottom:1px solid var(--border-1);margin-bottom:1.75rem;display:flex;position:relative}.tab{text-align:center;cursor:pointer;color:var(--text-2);letter-spacing:.2px;border-bottom:2px solid #0000;flex:1;padding:.65rem;font-size:.78rem;font-weight:500;transition:color .15s}.tab:hover{color:var(--text-1)}.tab.active{color:var(--text-0);border-bottom-color:var(--accent)}.tab-content{display:none}.tab-content.active{animation:.2s fadeIn;display:block}.desc{color:var(--text-2);margin-bottom:1.25rem;font-size:.8rem;line-height:1.55}.section-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.6rem;font-size:.68rem;font-weight:600;display:block}.segmented-control{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius-lg);gap:.35rem;margin-bottom:1.15rem;padding:.3rem;display:flex}.segment{border-radius:calc(var(--radius-lg) - 5px);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.6rem .5rem;transition:background .15s;display:flex;position:relative}.segment input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.segment-label{font-family:var(--font-mono);color:var(--text-2);font-size:.82rem;font-weight:600;transition:color .15s}.segment-sub{color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;font-size:.6rem}.segment:hover{background:var(--bg-hover)}.segment:has(input:checked){background:var(--accent-soft)}.segment:has(input:checked) .segment-label{color:var(--accent-bright)}.segment:has(input:checked) .segment-sub{color:var(--text-1)}.segment:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.input-group{flex-direction:column;margin-bottom:1rem;display:flex}.input-group label{color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.45rem;font-size:.68rem;font-weight:600}input[type=text],input[type=password],textarea{background:var(--bg-0);border:1px solid var(--border-2);color:var(--text-0);border-radius:var(--radius);width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical}input[type=file]{width:100%;font-family:var(--font-body);color:var(--text-2);cursor:pointer;background:var(--bg-0);border:1px dashed var(--border-2);border-radius:var(--radius);padding:.5rem .6rem;font-size:.76rem;transition:border-color .15s,background .15s}input[type=file]:hover{border-color:var(--accent);background:var(--bg-hover)}input[type=file]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=file]::file-selector-button{font-family:var(--font-body);color:var(--text-1);background:var(--bg-3);border:1px solid var(--border-2);cursor:pointer;border-radius:6px;margin-right:.75rem;padding:.4rem .75rem;font-size:.72rem;font-weight:600;transition:all .15s}input[type=file]::file-selector-button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary,.btn-outline,.btn-ghost{cursor:pointer;border-radius:var(--radius);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-bg);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 6px 16px -6px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--text-1);border:1px solid var(--border-2);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--text-0)}.btn-ghost{color:var(--text-2);background:0 0;padding:.4rem .75rem}.btn-ghost:hover{color:var(--text-0)}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.result-box{border-top:1px solid var(--border-1);margin-top:1.25rem;padding-top:1.25rem;animation:.25s fadeIn}.success-msg{color:var(--green);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;font-weight:500;display:flex}.did-display{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius);word-break:break-all;margin-bottom:1rem;padding:.7rem .85rem}.did-display .label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.25rem;font-size:.62rem;display:block}.did-display code{color:var(--accent-bright);font-size:.75rem;font-family:var(--font-mono)}.action-row{gap:.5rem;display:flex}.action-row button{flex:1}.error-msg{color:var(--red);text-align:center;min-height:1rem;margin-top:1rem;font-size:.8rem}.human-fallback{text-align:center;color:var(--text-3);margin-top:1.5rem;font-size:.75rem}.human-fallback a{color:var(--text-1);text-underline-offset:3px;text-decoration:underline;transition:color .15s}.human-fallback a:hover{color:var(--accent-bright)}.hidden{display:none!important}.mt-sm{margin-top:.4rem}#app-view{flex-direction:row}.sidebar{background:var(--bg-1);border-right:1px solid var(--border-1);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.sidebar-account{cursor:pointer;border-bottom:1px solid var(--border-1);align-items:center;gap:.6rem;height:64px;padding:0 1rem;transition:background .15s;display:flex}.sidebar-account:hover{background:var(--bg-hover)}.avatar-sm{background:var(--bg-3);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.avatar-sm svg{width:14px;height:14px;color:var(--text-2)}.account-meta{flex:1;overflow:hidden}.account-label{color:var(--text-0);font-size:.8rem;font-weight:600;display:block}.account-did-short{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-family:var(--font-mono);display:block;overflow:hidden}.chevron{width:14px;height:14px;color:var(--text-3);flex-shrink:0;transition:transform .15s}.sidebar-account.open .chevron{transform:rotate(180deg)}.account-wrapper{flex-shrink:0;position:relative}.account-panel{z-index:100;background:var(--bg-2);border-radius:var(--radius-lg);border:1px solid var(--border-2);scrollbar-width:none;-ms-overflow-style:none;max-height:300px;animation:.15s fadeIn;position:absolute;top:calc(100% + 4px);left:.5rem;right:.5rem;overflow-y:auto;box-shadow:0 20px 40px #000000a6}.account-panel::-webkit-scrollbar{display:none}.panel-section-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;padding:.65rem 1rem .35rem;font-size:.6rem;font-weight:700}.panel-divider{background:var(--border-1);height:1px;margin:.25rem 0}.panel-btn{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.55rem;padding:.55rem 1rem;font-size:.8rem;transition:all .15s;display:flex}.panel-btn svg{flex-shrink:0;width:14px;height:14px}.panel-btn:hover{background:var(--bg-hover);color:var(--text-0)}.panel-btn.danger{color:var(--red)}.panel-btn.danger:hover{background:var(--red-bg)}.account-item{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background .15s;display:flex}.account-item:hover{background:var(--bg-hover)}.account-item.active{background:var(--bg-3);border-left-color:var(--accent)}.account-item-info{flex:1;overflow:hidden}.account-item-name{color:var(--text-1);font-size:.8rem}.account-item-did{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;font-family:var(--font-mono);overflow:hidden}.btn-delete-account{color:var(--text-3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;padding:.2rem;transition:all .15s;display:flex}.account-item:hover .btn-delete-account{opacity:1}.btn-delete-account:hover{color:var(--red);background:var(--red-bg)}.btn-delete-account svg{width:12px;height:12px}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-bottom:1rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{padding-top:.85rem}.nav-group-header{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;padding:0 1rem .45rem;font-size:.6rem;font-weight:700;display:flex}.nav-group-action{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:.15rem;transition:color .15s,transform .3s;display:flex}.nav-group-action svg{width:12px;height:12px}.nav-group-action:hover{color:var(--accent-bright);transform:rotate(90deg)}.nav-list{list-style:none}#discover-rooms{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius);scrollbar-width:none;-ms-overflow-style:none;max-height:160px;margin:0 1rem;padding:.25rem 0;overflow-y:auto}#discover-rooms::-webkit-scrollbar{display:none}#account-list-panel::-webkit-scrollbar{display:none}.nav-item{cursor:pointer;color:var(--text-2);border-left:2px solid #0000;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;transition:all .12s;display:flex;position:relative}.nav-item svg{opacity:.5;flex-shrink:0;width:13px;height:13px}.nav-item span{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);flex:1;font-size:.76rem;overflow:hidden}.nav-item:hover{color:var(--text-0);background:var(--bg-hover)}.nav-item.active{color:var(--text-0);background:var(--bg-3);border-left-color:var(--accent)}.nav-item.active svg{opacity:1;color:var(--accent-bright)}.nav-item.muted{color:var(--text-3);cursor:default;font-size:.75rem;font-style:italic}.nav-item.muted span{font-family:var(--font-body)}.nav-item.muted:hover{color:var(--text-3);background:0 0}.btn-remove-room{color:var(--text-3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;padding:.15rem;transition:all .15s;display:flex}.nav-item:hover .btn-remove-room{opacity:1}.btn-remove-room:hover{color:var(--red);background:var(--red-bg)}.btn-remove-room svg{width:11px;height:11px}.join-room-row{align-items:center;gap:.4rem;padding:.45rem 1rem;display:flex}.join-input{height:34px;font-size:.8rem;font-family:var(--font-mono);background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius);color:var(--text-0);flex:1;padding:0 .65rem}.join-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn-join{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);width:34px;height:34px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-join svg{width:14px;height:14px}.btn-join:hover{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.did-note-section{padding:.4rem 1rem}.did-note-section textarea{border-radius:var(--radius);background:var(--bg-0);border:1px solid var(--border-1);width:100%;color:var(--text-1);resize:vertical;min-height:50px;font-size:.78rem;font-family:var(--font-mono);padding:.45rem .65rem}.did-note-section textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.did-note-actions{justify-content:flex-end;margin-top:.4rem;display:flex}.btn-sm{cursor:pointer;border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-1);align-items:center;gap:.3rem;padding:.32rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-sm svg{width:11px;height:11px}.btn-sm:hover{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.main-content{background:var(--bg-0);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-ambient{z-index:0;pointer-events:none;background-image:radial-gradient(var(--border-1) .6px, transparent .6px);background-size:26px 26px;animation:60s linear infinite grid-drift;position:absolute;inset:0;overflow:hidden}.chat-ambient span{filter:blur(90px);border-radius:50%;position:absolute}.chat-ambient span:first-child{background:var(--accent);opacity:.07;width:460px;height:460px;animation:30s ease-in-out infinite alternate drift-a;top:-160px;right:8%}.chat-ambient span:nth-child(2){background:var(--self-blue);opacity:.06;width:380px;height:380px;animation:34s ease-in-out infinite alternate drift-b;bottom:-140px;left:10%}.room-header,.chat-area,.error-banner{z-index:1;position:relative}.room-header{border-bottom:1px solid var(--border-1);background:var(--bg-1);align-items:center;gap:.5rem;height:64px;padding:0 1.25rem;display:flex}.room-header-left{flex-direction:column;flex:1;gap:.1rem;display:flex;overflow:hidden}.room-header-left h2{font-size:.9rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:.45rem;display:flex}.room-header-left h2 svg{color:var(--accent)}.room-topic-row{align-items:center;gap:.35rem;display:flex}.topic-text{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:.7rem;overflow:hidden}.btn-icon-sm{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:.15rem;transition:color .15s;display:flex}.btn-icon-sm svg{width:11px;height:11px}.btn-icon-sm:hover{color:var(--accent-bright)}.room-header-right{align-items:center;gap:.75rem;display:flex}.header-socials{border-right:1px solid var(--border-2);align-items:center;gap:.6rem;padding-right:.75rem;display:flex}.header-copy{color:var(--text-3);font-size:.65rem;font-weight:500;font-family:var(--font-mono)}.header-socials a{color:var(--text-3);align-items:center;transition:color .15s,transform .15s;display:flex}.header-socials a:hover{color:var(--accent-bright);transform:scale(1.12)}.header-socials svg{width:13px;height:13px}.live-chat-toggle{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.live-chat-toggle input{display:none}.toggle-slider{background-color:var(--bg-3);border:1px solid var(--border-2);border-radius:10px;width:26px;height:14px;transition:all .3s;position:relative}.toggle-slider:before{content:"";background-color:var(--text-3);border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;bottom:1px;left:1px}.live-chat-toggle input:checked+.toggle-slider{background-color:var(--green);border-color:var(--green)}.live-chat-toggle input:checked+.toggle-slider:before{background-color:var(--bg-0);transform:translate(12px)}.live-chat-toggle:hover{color:var(--text-1)}.status-pill{background:var(--bg-3);border:1px solid var(--border-1);border-radius:20px;align-items:center;gap:.4rem;padding:.22rem .65rem;font-size:.7rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.offline{background:var(--text-3)}.status-label{color:var(--text-2);font-family:var(--font-mono)}.error-banner{background:var(--red-bg);color:var(--red);border-bottom:1px solid #d97a6c40;align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.8rem;display:flex}.error-banner svg{flex-shrink:0}.error-banner span{flex:1}.chat-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-list{flex-direction:column;flex:1;gap:.15rem;padding:1.1rem 1.25rem;display:flex;overflow-y:auto}.empty-state{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin:auto;font-size:.85rem;display:flex}.empty-state svg{opacity:.4;width:42px;height:42px;color:var(--accent)}.msg-group{border-radius:var(--radius);margin-bottom:.65rem;padding:.2rem .5rem;transition:background .15s}.msg-group:hover{background:var(--bg-1)}.msg-header{align-items:baseline;gap:.4rem;margin-bottom:.15rem;display:flex}.msg-author{color:var(--text-1);font-size:.8rem;font-weight:700;font-family:var(--font-mono)}.msg-author.verified{color:var(--green)}.msg-author.self{color:var(--self-blue)}.msg-ts{color:var(--text-3);font-size:.65rem}.msg-text{color:var(--text-1);word-wrap:break-word;padding-left:0;font-size:.78rem;line-height:1.5}.system-msg{text-align:center;color:var(--text-3);font-size:.7rem;font-family:var(--font-mono);justify-content:center;align-items:center;gap:.5rem;margin:.85rem 0;display:flex}.system-msg:before,.system-msg:after{content:"";background:var(--border-1);width:2rem;height:1px}.composer{border-top:1px solid var(--border-1);background:var(--bg-1);align-items:center;gap:.5rem;height:78px;padding:0 1.25rem;display:flex}.composer input{border-radius:var(--radius);background:var(--bg-0);border:1px solid var(--border-2);color:var(--text-0);flex:1;padding:.65rem .9rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.composer button{border-radius:var(--radius);cursor:pointer;background:var(--accent-bg);width:38px;height:38px;color:var(--accent-fg);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.composer button svg{width:16px;height:16px}.composer button:hover:not(:disabled){background:var(--accent-bright);transform:translateY(-1px)}.composer button:disabled{background:var(--bg-3);color:var(--text-3)}.btn-active{border-radius:var(--radius);cursor:pointer;background:var(--green);width:38px;height:38px;color:var(--bg-0);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-active:disabled{background:var(--bg-3);color:var(--text-3)}.btn-active:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-active svg{width:16px;height:16px}.modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf;position:absolute;inset:0}.modal-box{background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--radius-lg);z-index:1;width:380px;padding:1.6rem;animation:.2s fadeIn;position:relative;box-shadow:0 30px 60px -20px #000c}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.modal-header h3{font-size:.95rem;font-weight:700;font-family:var(--font-mono)}.modal-footer{justify-content:flex-end;margin-top:1rem;display:flex}.sidebar-footer{border-top:1px solid var(--border-1);background:var(--bg-1);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:78px;padding:0 1rem;display:flex}.footer-links{align-items:center;gap:1rem;display:flex}.footer-links a{color:var(--text-3);transition:color .15s,transform .15s}.footer-links a:hover{color:var(--accent-bright);transform:scale(1.12)}.footer-copy{color:var(--text-3);letter-spacing:.5px;font-size:.65rem;font-weight:500;font-family:var(--font-mono)}@media (width<=768px){.mobile-only{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-1);flex-shrink:0;padding:.4rem;display:flex!important}.mobile-only svg{width:18px;height:18px}.sidebar{z-index:500;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 30px #000000d9}.room-header{gap:.4rem;padding:0 .6rem}.room-header-left{flex:1;overflow:hidden}.room-header-left h2{text-overflow:ellipsis;white-space:nowrap;flex-wrap:nowrap;font-size:.85rem;overflow:hidden}.topic-text{max-width:150px}.status-label,.live-chat-toggle span,.header-copy{display:none}.header-socials{gap:.4rem;padding-right:.4rem}.header-socials svg{width:14px;height:14px}.setup-container{margin:0 1rem;padding:2rem 1.5rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}