.floating-nav{position:fixed;top:var(--space-lg);left:50%;transform:translateX(-50%) translateY(0);z-index:1000;transition:transform var(--transition-slow),opacity var(--transition)}.nav-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:rgba(17,17,17,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.04);transition:box-shadow var(--transition),border-color var(--transition)}.nav-pill:hover{box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.04)}.nav-brand{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-surface);transition:transform var(--transition-spring),box-shadow var(--transition);overflow:hidden;flex-shrink:0}.nav-brand:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.brand-logo{width:28px;height:28px;object-fit:contain}.brand-name{display:none}.nav-spacer{flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap;position:relative;text-decoration:none}.nav-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--text);opacity:0;transition:opacity var(--transition)}.nav-item:hover{color:var(--text)}.nav-item:hover:before{opacity:.05}.nav-item.active{color:var(--accent-primary);background-color:var(--accent-primary-subtle)}.nav-item.active:before{opacity:0}.tools-dropdown{position:relative}.tools-trigger{border:none;background:none;cursor:pointer;font-family:inherit}.tools-chevron{display:none;margin-left:-2px;transition:transform var(--transition);position:relative;z-index:1}.tools-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:280px;background:rgba(17,17,17,.95);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:1001}.tools-dropdown:focus-within .tools-panel,.tools-dropdown:hover .tools-panel{opacity:1;visibility:visible}.tools-dropdown:focus-within .tools-chevron,.tools-dropdown:hover .tools-chevron{transform:rotate(180deg)}.tools-category-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);padding:var(--space-xs) var(--space-md)}.tools-divider{height:1px;background:var(--border);margin:var(--space-xs) var(--space-sm)}.tools-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);transition:background var(--transition);text-decoration:none}.tools-item-icon,.tools-item:hover{background:var(--bg-surface)}.tools-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);color:var(--accent-primary);flex-shrink:0;transition:background var(--transition)}.tools-item:hover .tools-item-icon{background:var(--bg-subtle)}.tools-item-text{display:flex;flex-direction:column;gap:2px;flex:1}.tools-item-label{font-size:var(--text-sm);font-weight:500;color:var(--text)}.tools-item-desc{font-size:var(--text-xs);color:var(--text-muted)}.tools-external{flex-shrink:0;color:var(--text-subtle)}.tools-viewall{display:block;text-align:center;font-size:var(--text-xs);font-weight:500;color:var(--accent-primary);padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs);border-top:1px solid var(--border);transition:opacity var(--transition);text-decoration:none}.tools-viewall:hover{opacity:.8}.mobile-tools-toggle{width:100%;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left}.mobile-tools-chevron{margin-left:auto;transition:transform var(--transition)}.mobile-tools-toggle.expanded .mobile-tools-chevron{transform:rotate(180deg)}.mobile-tools-items{display:none;padding-left:var(--space-2xl)}.mobile-tools-items.expanded{display:block}.mobile-tools-subitem{padding:var(--space-sm) var(--space-md)!important;font-size:var(--text-sm)!important}.mobile-tools-subitem .dropdown-label{flex:1}.mobile-tool-icon{color:var(--accent-primary)}.mobile-tool-icon,.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon,.nav-label{position:relative;z-index:1}.nav-label{display:none}.nav-divider{width:1px;height:20px;background:var(--border);margin:0 var(--space-xs);flex-shrink:0}@media (min-width:1100px){.nav-label,.tools-chevron{display:inline}}@media (max-width:1099px){.nav-item{padding:var(--space-sm)}}.mobile-nav{display:none}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);flex-shrink:0}.hamburger-btn:hover{background:var(--bg-subtle)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:16px}.hamburger-line{width:100%;height:1.5px;background:var(--text);border-radius:2px;transition:all var(--transition);transform-origin:center}.hamburger-btn.active .hamburger-line:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;background:rgba(17,17,17,.95);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition)}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-base);font-weight:500;color:var(--text-muted);border-radius:var(--radius);transition:all var(--transition);opacity:0;transform:translateY(-5px);text-decoration:none}.dropdown-menu.open .dropdown-item{opacity:1;transform:translateY(0);transition-delay:calc(var(--index) * 40ms + 50ms)}.dropdown-item:hover{background:var(--bg-surface);color:var(--text)}.dropdown-item.active{background:var(--accent-primary-subtle);color:var(--accent-primary)}.dropdown-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-surface);border-radius:var(--radius);flex-shrink:0;transition:background-color var(--transition),color var(--transition)}.dropdown-item:hover .dropdown-icon{background:var(--bg-subtle)}.dropdown-item.active .dropdown-icon{background:var(--accent-primary);color:#FFFFFF}.dropdown-label{flex:1}.menu-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition)}.menu-backdrop.visible{opacity:1;visibility:visible}@media (max-width:768px){.desktop-nav{display:none}.floating-nav.mobile-nav{display:block;left:var(--space-md);right:var(--space-md);transform:none;width:auto}.mobile-nav .nav-pill{width:100%;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg)}.mobile-nav .nav-brand{width:36px;height:36px}.mobile-nav .brand-logo{width:24px;height:24px}.brand-name{font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:-.02em}.brand-name,.menu-backdrop{display:block}}@media (max-width:380px){.floating-nav.mobile-nav{left:var(--space-sm);right:var(--space-sm)}.brand-name{font-size:var(--text-xs)}.mobile-nav .nav-brand{width:32px;height:32px}.mobile-nav .brand-logo{width:20px;height:20px}.hamburger-btn{width:36px;height:36px}.dropdown-item{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.dropdown-icon{width:28px;height:28px}}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);overflow:hidden}.profile-trigger:hover{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-subtle,rgba(224,122,95,.2))}.profile-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.profile-panel{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;background:rgba(17,17,17,.95);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:1001}.profile-dropdown:focus-within .profile-panel,.profile-dropdown:hover .profile-panel{opacity:1;visibility:visible}.profile-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.profile-panel-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.profile-details{display:flex;flex-direction:column;min-width:0}.profile-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.profile-email,.profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:var(--text-xs);color:var(--text-subtle)}.profile-divider{height:1px;background:var(--border);margin:var(--space-xs) var(--space-sm)}.profile-link{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition)}.profile-link:hover{background:var(--bg-surface);color:var(--accent-primary)}.profile-signout{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.profile-signout:hover{background:var(--bg-surface);color:#dc3545}.profile-initial{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-primary);color:white;font-size:14px;font-weight:600;line-height:1;flex-shrink:0;user-select:none}.profile-initial-lg{width:40px;height:40px;font-size:16px}.nav-signin{text-decoration:none}.mobile-platform-link{color:var(--accent-primary)!important}.mobile-auth-divider{height:1px;background:var(--border);margin:var(--space-xs) var(--space-sm)}.mobile-user-info{pointer-events:none;opacity:1!important;transform:none!important}.mobile-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.mobile-user-details{display:flex;flex-direction:column;min-width:0}.mobile-user-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.mobile-user-email{font-size:var(--text-xs);color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis}.mobile-signout{width:100%;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left}.mobile-signout:hover{color:#dc3545!important}.mobile-signout:hover .dropdown-icon{background:rgba(220,53,69,.1)!important;color:#dc3545!important}.mobile-signin .dropdown-icon{background:var(--accent-primary-subtle)}@media (prefers-reduced-motion:reduce){.dropdown-item,.dropdown-menu,.floating-nav,.hamburger-line{transition:none}}