.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1099;animation:sidebarFadeIn .3s cubic-bezier(.22,1,.36,1)}@keyframes sidebarFadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;left:0;width:90vw;max-width:380px;height:100vh;height:100dvh;background:#141414f0;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-right:1px solid rgba(255,255,255,.08);box-shadow:4px 0 24px #00000080;color:#f2f2f2;transform:translate(-105%);visibility:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s;z-index:1100;display:flex;flex-direction:column;overflow:hidden}.sidebar.open{transform:translate(0);visibility:visible;transition:transform .35s cubic-bezier(.22,1,.36,1),visibility 0s}@media (min-width: 768px){.sidebar{width:400px;max-width:400px}}.nav-drawer-header{flex:none;padding:.875rem 1rem .875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.nav-drawer-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-drawer-title{font-family:Rubik,sans-serif;margin:0;flex:1;text-align:left}.close-button{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#f2f2f2;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:background-color .2s ease}.close-button:hover{background:#ffffff1a}.nav-drawer-progress{margin-top:.625rem}.nav-drawer-body{flex:1;min-height:0;padding:.75rem .875rem 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(234,88,12,.3) transparent}.nav-drawer-body::-webkit-scrollbar{width:6px}.nav-drawer-body::-webkit-scrollbar-thumb{background:#ea580c4d;border-radius:3px}.nav-drawer-body .nav-drawer-label{display:block;padding:.5rem}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.explore-tile{display:flex;align-items:center;gap:.625rem;min-width:0;min-height:48px;padding:0 .75rem;border-radius:10px;background:#27272a;border:1px solid transparent;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.explore-tile:hover{background:#303034}.explore-tile.active{background:#ea580c29;border-color:#ea580c8c}.explore-icon{flex:none;color:#ea580c}.explore-label{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-drawer-flat{margin-top:.75rem}.menu-item{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:0 .625rem;border-radius:8px;text-decoration:none;transition:background-color .2s ease}.menu-item:hover{background:#ffffff0d}.menu-item.active{background:#ea580c29}.menu-icon{flex:none;color:#ea580c}.menu-label{flex:1;margin:0;text-align:left}.nav-drawer-groups{margin-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.nav-drawer-group{border-bottom:1px solid rgba(255,255,255,.08)}.group-header{display:flex;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:0 .625rem;border-radius:8px;transition:background-color .2s ease}.group-header:hover{background:#ffffff0a}.group-icon{flex:none;color:#bbb}.nav-drawer-group.open .group-icon{color:#ea580c}.group-title{flex:1;margin:0;text-align:left}.group-chevron{flex:none;color:#999;transition:transform .25s cubic-bezier(.22,1,.36,1)}.nav-drawer-group.open .group-chevron{transform:rotate(180deg)}.group-items{padding:0 0 .625rem .5rem}.nav-drawer-body .group-sublabel{display:block;padding:1rem .625rem .25rem}.nav-drawer-body .group-subsection:first-child .group-sublabel{padding-top:.25rem}.nav-drawer-footer{margin-top:1rem;padding:.5rem 0 calc(1.25rem + env(safe-area-inset-bottom,0px))}.nav-drawer-auth{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.nav-drawer-auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border-radius:10px;font-family:Poppins,sans-serif;font-weight:600;font-size:.875rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.nav-drawer-login{color:#f2f2f2;border:1px solid #444444}.nav-drawer-login:hover{border-color:#757575;background:#ffffff0a}.nav-drawer-signup{color:#fff;background:#ea580c;border:1px solid #ea580c}.nav-drawer-signup:hover{background:#c44b0a;border-color:#c44b0a}.nav-drawer-logout{width:100%}.menu-item:focus-visible,.explore-tile:focus-visible,.group-header:focus-visible,.close-button:focus-visible,.nav-drawer-auth-button:focus-visible{outline:2px solid rgba(234,88,12,.7);outline-offset:2px}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar.open,.sidebar-backdrop,.group-chevron{animation:none;transition:none}}