:root{--bg-0:#000;--bg-1:#0a0a0a;--bg-2:#111;--bg-3:#181818;--bg-hover:#1c1c1c;--border-1:#1a1a1a;--border-2:#2a2a2a;--border-3:#3a3a3a;--text-0:#fff;--text-1:#ccc;--text-2:#888;--text-3:#555;--accent:#fff;--accent-bg:#fff;--accent-fg:#000;--red:#f87171;--red-bg:#f871711f;--green:#34d399;--green-bg:#34d3991f;--yellow:#fbbf24;--yellow-bg:#fbbf241f;--radius:6px;--radius-lg:10px}.mobile-only{display:none!important}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-0);color:var(--text-0);height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.view{width:100%;height:100%;display:none}.view.active{animation:.25s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#setup-view{background:var(--bg-0);justify-content:center;align-items:center}.setup-container{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2rem}.setup-header{text-align:center;margin-bottom:2rem}.brand-logo{width:36px;height:36px;color:var(--text-0);margin-bottom:.75rem}.setup-header h1{letter-spacing:2px;font-size:1.1rem;font-weight:700}.setup-header .tagline{color:var(--text-2);margin-top:.25rem;font-size:.75rem}.tabs{border-bottom:1px solid var(--border-1);margin-bottom:1.5rem;display:flex}.tab{text-align:center;cursor:pointer;color:var(--text-2);border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.8rem;font-weight:500;transition:all .15s}.tab:hover{color:var(--text-1)}.tab.active{color:var(--text-0);border-bottom-color:var(--text-0)}.tab-content{display:none}.tab-content.active{display:block}.desc{color:var(--text-2);margin-bottom:1.25rem;font-size:.8rem;line-height:1.5}.input-group{flex-direction:column;margin-bottom:1rem;display:flex}.input-group label{color:var(--text-2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.4rem;font-size:.7rem;font-weight:500}input[type=text],input[type=password],input[type=file],textarea{background:var(--bg-0);border:1px solid var(--border-2);color:var(--text-0);border-radius:var(--radius);width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--border-3);outline:none}textarea{resize:vertical}.btn-primary,.btn-outline,.btn-ghost{cursor:pointer;border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-bg);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-outline{color:var(--text-1);border:1px solid var(--border-2);background:0 0}.btn-outline:hover{border-color:var(--text-2)}.btn-ghost{color:var(--text-2);background:0 0;padding:.4rem .75rem}.btn-ghost:hover{color:var(--text-0)}button:disabled{opacity:.4;cursor:not-allowed}.result-box{border-top:1px solid var(--border-1);margin-top:1.25rem;padding-top:1.25rem}.success-msg{color:var(--green);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;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:.6rem .75rem}.did-display .label{color:var(--text-3);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.2rem;font-size:.65rem;display:block}.did-display code{color:var(--text-1);font-family:SF Mono,Consolas,monospace;font-size:.75rem}.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:2px;text-decoration:underline}.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;padding:.75rem 1rem;transition:background .15s;display:flex}.sidebar-account:hover{background:var(--bg-hover)}.avatar-sm{background:var(--bg-3);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;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:500;display:block}.account-did-short{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-family:SF Mono,Consolas,monospace;font-size:.65rem;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);max-height:300px;position:absolute;top:calc(100% + 4px);left:.5rem;right:.5rem;overflow-y:auto;box-shadow:0 15px 30px #0009}.panel-section-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;padding:.6rem 1rem .3rem;font-size:.6rem;font-weight:600}.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:.5rem;padding:.5rem 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;align-items:center;gap:.5rem;padding:.45rem 1rem;transition:background .15s;display:flex}.account-item:hover{background:var(--bg-hover)}.account-item.active{background:var(--bg-3)}.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-family:monospace;font-size:.6rem;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{flex:1;padding-bottom:1rem;overflow-y:auto}.nav-group{padding-top:.75rem}.nav-group-header{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:0 1rem .4rem;font-size:.6rem;font-weight:600;display:flex}.nav-group-action{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:.15rem;display:flex}.nav-group-action svg{width:12px;height:12px}.nav-group-action:hover{color:var(--text-1)}.nav-list{list-style:none}#discover-rooms{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius-lg);max-height:160px;margin:0 .5rem;padding:.25rem 0;overflow-y:auto}.nav-item{cursor:pointer;color:var(--text-2);align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.8rem;transition:all .1s;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;flex:1;overflow:hidden}.nav-item:hover{color:var(--text-0);background:var(--bg-hover)}.nav-item.active{color:var(--text-0);background:var(--bg-3)}.nav-item.active svg{opacity:1}.nav-item.muted{color:var(--text-3);cursor:default;font-size:.75rem;font-style:italic}.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{gap:.4rem;padding:.4rem 1rem;display:flex}.join-input{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius);color:var(--text-0);flex:1;padding:.35rem .6rem;font-size:.8rem}.join-input:focus{border-color:var(--border-3);outline:none}.btn-join{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);width:30px;height:30px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-join svg{width:14px;height:14px}.btn-join:hover{color:var(--text-0);border-color:var(--text-2)}.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;padding:.4rem .6rem;font-size:.8rem}.did-note-section textarea:focus{border-color:var(--border-3);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:.3rem .6rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-sm svg{width:11px;height:11px}.btn-sm:hover{color:var(--text-0);border-color:var(--text-2)}.main-content{background:var(--bg-0);flex-direction:column;flex:1;display:flex;overflow:hidden}.room-header{border-bottom:1px solid var(--border-1);background:var(--bg-1);align-items:center;gap:.5rem;min-height:52px;padding:.75rem 1.25rem;display:flex}.room-header-left{flex-direction:column;flex:1;gap:.1rem;display:flex;overflow:hidden}.room-header-left h2{align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.room-header-left h2 svg{color:var(--text-3)}.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;display:flex}.btn-icon-sm svg{width:11px;height:11px}.btn-icon-sm:hover{color:var(--text-1)}.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}.header-socials a{color:var(--text-3);align-items:center;transition:color .15s,transform .1s;display:flex}.header-socials a:hover{color:var(--text-1);transform:scale(1.1)}.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:.35rem;padding:.2rem .6rem;font-size:.7rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.offline{background:var(--text-3)}.status-label{color:var(--text-2)}.error-banner{background:var(--red-bg);color:var(--red);border-bottom:1px solid #f8717133;align-items:center;gap:.6rem;padding:.5rem 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:1rem 1.25rem;display:flex;overflow-y:auto}.empty-state{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin:auto;font-size:.85rem;display:flex}.empty-state svg{opacity:.3;width:40px;height:40px}.msg-group{margin-bottom:.6rem}.msg-header{align-items:baseline;gap:.4rem;margin-bottom:.15rem;display:flex}.msg-author{color:var(--text-1);font-size:.8rem;font-weight:600}.msg-author.verified{color:var(--green)}.msg-author.self{color:#60a5fa}.msg-ts{color:var(--text-3);font-size:.65rem}.msg-text{color:var(--text-1);word-wrap:break-word;padding-left:0;font-size:.75rem;line-height:1.45}.system-msg{text-align:center;color:var(--text-3);justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0;font-size:.7rem;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;padding:.75rem 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:.6rem .85rem;font-size:.85rem}.composer input:focus{border-color:var(--border-3);outline:none}.composer button{border-radius:var(--radius);cursor:pointer;background:var(--accent-bg);width:36px;height:36px;color:var(--accent-fg);border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.composer button svg{width:16px;height:16px}.composer button:hover:not(:disabled){opacity:.8}.composer button:disabled{background:var(--bg-3);color:var(--text-3)}.btn-active{border-radius:var(--radius);cursor:pointer;background:var(--green);width:36px;height:36px;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){opacity:.8}.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{background:#000000b3;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.5rem;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h3{font-size:.95rem;font-weight:600}.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;padding:1rem;display:flex}.footer-links{align-items:center;gap:1rem;display:flex}.footer-links a{color:var(--text-3);transition:color .15s,transform .1s}.footer-links a:hover{color:var(--text-1);transform:scale(1.1)}.footer-copy{color:var(--text-3);letter-spacing:.5px;font-size:.65rem;font-weight:500}@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 .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 20px #000c}.room-header{gap:.25rem;padding:.5rem}.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}}::-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(--text-3)}