.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 48px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(246,241,234,.35);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid transparent;transition:all .4s cubic-bezier(.23,1,.32,1)}.site-nav.scrolled{border-bottom-color:var(--bdr);box-shadow:0 1px 20px rgba(0,0,0,.05);background:rgba(246,241,234,.55)}.dark-mode .site-nav{background:rgba(26,26,26,.25)}.dark-mode .site-nav.scrolled{background:rgba(26,26,26,.45)}.site-nav.nav-transparent{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:rgba(26,26,26,.06)}.site-nav.nav-transparent .nav-logo{color:var(--dark)}.site-nav.nav-transparent .nav-link-item{color:rgba(26,26,26,.4)}.site-nav.nav-transparent .nav-link-item:hover{color:var(--dark);background:rgba(26,26,26,.04);border-radius:12px;padding:7px 14px}.site-nav.nav-transparent .nav-link-item:after{background:var(--dark)}.site-nav.nav-transparent .nav-link-item.active{color:var(--dark)}.site-nav.nav-transparent .nav-cta{color:#fff!important;background:var(--dark)!important;border:none}.site-nav.nav-transparent .nav-cta:hover{opacity:.85}.dark-mode .site-nav.nav-transparent .nav-logo{color:#1a1a1a}.dark-mode .site-nav.nav-transparent .nav-link-item{color:rgba(26,26,26,.4)}.dark-mode .site-nav.nav-transparent .nav-link-item:hover{color:#1a1a1a;background:rgba(26,26,26,.04)}.dark-mode .site-nav.nav-transparent .nav-link-item:after{background:#1a1a1a}.dark-mode .site-nav.nav-transparent .nav-link-item.active{color:#1a1a1a}.dark-mode .site-nav.nav-transparent .nav-cta{color:#fff!important;background:#1a1a1a!important;border:none}.dark-mode .site-nav.nav-transparent .nav-cta:hover{background:rgba(255,255,255,.95)!important}.site-nav.nav-over-dark:not(.scrolled) .nav-logo{color:#fff}.site-nav.nav-over-dark:not(.scrolled) .nav-link-item{color:rgba(255,255,255,.5)}.site-nav.nav-over-dark:not(.scrolled) .nav-link-item:hover{color:#fff;background:rgba(255,255,255,.08)}.site-nav.nav-over-dark:not(.scrolled) .nav-link-item:after{background:#fff}.site-nav.nav-over-dark:not(.scrolled) .nav-link-item.active{color:#fff}.site-nav.nav-transparent.scrolled{background:rgba(246,241,234,.75)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8)!important;backdrop-filter:blur(20px) saturate(1.8)!important;border-bottom-color:rgba(0,0,0,.06);box-shadow:0 1px 20px rgba(0,0,0,.06)}.site-nav.nav-transparent.scrolled .nav-logo{color:#1a1a1a}.site-nav.nav-transparent.scrolled .nav-link-item{color:rgba(26,26,26,.5)}.site-nav.nav-transparent.scrolled .nav-link-item.active,.site-nav.nav-transparent.scrolled .nav-link-item:hover{color:#1a1a1a}.site-nav.nav-transparent.scrolled .nav-link-item:after{background:#1a1a1a}.site-nav.nav-transparent.scrolled .nav-cta{color:#fff!important;background:#1a1a1a!important;border-color:transparent}.dark-mode .site-nav.nav-transparent.scrolled{background:rgba(22,22,24,.65)!important;border-bottom-color:rgba(255,255,255,.08);box-shadow:0 1px 20px rgba(0,0,0,.1)}.dark-mode .site-nav.nav-transparent.scrolled .nav-logo{color:#fff}.dark-mode .site-nav.nav-transparent.scrolled .nav-link-item{color:rgba(255,255,255,.5)}.dark-mode .site-nav.nav-transparent.scrolled .nav-link-item.active,.dark-mode .site-nav.nav-transparent.scrolled .nav-link-item:hover{color:#fff}.dark-mode .site-nav.nav-transparent.scrolled .nav-link-item:after{background:#fff}.dark-mode .site-nav.nav-transparent.scrolled .nav-cta{color:#1a1a1a!important;background:rgba(255,255,255,.85)!important;border-color:rgba(255,255,255,.3)}.site-nav .nav-logo{font-weight:700;font-size:1.25rem;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.site-nav .nav-mark{width:34px;height:34px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.site-nav .nav-mark img{filter:none}.site-nav .nav-links{display:flex;gap:28px;align-items:center;margin-left:auto}.site-nav .nav-mobile-only{display:none}.site-nav .nav-link-item{color:var(--ddim);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .3s;position:relative}.site-nav .nav-link-item:hover{color:var(--dark)}.site-nav .nav-link-item:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1.5px;background:var(--dark);transform:scaleX(0);transition:transform .3s cubic-bezier(.23,1,.32,1);transform-origin:left}.site-nav .nav-link-item:hover:after{transform:scaleX(1)}.site-nav .nav-link-item.active{color:var(--dark);font-weight:700}.site-nav .nav-link-item.active:after{transform:scaleX(1)}.site-nav .nav-cta{padding:10px 24px;border-radius:100px;font-size:.83rem;font-weight:700;color:var(--bg)!important;background:var(--dark);text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);margin-left:8px}.site-nav .nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.site-nav .nav-mobile-controls{display:none}@media (max-width:768px){.site-nav{padding:12px 20px}.site-nav .nav-links{display:none;flex-direction:column;position:absolute;top:62px;left:0;right:0;background:var(--bg,#f6f1ea);padding:24px;border-bottom:1px solid var(--bdr);box-shadow:0 10px 30px rgba(0,0,0,.08);gap:20px;align-items:flex-start}.site-nav .nav-links.mobile-open{display:flex}.dark-mode .site-nav .nav-links{background:var(--bg,#1a1a1a)!important}.site-nav .nav-links .nav-link-item{color:var(--ddim)!important}.site-nav .nav-links .nav-link-item.active,.site-nav .nav-links .nav-link-item:hover{color:var(--dark)!important}.site-nav .nav-links .nav-link-item:after{background:var(--dark)!important}.site-nav.nav-transparent.menu-open{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent;box-shadow:none}.site-nav.nav-transparent.menu-open .nav-logo{color:#fff}.site-nav .desktop-cta,.site-nav .nav-desktop-only{display:none!important}.site-nav .nav-mobile-only{display:flex}.site-nav .nav-user-section{flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--bdr);width:100%}.site-nav .nav-user-info{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.site-nav .nav-user-name{font-size:.9rem;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:8px}.site-nav .nav-premium-tag{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:100px;background:rgba(45,184,75,.15);color:var(--green)}.site-nav .nav-user-email{font-size:.78rem;color:var(--ddim)}.site-nav .nav-signout{background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--coral,#e85d4a);padding:0;transition:opacity .2s}.site-nav .nav-signout:hover{opacity:.7}.site-nav .nav-mobile-controls{display:flex;align-items:center;gap:12px;margin-left:auto}.site-nav .nav-mobile-controls .nav-cta{padding:8px 16px;font-size:.75rem}}.nav-xp-wrapper{position:relative}.nav-xp-pill{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:100px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.03);cursor:pointer;font:inherit;color:inherit;transition:all .2s;white-space:nowrap}.nav-xp-pill:hover{background:rgba(0,0,0,.06)}.dark-mode .nav-xp-pill{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.dark-mode .nav-xp-pill:hover{background:rgba(255,255,255,.1)}.nav-over-dark:not(.scrolled) .nav-xp-pill{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}.nav-over-dark:not(.scrolled) .nav-xp-pill:hover{background:rgba(255,255,255,.18)}.nav-xp-ring-mini{position:relative;width:24px;height:24px;flex-shrink:0}.nav-xp-svg-mini{width:100%;height:100%;transform:rotate(-90deg)}.nav-xp-bg-mini{fill:none;stroke:rgba(0,0,0,.1);stroke-width:3.5}.dark-mode .nav-xp-bg-mini,.nav-over-dark:not(.scrolled) .nav-xp-bg-mini{stroke:rgba(255,255,255,.15)}.nav-xp-fg-mini{fill:none;stroke:var(--color-green,#4a7c59);stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .6s ease}.nav-xp-lvl-mini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6rem}.nav-xp-text{font-size:.75rem;font-weight:600}.nav-xp-streak{display:flex;align-items:center;gap:2px;font-size:.7rem;font-weight:600}.nav-flame{color:#f59e0b}.nav-flame-off{opacity:.3}.nav-xp-chevron{opacity:.4;transition:transform .2s}.nav-xp-chevron-open{transform:rotate(180deg)}.nav-xp-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--bg,#f6f1ea);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:16px;display:flex;flex-direction:column;gap:14px;z-index:200;animation:nxp-slide-in .2s ease-out}@keyframes nxp-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark-mode .nav-xp-panel{background:#1e1e1e;border-color:rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(0,0,0,.3)}.nxp-header{justify-content:space-between}.nxp-header,.nxp-level-info{display:flex;align-items:center}.nxp-level-info{gap:10px}.nxp-ring{position:relative;width:40px;height:40px;flex-shrink:0}.nxp-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.nxp-ring-bg{fill:none;stroke:rgba(0,0,0,.08);stroke-width:3}.dark-mode .nxp-ring-bg{stroke:rgba(255,255,255,.1)}.nxp-ring-fg{fill:none;stroke:var(--color-green,#4a7c59);stroke-width:3;stroke-linecap:round}.nxp-ring-level{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.nxp-title{font-weight:600;font-size:.875rem}.nxp-xp-detail{font-size:.7rem;opacity:.5}.nxp-close{background:none;border:none;cursor:pointer;color:inherit;opacity:.4;padding:4px;border-radius:6px;transition:opacity .2s}.nxp-close:hover{opacity:.8}.nxp-row{display:flex;gap:16px}.nxp-metric{flex:1;display:flex;align-items:flex-start;gap:8px}.nxp-metric-value{display:block;font-size:.8rem;font-weight:600}.nxp-metric-sub{display:block;font-size:.65rem;opacity:.4}.nxp-goal-bar{width:100%;height:4px;background:rgba(0,0,0,.08);border-radius:2px;overflow:hidden;margin-top:4px}.dark-mode .nxp-goal-bar{background:rgba(255,255,255,.1)}.nxp-goal-fill{height:100%;background:var(--color-green,#4a7c59);border-radius:2px;transition:width .4s ease}.nxp-stats{display:flex;justify-content:space-around;padding:10px 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.dark-mode .nxp-stats{border-color:rgba(255,255,255,.06)}.nxp-stat{display:flex;flex-direction:column;align-items:center}.nxp-stat-val{font-weight:700;font-size:.95rem}.nxp-stat-lbl{font-size:.6rem;opacity:.4;text-transform:uppercase;letter-spacing:.04em}.nxp-achievements{display:flex;flex-wrap:wrap;gap:4px}.nxp-badge{font-size:.7rem;padding:3px 8px;border-radius:100px;background:rgba(0,0,0,.04);white-space:nowrap}.dark-mode .nxp-badge{background:rgba(255,255,255,.06)}.nxp-report{padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}.dark-mode .nxp-report{border-color:rgba(255,255,255,.06)}.nxp-report-top{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.nxp-score{font-weight:700;font-size:1.25rem}.nxp-score-label{font-size:.7rem;opacity:.5}.nxp-trend{display:flex;align-items:center;gap:3px;font-size:.7rem;margin-left:auto;text-transform:capitalize}.nxp-tags{display:flex;flex-wrap:wrap;gap:4px}.nxp-tag{font-size:.65rem;padding:2px 8px;border-radius:100px}.nxp-tag-good{background:rgba(74,124,89,.12);color:var(--color-green,#4a7c59)}.nxp-tag-gap{background:rgba(220,100,80,.1);color:#c0513f}.dark-mode .nxp-tag-good{background:rgba(74,124,89,.2)}.dark-mode .nxp-tag-gap{background:rgba(220,100,80,.15)}@media (max-width:768px){.nav-xp-text{display:none}.nav-xp-panel{width:calc(100vw - 40px);right:-20px}}