[data-fragment=SideBar] .sideBar{background:var(--bg-secondary);border:1px solid var(--ui-line);border-radius:var(--radius-md);width:240px;min-height:360px;font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:16px;padding:16px 14px;display:flex}[data-fragment=SideBar] .header{border-bottom:1px dashed var(--ui-line);align-items:center;gap:10px;padding-bottom:12px;display:flex}[data-fragment=SideBar] .header .username{flex:1;min-width:0}[data-fragment=SideBar] .header .username h3{color:var(--text-primary);text-wrap:balance;margin:0;font-size:13.5px;font-weight:600;line-height:1.2}[data-fragment=SideBar] .header .username p{color:var(--text-secondary);margin:0;font-size:11.5px}[data-fragment=SideBar] .avatar{flex-shrink:0}[data-fragment=SideBar] .avatar button{background:var(--brand);width:32px;height:32px;color:var(--ink-text-on-brand);cursor:pointer;border:0;border-radius:50%;padding:0;overflow:hidden}[data-fragment=SideBar] .avatar img{object-fit:cover;width:100%;height:100%}[data-fragment=SideBar] .content{flex-direction:column;flex:1;gap:14px;display:flex}[data-fragment=SideBar] .content>div{flex-direction:column;gap:4px;display:flex}[data-fragment=SideBar] .content h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);text-wrap:balance;margin:0 6px 4px;font-size:10px;font-weight:600}[data-fragment=SideBar] .link button{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12.5px;display:inline-flex}[data-fragment=SideBar] .link button:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-fragment=SideBar] .link button p{font-size:inherit;margin:0}[data-fragment=SideBar] .link img{opacity:.7;width:14px;height:14px}[data-fragment=SideBar] .avatar button:focus-visible,[data-fragment=SideBar] .link button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=SideBar] .footer{border-top:1px dashed var(--ui-line);color:var(--text-tertiary);align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:11px;display:flex}[data-fragment=SideBar] .footer img{object-fit:contain;width:16px;height:16px}[data-fragment=SideBar] .footer p{margin:0}@media (prefers-reduced-motion:reduce){[data-fragment=SideBar] .link button{transition:none}}