:root{--sidebar-w:clamp(220px, 15vw, 280px)}.sidebar{width:var(--sidebar-w);top:var(--hh);max-height:calc(100dvh - var(--hh));z-index:10;border-right:0;flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow:visible}.sidebar-nav{scrollbar-width:none;flex:1;padding:20px 16px 16px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-profile{border-left:2px solid #0000;border-bottom:1px solid var(--editorial-hairline);min-height:44px;color:var(--t1);align-items:center;gap:12px;padding:4px 12px 14px;text-decoration:none;display:flex}.sidebar-profile:hover{background:var(--bg2)}.sidebar-profile.is-active{border-left-color:var(--editorial-violet);background:var(--bg2)}.sidebar-profile-avatar{border-radius:var(--r-surface);background:var(--bg3);width:36px;height:36px;color:var(--t1);font-size:var(--type-body-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.sidebar-profile-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-profile-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sidebar-profile-name{overflow-wrap:anywhere;font-size:var(--type-body-sm);font-weight:800}.sidebar-profile-handle{overflow-wrap:anywhere;color:var(--t3);font-size:var(--type-caption)}.sidebar-nav-item{border-left:2px solid #0000;border-bottom:1px solid var(--editorial-hairline);min-height:44px;color:var(--t2);font-size:var(--type-body-sm);transition:color .15s var(--ease-fn), background-color .15s var(--ease-fn);align-items:center;gap:12px;margin:0;padding:9px 12px;font-weight:600;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--t1);background:var(--bg2)}.sidebar-nav-item.is-active{border-left:2px solid var(--editorial-violet);color:var(--t1);background:var(--bg2)}.sidebar-nav-badge{background:var(--editorial-violet);border-radius:var(--r-surface);min-width:20px;color:var(--editorial-ink);font-size:var(--type-caption);text-align:center;margin-left:auto;padding:1px 5px;font-weight:700}.sidebar-cta-wrap{z-index:1;padding:16px 16px 20px 0;position:relative}.sidebar-cta{background:var(--editorial-violet);border-radius:var(--r-control);width:100%;color:var(--editorial-ink);font-size:var(--type-caption);box-shadow:none;justify-content:center;padding:10px 16px;text-decoration:none}.sidebar-cta:hover{background:var(--editorial-violet);box-shadow:inset 0 0 0 2px var(--editorial-violet-light);transform:none}.sidebar-close-btn{border-radius:var(--r-control);min-width:44px;min-height:44px;color:var(--t2);cursor:pointer;background:0 0;border:0;justify-content:center;align-self:flex-end;align-items:center;margin:8px;padding:0;display:none}@media (max-width:768px){.sidebar{background:var(--bg2);border-right:1px solid var(--editorial-hairline);z-index:200;visibility:hidden;pointer-events:none;width:min(280px,85vw);height:100dvh;max-height:100dvh;box-shadow:none;transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-nav{padding:8px 16px 16px}.sidebar-cta-wrap{padding:16px}}
