.sm-nav-dropdown{--sm-accent:var(--primary);position:fixed;z-index:50;width:min(18.5rem,calc(100vw - 1rem));max-height:min(28rem,calc(100vh - var(--sm-nav-top, 4.5rem) - 1rem));overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklch,var(--border) 80%,transparent);background:var(--card);box-shadow:var(--shadow-elevated);pointer-events:auto;transform-origin:top right;will-change:transform,opacity}.dark .sm-nav-dropdown{border-color:rgba(255,255,255,.08);background:#111111}.sm-nav-dropdown__panel{position:relative;z-index:1;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 0;background:var(--card);scrollbar-width:none;-ms-overflow-style:none}.sm-nav-dropdown__panel::-webkit-scrollbar{display:none}.dark .sm-nav-dropdown__panel{background:#111111}.sm-nav-dropdown__item{display:flex;align-items:center;gap:.75rem;margin:0 .5rem;padding:.625rem .75rem;border-radius:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--ink);text-decoration:none;background:transparent;transition:background-color .2s ease,color .2s ease}.sm-nav-dropdown__item:focus-visible,.sm-nav-dropdown__item:hover{background:color-mix(in srgb,var(--primary) 8%,#ffffff);color:var(--primary);outline:none}.dark .sm-nav-dropdown__item:focus-visible,.dark .sm-nav-dropdown__item:hover{background:color-mix(in srgb,var(--primary) 14%,#111111);color:var(--primary-hover)}.sm-nav-dropdown__item:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.sm-nav-dropdown__icon{display:grid;height:2rem;width:2rem;flex-shrink:0;place-items:center;border-radius:.5rem;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);transition:border-color .2s ease,background-color .2s ease,color .2s ease}.dark .sm-nav-dropdown__icon{border-color:rgba(255,255,255,.08);background:#141414}.sm-nav-dropdown__item:focus-visible .sm-nav-dropdown__icon,.sm-nav-dropdown__item:hover .sm-nav-dropdown__icon{border-color:color-mix(in srgb,var(--primary) 22%,transparent);background:color-mix(in srgb,var(--primary) 10%,#ffffff);color:var(--primary)}.dark .sm-nav-dropdown__item:focus-visible .sm-nav-dropdown__icon,.dark .sm-nav-dropdown__item:hover .sm-nav-dropdown__icon{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 15%,#141414);color:var(--primary-hover)}.sm-nav-dropdown__label{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.sm-nav-dropdown__footer{border-top:1px solid color-mix(in oklch,var(--border) 80%,transparent);padding:.75rem;background:var(--card)}.dark .sm-nav-dropdown__footer{border-top-color:rgba(255,255,255,.08);background:#111111}.sm-nav-dropdown__auth{display:flex;gap:.5rem}.sm-nav-dropdown__auth-link{flex:1;display:flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sm-nav-dropdown__auth-link--login{border:1px solid var(--border);color:var(--ink);background:var(--card)}.sm-nav-dropdown__auth-link--login:hover{background:color-mix(in srgb,var(--primary) 8%,#ffffff);color:var(--primary)}.sm-nav-dropdown__auth-link--signup{background:var(--primary);color:var(--primary-foreground);font-weight:600}.sm-nav-dropdown__auth-link--signup:hover{background:var(--primary-hover)}.sm-nav-dropdown-backdrop{position:fixed;inset:0;z-index:45;background:transparent}