.header{z-index:var(--z-header);-webkit-backdrop-filter:none;background:0 0;border-bottom:1px solid #0000;transition:all .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;position:fixed;top:0;left:0;right:0}.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.header-scrolled{-webkit-backdrop-filter:blur(18px)saturate(140%);background:var(--header-frost-bg,#e3ecfa9e);border-bottom:1px solid var(--header-frost-border,#94a3b847);box-shadow:0 .5rem 1.25rem #00000014}.header-container{padding-top:14px;padding-left:calc(14px + env(safe-area-inset-left,0px));z-index:var(--z-above);justify-content:space-between;align-items:center;padding-bottom:14px;padding-right:45px;display:flex;position:relative}.header-logo{flex-shrink:0;align-items:center;margin-left:-76px;display:flex}.header-logo a{align-items:center;line-height:0;text-decoration:none;display:inline-flex}.header-nav{flex:1;justify-content:center;align-items:center;gap:2.5rem;display:flex}.header-nav-link{color:var(--color-text-secondary);padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.header-nav-link:after{content:"";background:linear-gradient(90deg, var(--color-purple-600), var(--color-teal-500));width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.header-nav-link:hover{color:var(--color-purple-600)}.header-nav-link:hover:after{width:100%}.header-nav-link-active{color:var(--color-purple-600);font-weight:600}.header-nav-link-active:after{width:100%}.header-buttons{align-items:center;gap:1rem;display:flex}.mock-credits-pill{height:44px;color:var(--color-indigo-700);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f124,#2dd4bf1a);border:1px solid #a78bfa8c;border-radius:999px;align-items:center;gap:.55rem;padding:0 .95rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 8px 20px #4f46e529}.mock-credits-pill:hover{border-color:#818cf8cc;transform:translateY(-1px);box-shadow:0 12px 26px #4f46e53d}.mock-credits-pill-unlimited{color:#0f766e;background:linear-gradient(135deg,#10b98129,#14b8a624);border-color:#05966966}.mock-credits-icon{width:1.75rem;height:1.75rem;color:var(--color-amber-500);justify-content:center;align-items:center;transition:transform .2s,filter .2s;display:inline-flex}.mock-credits-icon svg{width:100%;height:100%}.mock-credits-pill:hover .mock-credits-icon{filter:drop-shadow(0 0 10px #f59e0b80);transform:scale(1.14)rotate(-6deg)}.mock-credits-value{letter-spacing:.02em;text-align:center;min-width:1.5rem;font-size:1rem;font-weight:800;line-height:1}.xp-points-pill{color:#dc2626;-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ef444424,#f973161a);border:1px solid #f973168c;border-radius:999px;align-items:center;gap:.55rem;height:44px;padding:0 .95rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 8px 20px #ef444429}.xp-points-pill:hover{border-color:#fca50bcc;transform:translateY(-1px);box-shadow:0 12px 26px #ef44443d}.xp-points-icon{width:1.75rem;height:1.75rem;color:var(--color-amber-400);justify-content:center;align-items:center;transition:transform .2s,filter .2s;display:inline-flex}.xp-points-icon svg{width:100%;height:100%}.xp-points-pill:hover .xp-points-icon{filter:drop-shadow(0 0 10px #fbbf2499);transform:scale(1.14)rotate(12deg)}.xp-points-value{letter-spacing:.02em;text-align:right;min-width:2rem;font-size:.88rem;font-weight:800;line-height:1}.profile-menu-container{position:relative}.profile-avatar{background:linear-gradient(135deg, var(--color-purple-600), var(--color-teal-500));width:44px;height:44px;color:var(--color-white);border:2px solid var(--color-white);box-shadow:0 2px 10px var(--color-purple-600-30);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.95rem;font-weight:600;line-height:1;transition:all .2s;display:flex;position:relative;overflow:hidden}.profile-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-text{color:var(--color-white);font-size:1rem;font-weight:inherit;text-transform:uppercase;letter-spacing:.05em;z-index:1;line-height:1;position:relative}.profile-avatar:hover{box-shadow:0 4px 15px var(--color-purple-600-40);transform:scale(1.05)}.profile-avatar:active{transform:scale(.98)}.profile-avatar-premium{background-image:linear-gradient(135deg, var(--color-purple-600), var(--color-teal-500)), conic-gradient(from 0deg, #dc3545e6 0deg 90deg,  #ffc107e6 90deg 180deg,  #28a745e6 180deg 270deg,  #0d6efde6 270deg 360deg );background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000}.profile-avatar-premium:hover{box-shadow:0 2px 10px var(--color-purple-600-30);transform:none}.profile-avatar-premium:active{transform:none}.profile-dropdown{background-color:var(--color-white);border:1px solid var(--color-border-default);min-width:280px;box-shadow:0 10px 40px var(--color-overlay-black-strong);border-radius:16px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{background:linear-gradient(135deg, var(--color-purple-600-08), var(--color-teal-600-08));align-items:center;gap:1rem;padding:1.25rem;display:flex}.profile-dropdown-avatar{background:linear-gradient(135deg, var(--color-purple-600), var(--color-teal-500));width:48px;height:48px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;line-height:1;display:flex;position:relative;overflow:hidden}.profile-dropdown-avatar-premium{background-image:linear-gradient(135deg, var(--color-purple-600), var(--color-teal-500)), conic-gradient(from 0deg, #dc3545e6 0deg 90deg,  #ffc107e6 90deg 180deg,  #28a745e6 180deg 270deg,  #0d6efde6 270deg 360deg );background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000}.profile-dropdown-info{flex:1;min-width:0}.profile-dropdown-name{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.profile-dropdown-email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.profile-dropdown-divider{background-color:var(--color-border-subtle);height:1px}.profile-dropdown-item{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.95rem;transition:background-color .2s;display:flex}.profile-dropdown-item:hover{background-color:var(--color-surface-hover)}.profile-dropdown-logout{color:var(--color-error)}.profile-dropdown-logout:hover{background-color:var(--color-bg-error)}.profile-dropdown-icon{flex-shrink:0;width:18px;height:18px}