.nav-auth-btn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 1rem;border-radius:9999px;background:var(--lb-accent);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;transition:all .2s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--lb-accent) 30%,transparent)}.nav-auth-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--lb-accent) 40%,transparent)}.nav-auth-btn-outline{background:transparent;border:1px solid color-mix(in srgb,var(--lb-ink) 15%,transparent);color:var(--lb-ink);box-shadow:none}.nav-auth-btn-outline:hover{border-color:var(--lb-accent);color:var(--lb-accent);box-shadow:none}.nav-user-menu{position:relative}.nav-user-trigger{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding:.25rem .75rem .25rem .25rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--lb-ink) 10%,transparent);background:var(--lb-surface);transition:all .2s ease;cursor:pointer}.nav-user-trigger:hover,.nav-user-trigger-active{border-color:color-mix(in srgb,var(--lb-accent) 50%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--lb-accent) 15%,transparent)}.nav-user-avatar{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:linear-gradient(135deg,var(--lb-accent) 0%,color-mix(in srgb,var(--lb-accent) 80%,var(--lb-ink)) 100%);color:#fff;font-size:.625rem;font-weight:700}.nav-user-name{font-size:.75rem;font-weight:600;color:var(--lb-ink)}.nav-user-chevron{width:14px;height:14px;color:color-mix(in srgb,var(--lb-ink) 50%,transparent);transition:transform .2s ease}.nav-user-chevron-open{transform:rotate(180deg)}.nav-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:260px;background:color-mix(in srgb,var(--lb-surface) 95%,transparent);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--lb-ink) 8%,transparent);border-radius:16px;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--lb-ink) 5%,transparent),0 20px 40px -10px color-mix(in srgb,var(--lb-ink) 15%,transparent);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:70}.nav-user-dropdown-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid color-mix(in srgb,var(--lb-ink) 5%,transparent)}.nav-user-header-avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--lb-accent) 0%,color-mix(in srgb,var(--lb-accent) 80%,var(--lb-ink)) 100%);color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.nav-user-header-info{min-width:0}.nav-user-header-name{font-size:.875rem;font-weight:700;color:var(--lb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-header-email{font-size:.75rem;color:color-mix(in srgb,var(--lb-ink) 50%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-actions{padding:.5rem}.nav-user-action{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border-radius:10px;font-size:.8125rem;font-weight:500;color:var(--lb-ink);transition:all .15s ease;text-decoration:none;background:none;border:none;cursor:pointer;text-align:left}.nav-user-action:hover{background:color-mix(in srgb,var(--lb-ink) 5%,transparent)}.nav-user-action svg{width:16px;height:16px;color:color-mix(in srgb,var(--lb-ink) 50%,transparent);flex-shrink:0}.nav-user-action:hover svg{color:var(--lb-accent)}.nav-user-action-danger{color:#dc2626}.nav-user-action-danger:hover{background:color-mix(in srgb,#dc2626 8%,transparent)}.nav-user-action-danger svg{color:#dc2626}.nav-mobile-user{display:flex;flex-direction:column;gap:.75rem}.nav-mobile-user-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:color-mix(in srgb,var(--lb-panel) 50%,transparent);border-radius:12px;border:1px solid color-mix(in srgb,var(--lb-ink) 5%,transparent)}.nav-mobile-avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--lb-accent) 0%,color-mix(in srgb,var(--lb-accent) 80%,var(--lb-ink)) 100%);color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.nav-mobile-info{min-width:0}.nav-mobile-name{font-size:.9375rem;font-weight:700;color:var(--lb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-mobile-email{font-size:.8125rem;color:color-mix(in srgb,var(--lb-ink) 50%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-mobile-actions{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem}.nav-mobile-action{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem;font-size:.9375rem;font-weight:500;color:var(--lb-ink);transition:all .15s ease;text-decoration:none;background:none;border:none;cursor:pointer;text-align:left}.nav-mobile-action:hover{color:var(--lb-accent)}.nav-mobile-action svg{width:18px;height:18px;color:color-mix(in srgb,var(--lb-ink) 40%,transparent);flex-shrink:0}.nav-mobile-action:hover svg{color:var(--lb-accent)}.nav-mobile-action-danger{color:#dc2626}.nav-mobile-action-danger svg{color:#dc2626}.nav-mobile-action-danger:hover{color:#b91c1c}.nav-mobile-action-danger:hover svg{color:#b91c1c}