.navbar{z-index:200;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:24px;width:100%;height:64px;padding:0 32px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s,margin .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 2px 14px #0f172a0d}body.reading-mode .navbar{opacity:0;pointer-events:none;margin-bottom:-64px;transform:translateY(-100%)}.brand{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand span{color:#0f172a;letter-spacing:-.02em;font-weight:800}.brand img{object-fit:contain;border-radius:8px;width:34px;height:34px}.navLinks{align-items:center;gap:28px;display:flex}.navLinks a{color:#1e293b;padding:4px 0;font-size:14.5px;font-weight:600;text-decoration:none;transition:color .15s;position:relative}.navLinks a:hover{color:#0f172a}.navLinks .active{color:#2563eb;font-weight:700}.navLinks .active:after{content:"";background:#2563eb;border-radius:99px;width:100%;height:2.5px;position:absolute;bottom:-6px;left:0;box-shadow:0 0 10px #2563eb66}.navActions{align-items:center;gap:12px;display:flex}.loginBtn,.signupBtn,.logoutBtn{height:36px;font:inherit;cursor:pointer;border-radius:9px;padding:0 16px;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s,background .15s}.loginBtn{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.signupBtn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb 45%,#1d4ed8);border:0;box-shadow:0 2px 14px #2563eb59}.logoutBtn{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;height:34px;padding:0 14px}.loginBtn:hover,.signupBtn:hover,.logoutBtn:hover:not(:disabled){transform:translateY(-1px)}.loginBtn:hover{background:#f8fafc;border-color:#334155}.signupBtn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 18px #2563eb80}.authStatus{color:#1e293b;font-size:13px;font-weight:600}.profileMenuWrap{position:relative}.profileTrigger{color:#0f172a;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:9px;padding:3px 12px 3px 4px;transition:all .16s;display:flex}.profileTrigger:hover,.profileTrigger[aria-expanded=true]{background:#f8fafc;border-color:#2563eb}.userAvatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12.5px;font-weight:800;display:grid;overflow:hidden}.userAvatar img{object-fit:cover;width:100%;height:100%}.userNameText{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13.5px;font-weight:600;overflow:hidden}.profileChevron{color:#1e293b;flex-shrink:0;transition:transform .18s}.profileChevron.open{transform:rotate(180deg)}.profileDropdown{color:#0f172a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:240px;padding:6px;animation:.16s cubic-bezier(.22,1,.36,1) both profile-pop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #0f172a1f,0 0 0 1px #0000000a}.profileDropdownHeader{border-bottom:1px solid #e2e8f0;gap:2px;margin-bottom:6px;padding:8px 10px 10px;display:grid}.profileDropdownHeader strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.profileDropdownHeader span{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profileDropdown a,.profileDropdown button{color:#334155;width:100%;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;transition:color .14s,background .14s;display:flex}.profileDropdown a:hover,.profileDropdown a:focus-visible{color:#1d4ed8;background:#eff6ff;outline:0}.profileDropdown .profileLogout{color:#dc2626}.profileDropdown .profileLogout:hover:not(:disabled),.profileDropdown .profileLogout:focus-visible{color:#b91c1c;background:#fef2f2;outline:0}.profileLogout:disabled{cursor:wait;opacity:.6}.mobileMenuBtn{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:color .15s,background .15s;display:none!important}.mobileMenuBtn:hover{color:#2563eb;background:#eff6ff}.desktopAuthButtons{align-items:center;gap:10px;display:flex}@keyframes profile-pop{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:868px){.navbar{padding:0 20px}.navLinks{display:none}.mobileMenuBtn{justify-content:center;align-items:center;display:flex!important}.desktopAuthButtons{display:none}}.mobileMenuOverlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300;background:#fff;flex-direction:column;width:100vw;height:100vh;padding:20px 24px;animation:.25s ease-out both menuFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.mobileMenuHeader{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.mobileMenuCloseBtn{color:#0f172a;cursor:pointer;background:0 0;border:none;padding:6px}.mobileNavLinks{flex-direction:column;gap:24px;display:flex}.mobileNavLinks a{color:#0f172a;font-size:22px;font-weight:700;text-decoration:none;transition:color .2s}.mobileNavLinks a:active,.mobileNavLinks a.active{color:#2563eb}.mobileAuthButtons{flex-direction:column;gap:12px;margin-top:auto;padding-bottom:30px;display:flex}.mobileAuthButtons button{width:100%;height:48px;font-size:16px}