.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);position:relative;z-index:var(--z-sticky)}@media (prefers-reduced-motion:reduce){.navbar,.navbar *,.navbar :after,.navbar :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.navbar__left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem;padding:1rem 3rem;position:relative}.navbar__logo{position:relative;width:220px;cursor:pointer;z-index:1;transition:opacity var(--transition-fast)}.navbar__logo:hover{opacity:.9}.navbar__search,.navbar__search-form{display:flex;flex-direction:row;align-items:center}.navbar__search-form{background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);overflow:hidden}.navbar__search-form:focus-within{border-color:var(--border-strong);background-color:var(--bg-tertiary)}.navbar__search input{width:240px;padding:.625rem 1rem;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.navbar__search input::-moz-placeholder{color:var(--text-quaternary)}.navbar__search input::placeholder{color:var(--text-quaternary)}.navbar_search_button{display:flex;align-items:center;justify-content:center;padding:.625rem .875rem;background:transparent;border:none;border-left:1px solid var(--border-default);cursor:pointer;transition:background-color var(--transition-fast)}.navbar_search_button:hover{background-color:var(--bg-quaternary)}.navbar_search_button img{opacity:.6;transition:opacity var(--transition-fast)}.navbar_search_button:hover img{opacity:.9}.navbar__right{gap:.5rem;padding-right:2rem}.navbar__links,.navbar__right{display:flex;flex-direction:row;align-items:center}.navbar__links{gap:.25rem}.navbar__link{display:inline-flex;align-items:center;padding:.5rem 1rem;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.navbar__link:hover{color:var(--text-primary);background-color:var(--bg-quaternary)}.navbar__link--with-badge{position:relative;display:inline-flex;align-items:center;gap:.5rem}.navbar__link--cta{font-weight:var(--font-weight-semibold)}.navbar__link--cta,.navbar__link--cta:hover{color:var(--text-primary)}.navbar__link--external{display:inline-flex;align-items:center;gap:.375rem}.navbar__external-icon{opacity:.5;transition:opacity var(--transition-fast)}.navbar__link--external:hover .navbar__external-icon{opacity:.8}.navbar__profile-group{gap:.75rem;margin-left:.5rem}.navbar__profile-group,.navbar__profile-trigger{display:flex;align-items:center;position:relative}.navbar__profile-trigger{justify-content:center;padding:.25rem;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-width:44px;min-height:44px}.navbar__profile-trigger:hover{background-color:var(--bg-quaternary)}.navbar__profile-trigger:focus-visible{outline:2px solid #5deba9;outline-offset:2px}.navbar__profile,.navbar__profile--with-badge{position:relative;cursor:pointer}.navbar_profile_dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:var(--z-dropdown);overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar_profile_dropdown_section{display:flex;flex-direction:column;padding:.375rem}.navbar_profile_dropdown_section:not(:last-child){border-bottom:1px solid var(--border-subtle)}.navbar_profile_dropdown_section a{display:flex;align-items:center;padding:.625rem .875rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.navbar_profile_dropdown_section a:hover,.navbar_profile_dropdown_section button:hover{color:var(--text-primary);background-color:var(--bg-quaternary)}.navbar__dropdown-messages{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:.5rem}.navbar__dropdown-logout{width:100%;display:flex;align-items:center;padding:.625rem .875rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-decoration:none;text-align:left;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.navbar__mobile-header{display:contents}.navbar__mobile-controls{display:none;align-items:center;gap:.25rem}.navbar__mobile-search-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.625rem;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-tertiary)}.navbar__mobile-search-toggle:hover{background-color:var(--bg-quaternary);color:var(--text-secondary)}.navbar__mobile-search-toggle:focus-visible{outline:2px solid #5deba9;outline-offset:2px}.navbar__hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:.625rem;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.navbar__hamburger:hover{background-color:var(--bg-quaternary)}.navbar__hamburger:focus-visible{outline:2px solid #5deba9;outline-offset:2px}.navbar__hamburger-line{width:22px;height:2px;background-color:var(--text-tertiary);border-radius:1px;transition:all var(--transition-base)}.navbar__hamburger:hover .navbar__hamburger-line{background-color:var(--text-secondary)}.navbar__hamburger--active .navbar__hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.navbar__hamburger--active .navbar__hamburger-line:nth-child(2){opacity:0}.navbar__hamburger--active .navbar__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__mobile-search{display:none;padding:0 1rem 1rem;overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}.navbar__mobile-search--open{max-height:100px;opacity:1;padding:.75rem 1rem 1rem}.navbar__mobile-search .navbar__search-form,.navbar__mobile-search .navbar__search-form input{width:100%}.navbar_dropdown{display:none;flex-direction:column;width:100%;background-color:var(--bg-secondary);overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.navbar_dropdown.active{display:flex;max-height:1000px;opacity:1;padding:1rem 1.5rem 2rem;border-top:1px solid var(--border-subtle)}.navbar__links_mobile{display:flex;flex-direction:column;gap:.25rem}.navbar__links_mobile>.navbar__link,.navbar__links_mobile>a{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar__links_mobile>.navbar__link:hover,.navbar__links_mobile>a:hover{color:var(--text-primary);background-color:var(--bg-quaternary)}.navbar__sub-links{display:flex;flex-direction:column;padding-left:1.5rem;margin-top:.25rem;margin-bottom:.5rem;border-left:2px solid var(--border-default);margin-left:1rem}.navbar__sub-link{display:block;padding:.625rem 1rem;min-height:44px;display:flex;align-items:center;color:#a1a1aa;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.navbar__sub-link:hover{color:var(--text-primary);background-color:var(--bg-quaternary)}.navbar__mobile-divider{height:1px;background-color:var(--border-subtle);margin:.75rem 0}.navbar__mobile-login{padding:.5rem 0}.navbar__mobile-logout{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.75rem 1rem;margin-top:.5rem;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.navbar__mobile-logout:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.5)}.navbar__mobile-logout:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.navbar__link--chat{position:relative;display:inline-flex;align-items:center;gap:.5rem}.navbar__chat-link{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);transition:background-color var(--transition-fast);color:var(--text-quaternary)}.navbar__chat-link:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.navbar__chat-icon{width:1.25rem;height:1.25rem}.navbar__store-icons{display:flex;gap:.75rem;margin-right:.75rem}.navbar__store-icons-mobile{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.navbar__store-icons-mobile a{transition:opacity var(--transition-fast)}.navbar__store-icons-mobile a:hover{opacity:.8}@media screen and (max-width:1300px){.navbar,.navbar__left{flex-direction:column;align-items:stretch}.navbar__left{padding:0;gap:0}.navbar__mobile-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem}.navbar__mobile-controls{display:flex}.navbar__logo{width:140px;padding:0}.navbar__hamburger{display:flex}.navbar__search{display:none}.navbar__mobile-search{display:block}.navbar__right{display:none}.navbar_dropdown{display:flex}.navbar__links_mobile{flex-direction:column;gap:.25rem;margin:0}.navbar__links_mobile>.navbar__link,.navbar__links_mobile>a{min-height:44px}.navbar__profile{margin:1rem 0 0;width:100%;justify-content:center}.navbar_profile_dropdown_section:not(:last-child){border-bottom:none}.navbar_profile_dropdown_section a:hover,.navbar_profile_dropdown_section button:hover{background-color:var(--bg-quaternary)}}@media screen and (max-width:480px){.navbar__mobile-header{padding:.5rem .75rem}.navbar__logo{width:120px}.navbar_dropdown.active{padding:1rem}}