.header-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #f0f0f0;z-index:100}.header-left{flex:1 1}.header-center{flex:0 0 auto;justify-content:center}.header-center,.logo-link{display:flex;align-items:center}.logo-link{text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.header-logo{height:18px;width:auto;object-fit:contain}.header-right{flex:1 1;display:flex;justify-content:flex-end;align-items:center;gap:12px}.heart-icon{width:18px;height:18px;object-fit:contain;cursor:pointer;transition:opacity .2s ease}.heart-icon:hover{opacity:.7}.bookmark-icon{width:18px;height:18px;object-fit:contain;cursor:pointer;transition:opacity .2s ease}.bookmark-icon:hover{opacity:.7}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e5e5e7;border-radius:20px;font-size:14px;color:#1d1d1f;cursor:pointer;transition:all .2s ease;font-family:inherit}.user-icon{width:18px;height:18px;object-fit:contain}.user-menu-button:hover{background:#f5f5f7;border-color:#d1d1d6}.menu-arrow{font-size:10px;color:#6e6e73}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e5e7;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);min-width:200px;overflow:hidden;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:block;width:100%;padding:12px 16px;background:#fff;border:none;text-align:left;font-size:14px;color:#1d1d1f;text-decoration:none;cursor:pointer;transition:background .2s ease;font-family:inherit}.menu-item:hover{background:#f5f5f7}.menu-item-logout{color:#ff3b30;border-top:1px solid #f0f0f0}.menu-item-logout:hover{background:#fff5f5}.signup-button{padding:8px 20px;background:transparent;color:#1d1d1f;border:1px solid #e5e5e7;border-radius:20px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;font-family:inherit}.signup-button:hover{background:#f5f5f7;border-color:#d1d1d6}@media (max-width:768px){.header-nav{padding:16px}.user-menu-button{font-size:13px;padding:6px 12px}.user-menu-dropdown{min-width:180px}}