.shell{background:radial-gradient(ellipse 120% 80% at 0 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 100%,color-mix(in srgb,var(--btn) 14%,transparent),transparent 50%),var(--bg)}@media (min-width:769px){.shell{gap:0}.shell>.sidebar{margin:2px 0 2px 8px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:0 12px 40px rgba(0,0,0,.35),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);overflow:hidden;background:color-mix(in srgb,var(--bg-panel) 96%,transparent)}.shell>.chat-pane{margin:2px 12px 2px 6px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));box-shadow:0 12px 40px rgba(0,0,0,.28);overflow:hidden}.shell[data-sidebar-collapsed=true]>.chat-pane{margin-left:12px}.shell[data-rail-expanded=true]>.nav-rail.is-expanded{top:2px;bottom:2px;left:0;width:var(--rail-expanded-width,274px);border-radius:0 18px 18px 0;border:1px solid color-mix(in srgb,#34d399 18%,#0a1016);border-left:none;background:#0b121a}.shell[data-rail-expanded=true]>.nav-rail-backdrop{left:var(--rail-expanded-width,274px);top:0;bottom:0;background:rgba(0,0,0,.58)}.shell>.details-panel{margin:2px 12px 2px 0;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));box-shadow:0 12px 40px rgba(0,0,0,.28);overflow-x:hidden;overflow-y:auto;background:color-mix(in srgb,var(--bg-panel) 96%,transparent)}.shell>.details-panel:has(>.dm-chat-info-android),.shell>.details-panel:has(>.group-info-android),.shell>.details-panel:has(>.user-profile-android){overflow:hidden}[data-theme=light] .shell>.chat-pane,[data-theme=light] .shell>.details-panel,[data-theme=light] .shell>.sidebar{box-shadow:0 12px 36px rgba(15,30,50,.12)}}.chat-pane{background:var(--bg-chat)}.chat-header{background:var(--bg-panel);border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,var(--border))}.conv-item{margin:0;border-radius:0;border:none;border-bottom:1px solid #000}.conv-item:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg-hover))}.conv-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.composer,.composer-box{background:transparent}.composer-box{border-radius:22px;border:none}.composer-box,[data-theme=light] .composer-box{box-shadow:none}@media (max-width:768px){.shell>.chat-pane,.shell>.details-panel,.shell>.sidebar{margin:0;border-radius:0;border:none;box-shadow:none}.conv-item{margin:0;border-radius:0}}