.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#f0d56ef2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0 48px;height:72px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 20px #00000014}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:44px;width:auto}.nav-right{display:flex;align-items:center;gap:12px}.nav-kofi{display:flex;align-items:center;transition:transform .2s ease}.nav-kofi:hover{transform:scale(1.05)}.nav-kofi img{height:50px;width:auto}.nav-auth-link{display:none;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#1a1a1a;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.nav-auth-link:hover{opacity:.7}.nav-user-menu{display:none;align-items:center;gap:10px}.nav-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #1a1a1a}.nav-user-name{font-size:.85rem;font-weight:600;color:#1a1a1a;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-trigger{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-profile-trigger:hover .nav-user-avatar{border-color:#000}.nav-profile-trigger:hover .nav-user-name{opacity:.7}.nav-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1.5px solid #1a1a1a;border-radius:10px;box-shadow:4px 4px #1a1a1a;min-width:170px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:200}.nav-profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-profile-dropdown a{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;color:#1a1a1a;text-decoration:none;transition:background .15s ease}.nav-profile-dropdown a:hover{background:#f5f5f0}.nav-profile-dropdown a svg{width:16px;height:16px;flex-shrink:0}.nav-profile-dropdown hr{border:none;border-top:1px solid #e5e7eb;margin:4px 0}@media(max-width:768px){.navbar{padding:0 24px;height:64px}.nav-right{gap:8px}.nav-kofi img{height:40px}}