.sidebar-scroll{scrollbar-width:thin;scrollbar-color:hsl(var(--border-strong)) transparent;overscroll-behavior:contain}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:hsl(var(--border-strong));border:2px solid transparent;background-clip:content-box;border-radius:9999px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:hsl(var(--foreground-faint) / .7)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--foreground-faint))}.sidebar-backdrop{animation:sidebar-fade-in .2s ease-out}.sidebar-drawer{animation:sidebar-slide-in .26s cubic-bezier(.32,.72,0,1)}@keyframes sidebar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-submenu{animation:sidebar-reveal .18s ease-out}@keyframes sidebar-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sidebar-backdrop,.sidebar-drawer,.sidebar-submenu{animation:none}}.sidebar-surface{position:relative;background:linear-gradient(180deg,hsl(var(--elev-3) / .55),hsl(var(--elev-2)) 22% 70%,color-mix(in srgb,hsl(var(--elev-1)) 60%,hsl(var(--elev-2))))}.sidebar-surface:after{content:"";position:absolute;inset-block:0;right:-1px;width:1px;pointer-events:none;background:linear-gradient(180deg,hsl(var(--border-strong)),hsl(var(--border)) 40%,hsl(var(--border) / .35))}.nav-rail{position:absolute;left:0;top:50%;height:1rem;width:2px;transform:translateY(-50%);border-radius:0 9999px 9999px 0;background:hsl(var(--brand-500));box-shadow:0 0 8px hsl(var(--brand-500) / .45)}