.sn{--sn-shade:inset 0 -4px 10px rgba(0,0,0,0.5);--sn-highlight:inset 0 4px 12px rgba(255,255,255,0.08);display:flex;flex-direction:column;width:300px;height:100%;min-height:0;flex:none;background:var(--surface-primary);box-shadow:var(--sn-shade);color:var(--content-primary)}.sn[data-collapsed]{width:54px}.sn :where(a,button){color:inherit;text-decoration:none}.sn-body{flex:1 1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-16);padding:var(--space-16)}.sn[data-collapsed] .sn-body{padding:var(--space-16) var(--space-8);align-items:center}.sn-groups,.sn-top{display:flex;flex-direction:column;gap:var(--space-16);flex:1 1 auto;min-height:0}.sn-groups{overflow-y:auto;scrollbar-width:none}.sn[data-collapsed] .sn-groups,.sn[data-collapsed] .sn-top{align-items:center}.sn[data-collapsed] .sn-ext,.sn[data-collapsed] .sn-label,.sn[data-collapsed] .sn-title{display:none}.sn-logo-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.sn-logo{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-8);cursor:pointer;border-radius:var(--radius-md)}.sn-logo img{display:block;flex:none}.sn-logo-open{position:relative;width:var(--size-control-xs);height:var(--size-control-xs);justify-content:center}.sn-open-icon{position:absolute;opacity:0;color:var(--content-primary);transition:opacity var(--duration-fast) var(--easing-standard)}.sn-logo-open:focus-visible img,.sn-logo-open:hover img{opacity:0}.sn-logo-open:focus-visible .sn-open-icon,.sn-logo-open:hover .sn-open-icon{opacity:1}.sn-tip-host{display:inline-flex}.sn-group{display:flex;flex-direction:column}.sn[data-collapsed] .sn-group{align-items:center;gap:var(--space-16)}.sn-title{color:var(--content-tertiary)}.sn-item{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--space-6);width:100%;min-height:40px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-lg);background:var(--fill-primary);color:var(--content-primary);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.sn-item:is(:hover,[data-state=hover]){background:var(--fill-primary-hover);box-shadow:inset 0 0 0 var(--stroke-1) var(--border-primary-hover),var(--sn-shade)}.sn-item[data-active]{background:var(--fill-primary-active);box-shadow:inset 0 0 0 var(--stroke-1) var(--border-primary),var(--sn-shade)}.sn-item:focus-visible{box-shadow:0 0 0 var(--stroke-2) var(--border-focus)}.sn-item .sn-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-ext{color:var(--content-tertiary)}.sn[data-collapsed] .sn-item{width:36px;min-height:36px;padding:var(--space-8);justify-content:center}.sn-brand{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-8);width:100%;height:50px;padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-xl);background:var(--fill-tertiary);color:var(--content-primary);cursor:pointer;box-shadow:inset 0 0 0 var(--stroke-1) var(--border-tertiary),var(--sn-shade);transition:background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.sn-brand:is(:hover,[data-state=hover]){background:var(--fill-tertiary-hover);box-shadow:inset 0 0 0 var(--stroke-1) var(--border-tertiary-hover),var(--sn-shade)}.sn-brand:focus-visible{box-shadow:0 0 0 var(--stroke-2) var(--border-focus)}.sn-brand .sn-label{flex:1 1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-brand-logo{position:relative;flex:none;width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--radius-lg);overflow:hidden}.sn-brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.sn-brand-logo:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--sn-shade)}.sn-chev{display:inline-grid;color:var(--content-secondary)}.sn-chev>*{grid-area:1/1}.sn-brand:is(:hover,[data-state=hover]) .sn-chev-rest,.sn-chev-hover{visibility:hidden}.sn-brand:is(:hover,[data-state=hover]) .sn-chev-hover{visibility:visible}.sn-brand[data-collapsed]{width:36px;height:36px;padding:var(--space-4);border-radius:var(--radius-lg);justify-content:center}.sn-brand[data-collapsed] .sn-brand-logo{width:var(--size-control-2xs);height:var(--size-control-2xs);border-radius:var(--radius-md)}.sn-brand[data-collapsed] .sn-chev,.sn-brand[data-collapsed] .sn-label{display:none}.sn-community{align-items:flex-start;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:inset 0 0 0 var(--stroke-1) var(--border-primary-disabled),var(--sn-highlight)}.sn-community,.sn-community-copy{display:flex;flex-direction:column}.sn-community-copy{gap:var(--space-4)}.sn-plan{color:var(--content-tertiary)}.sn-profile{padding:var(--space-12);box-shadow:inset 0 var(--stroke-1) 0 var(--border-primary)}.sn[data-collapsed] .sn-profile{padding:var(--space-12) var(--space-8);display:flex;justify-content:center}.sn-profile-row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-xl)}.sn[data-collapsed] .sn-profile-row{padding:0}.sn-avatar{width:var(--size-control-xs);height:var(--size-control-xs);flex:none;border-radius:var(--radius-full);object-fit:cover;box-shadow:0 0 0 var(--stroke-1) var(--border-primary)}.sn-who{display:flex;flex-direction:column;flex:1 1;min-width:0}.sn-who>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn [data-tip]{position:relative}.sn [data-tip]:focus-visible:before,.sn [data-tip]:hover:before{content:attr(data-tip);position:fixed;z-index:1200;top:var(--tip-y,50%);left:var(--tip-x,100%);transform:translateY(-50%);padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;background:var(--surface-secondary);color:var(--content-primary);box-shadow:inset 0 0 0 var(--stroke-1) var(--border-secondary),var(--sn-shade);font:var(--font-weight-medium) var(--type-label-lg-size) /var(--type-label-lg-line-height) var(--font-label);letter-spacing:var(--type-label-lg-tracking)}.sn-tip-host[data-tip]:is(:hover,:focus-within):before{transform:translateX(-100%)}@media (hover:none){.sn [data-tip]:before{display:none}}