*{border-radius:2px!important;font-family:'Noto Sans',sans-serif}#chat-window{height:100%}#settings-window{height:calc(100vh - 4rem);overflow-y:auto;border-left:1px solid oklch(var(--s) / 0.5);border-right:1px solid oklch(var(--s) / 0.5);padding-bottom:2rem}html.preload .left-nav,html.preload .right-nav,html.preload .content-container,html.preload footer{transition:none!important}.group.force-hover .group-hover\:opacity-100,.channel-item.force-hover .channel-actions{opacity:1!important;pointer-events:auto!important}body:has(#chat-pane-channel){overflow:hidden;height:100svh;max-height:100svh}footer{z-index:50;font-size:0.65rem;line-height:1;margin-left:0;margin-right:0;margin-bottom:2px;transition:margin-left 0.3s ease,margin-right 0.3s ease}body:has(.left-nav) footer{margin-left:48px}body:has(.left-nav.active) footer{margin-left:0}body:has(.right-nav.active) footer{margin-right:10px}@media (max-width:768px){footer{margin-left:0;margin-right:0}body:has(.left-nav.active) footer{margin-left:0}body:has(.right-nav.active) footer{margin-right:0}}@media (max-width:768px){#top-messages-container{margin-left:0!important}}.dropdown-content{z-index:1000!important}.left-nav{position:fixed;left:0;top:4rem;bottom:0;width:48px;background:var(--fallback-b1,oklch(var(--b1)));z-index:60;transition:width 0.3s ease;display:flex;flex-direction:column;overflow-x:hidden;border-right:2px solid oklch(var(--s)/0.05)}.left-nav.active{width:300px}.channel-item.active,.channel-item.active:hover{background-color:oklch(var(--p) / 0.15);font-weight:700;box-shadow:inset 3px 0 0 0 oklch(var(--p))}.pane-loading{filter:blur(3px);pointer-events:none;transition:filter 0.15s ease-in-out;animation:pane-loading-pulse 1.2s ease-in-out infinite}@keyframes pane-loading-pulse{0%,100%{opacity:0.7}50%{opacity:1}}.left-nav:not(.active) .menu-title{display:none}.left-nav:not(.active) .left-nav-scroll{scrollbar-width:none}.left-nav:not(.active) .left-nav-scroll::-webkit-scrollbar{display:none}.left-nav:not(.active) .channel-item{width:48px!important;height:48px!important;padding:0!important;margin:0!important;gap:0!important;justify-content:center!important}.left-nav:not(.active) .channel-item>*{flex:0 0 auto!important}.left-nav:not(.active) .channel-item .channel-name-text,.left-nav:not(.active) .user-username,.left-nav:not(.active) .channel-list-empty,.left-nav:not(.active) .channel-section-label{display:none!important}.left-nav:not(.active) .channel-item .channel-actions,.left-nav:not(.active) .channel-item .channel-warning,.left-nav:not(.active) .avatar-logout-btn{display:none!important}.left-nav:not(.active) .channel-item i{font-size:1.25rem!important}.left-nav:not(.active) .channel-section-header{width:48px;height:48px;padding:0!important;margin:0!important}.left-nav:not(.active) .channel-section-header>button{width:48px!important;height:48px!important;border-radius:0!important;padding:0!important;margin:0!important}.left-nav:not(.active) .channel-section-header>button>i{font-size:1.25rem!important}body>nav.bg-base-100{border-bottom:1px solid oklch(var(--b3) / 0.6)}body>nav.bg-base-100::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,oklch(var(--p)) 0%,oklch(var(--s)) 50%,oklch(var(--a)) 100%);opacity:0.55;pointer-events:none}.chat-pane-bar{position:relative}.chat-pane-header{display:flex;align-items:center;gap:0.625rem;min-height:2.75rem}.chat-pane-header .pane-icon{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:0.375rem;flex-shrink:0;font-size:0.875rem}#chat-pane-main .chat-pane-header .pane-icon{background:oklch(var(--p) / 0.18);color:oklch(var(--p))}#chat-pane-whisper .chat-pane-header .pane-icon{background:oklch(var(--s) / 0.18);color:oklch(var(--s))}#chat-pane-channel,#chat-pane-whisper{position:relative}#chat-pane-channel{background:color-mix(in oklch,var(--b2) 92%,oklch(var(--p)) 8%)}#chat-pane-whisper{background:color-mix(in oklch,var(--b2) 92%,oklch(var(--s)) 8%)}#chat-pane-whisper::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;z-index:3;background:linear-gradient(90deg,oklch(var(--s)) 0%,oklch(var(--a)) 60%,transparent 100%)}.nav-section-eyebrow{font-size:0.6875rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;opacity:0.55}.message-item .reply-to-bracket{position:relative;border-left:2px solid oklch(var(--p) / 0.45);border-top:2px solid oklch(var(--p) / 0.45);border-top-left-radius:0.5rem;margin-left:0.25rem}.message-react-btn,.message-reply-btn,.message-edit-btn,.message-delete-btn{color:oklch(var(--bc))!important}.message-react-btn{background-color:oklch(var(--su) / 0.5)!important;border-color:oklch(var(--su) / 0.5)!important}.message-reply-btn{background-color:oklch(var(--in) / 0.5)!important;border-color:oklch(var(--in) / 0.5)!important}.message-edit-btn{background-color:oklch(var(--wa) / 0.5)!important;border-color:oklch(var(--wa) / 0.5)!important}.message-delete-btn{background-color:oklch(var(--er) / 0.5)!important;border-color:oklch(var(--er) / 0.5)!important}.chaos-tooltip{position:fixed;background:oklch(var(--n));color:oklch(var(--nc));padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;white-space:nowrap;pointer-events:none;z-index:9999}.nav-avatar-icon{display:inline-flex;width:2rem;height:2rem;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;text-align:center}.nav-avatar-icon img{width:100%;height:100%;object-fit:cover}.channel-icon .nav-avatar-icon{width:2rem;height:2rem}.content-container{min-height:100dvh;display:flex;flex-direction:column;transition:margin-left 0.3s ease,margin-right 0.3s ease}body:has(.left-nav) .content-container{margin-left:48px}body.left-nav-open .content-container{margin-left:300px}body.right-nav-open .content-container{margin-right:300px}.content-container:not(:has(#chat-pane-channel)){overflow-y:auto}.content-container:has(#chat-pane-channel){height:calc(100svh - 4rem);max-height:calc(100svh - 4rem);overflow:hidden;padding-top:0}.content-container:has(#chat-pane-channel)>div{height:100%;max-height:100%;overflow:hidden}.right-nav{position:fixed;right:0;top:4rem;bottom:0;width:0;background:var(--fallback-b1,oklch(var(--b1)));z-index:65;transition:width 0.3s ease;display:flex;flex-direction:column;overflow-x:visible;border-left:2px solid oklch(var(--s)/0.05)}.right-nav.active{border-left-width:1px}.right-nav.active{width:300px}.right-nav:not(.active) .right-nav-body{display:none}.right-nav-body{flex:1;min-height:0}.right-nav-footer{flex-shrink:0;margin-top:auto}.right-nav.active .right-nav-top,.right-nav.active .right-nav-footer{justify-content:flex-start;padding-left:0.5rem}.right-nav:not(.active) .right-nav-label{display:none}.right-nav.active .right-nav-top>button{justify-content:flex-start!important;padding-left:1rem}.right-nav-content{flex-grow:1;overflow-y:auto;overflow-x:clip}#user-list{overflow:visible}#user-list li{overflow:visible}#user-list .tooltip.tooltip-left::before,#user-list .tooltip.tooltip-left::after{position:fixed!important;right:300px!important;left:auto!important}#user-list .tooltip.tooltip-left::before{transform:translateX(0) translateY(-50%)!important}#user-list .tooltip.tooltip-left::after{transform:translateX(4px) translateY(-50%) rotate(45deg)!important}.right-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:55;opacity:0;transition:opacity 0.3s ease}.right-nav-overlay.active{display:block;opacity:1}.accent-card{position:relative;overflow:hidden}.accent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,oklch(var(--p)) 0%,oklch(var(--s)) 50%,oklch(var(--a)) 100%);pointer-events:none}.chaos-dialog-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.chaos-dialog-container .modal .modal-box{border:1px solid oklch(var(--p) / 0.4);position:relative;overflow:hidden;box-shadow:0 24px 48px -12px oklch(0 0 0 / 0.55),0 8px 24px -8px oklch(var(--p) / 0.28),inset 0 1px 0 oklch(var(--p) / 0.25);animation:chaos-dialog-pop 220ms cubic-bezier(0.2,0.8,0.2,1) both}.chaos-dialog-container .modal .modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,oklch(var(--p)) 0%,oklch(var(--s)) 50%,oklch(var(--a)) 100%);pointer-events:none}.chaos-dialog-container .modal-backdrop{background:oklch(var(--b1) / 0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:chaos-dialog-fade 180ms ease-out both}.chaos-dialog-container .modal .modal-box>.btn-circle[data-dismiss='modal']{transition:transform 180ms ease,background-color 180ms ease}.chaos-dialog-container .modal .modal-box>.btn-circle[data-dismiss='modal']:hover{transform:rotate(90deg);background-color:oklch(var(--er) / 0.12);color:oklch(var(--er))}.chaos-dialog-container .modal .modal-box .modal-action{margin-top:1.5rem;padding-top:1rem;border-top:1px solid oklch(var(--b3) / 0.55)}.chaos-dialog-container .modal .modal-box>h3,.chaos-dialog-container .modal .modal-box h3.font-bold{letter-spacing:-0.01em}@keyframes chaos-dialog-pop{from{opacity:0;transform:scale(0.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes chaos-dialog-fade{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.chaos-dialog-container .modal .modal-box,.chaos-dialog-container .modal-backdrop{animation:none}.chaos-dialog-container .modal .modal-box>.btn-circle[data-dismiss='modal']{transition:none}.chaos-dialog-container .modal .modal-box>.btn-circle[data-dismiss='modal']:hover{transform:none}}@media (max-width:768px){.chaos-dialog-container .btn{min-height:1.75rem;height:1.75rem;padding-left:0.625rem;padding-right:0.625rem;font-size:0.75rem}.chaos-dialog-container .btn-circle{width:1.75rem;padding-left:0;padding-right:0}}.left-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:55;opacity:0;transition:opacity 0.3s ease}@media (min-width:769px){.left-nav-overlay{display:none!important}}@media (max-width:768px){body.left-nav-open .left-nav-overlay{display:block;opacity:1}.left-nav:not(.active){width:0;border-right-width:0}.content-container{margin-left:0!important;margin-right:0!important}body.left-nav-open .content-container{margin-left:0!important}body.right-nav-open .content-container{margin-right:0!important}body:has(#chat-pane-channel):has(.right-nav.active) footer{margin-right:0!important}}[data-theme='light']{--b1:99% 0.002 256;--b2:95% 0.003 256}[data-theme='bumblebee']{--b1:99% 0.006 95;--b2:95% 0.012 95}[data-theme='emerald']{--b1:99% 0.004 160;--b2:95% 0.008 160}[data-theme='corporate']{--b1:99% 0.001 210;--b2:96% 0.002 210}[data-theme='lofi']{--b1:98% 0 0;--b2:93% 0 0}[data-theme='pastel']{--b1:99% 0.003 340;--b2:96% 0.006 340}[data-theme='fantasy']{--b1:99% 0.003 290;--b2:95% 0.005 290}[data-theme='wireframe']{--b1:98% 0 0;--b2:93% 0 0}[data-theme='cmyk']{--b1:99% 0.002 200;--b2:95% 0.004 200}[data-theme='winter']{--b1:99% 0.006 230;--b2:94% 0.012 230}[data-theme='light'] body,[data-theme='bumblebee'] body,[data-theme='emerald'] body,[data-theme='corporate'] body,[data-theme='lofi'] body,[data-theme='pastel'] body,[data-theme='fantasy'] body,[data-theme='wireframe'] body,[data-theme='cmyk'] body,[data-theme='winter'] body{background-color:var(--fallback-b2,oklch(var(--b2)))}.tooltip::before,.tooltip::after{z-index:99999}.user-dropdown{position:fixed;z-index:10001;min-width:160px;background:oklch(var(--b1));border:1px solid oklch(var(--b3));border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.2);padding:0.25rem;display:flex;flex-direction:column;gap:0.125rem}.user-dropdown-header{padding:0.5rem 0.75rem;font-weight:600;font-size:0.875rem;border-bottom:1px solid oklch(var(--b3));margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-btn{text-align:left;padding:0.5rem 0.75rem;border-radius:0.375rem;background:transparent;border:none;cursor:pointer;font-size:0.875rem;color:oklch(var(--bc));display:flex;align-items:center;gap:0.5rem}.user-dropdown-btn:hover{background:oklch(var(--b2))}.user-dropdown-btn:disabled{opacity:0.4;cursor:not-allowed}