.learn-world{--learn-foundations:oklch(80% .063 141.5);--learn-foundations-soft:oklch(97% .012 133.9);--learn-budgeting:oklch(57% .115 62);--learn-budgeting-soft:oklch(96% .028 68);--learn-credit:oklch(45% .14 254);--learn-credit-soft:oklch(95% .025 254);--learn-insurance:oklch(47% .105 13);--learn-insurance-soft:oklch(95% .025 13);--learn-investing:oklch(46% .085 190);--learn-investing-soft:oklch(95% .024 190);--learn-crypto:oklch(45% .105 318);--learn-crypto-soft:oklch(95% .025 318);--path-accent:var(--gold-deep);--path-tint:var(--gold-soft)}.learn-path-foundations{--path-accent:var(--learn-foundations);--path-tint:var(--learn-foundations-soft)}.learn-path-budgeting{--path-accent:var(--learn-budgeting);--path-tint:var(--learn-budgeting-soft)}.learn-path-credit{--path-accent:var(--learn-credit);--path-tint:var(--learn-credit-soft)}.learn-path-insurance{--path-accent:var(--learn-insurance);--path-tint:var(--learn-insurance-soft)}.learn-path-investing{--path-accent:var(--learn-investing);--path-tint:var(--learn-investing-soft)}.learn-path-crypto{--path-accent:var(--learn-crypto);--path-tint:var(--learn-crypto-soft)}.learn-path-card{background:linear-gradient(90deg, var(--path-accent), var(--path-accent)) top left / 100% 3px no-repeat, radial-gradient(circle at 100% 0%, var(--path-tint), transparent 38%), var(--color-card)}.learn-path-icon{border-color:color-mix(in oklab, var(--path-accent) 45%, transparent);background-color:var(--path-tint);color:var(--path-accent)}.learn-path-label,.learn-path-percent{color:var(--path-accent)}.learn-progress-fill{width:var(--progress-value);background-color:var(--progress-color,var(--gold));transform-origin:0;animation:1.15s cubic-bezier(.22,1,.36,1) both learn-progress-fill}.learn-continue{background:linear-gradient(90deg, var(--learn-foundations), var(--learn-foundations)) left / 4px 100% no-repeat, radial-gradient(circle at 100% 0%, var(--learn-foundations-soft), transparent 42%), var(--color-card)}.learn-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.group:hover .learn-arrow{transform:translate(4px)}.learn-sprout{transform-origin:50% 100%;animation:4.8s ease-in-out infinite learn-botanical-sway}.learn-achievement-earned{animation:.7s cubic-bezier(.22,1,.36,1) both learn-achievement-unlock}.learn-achievement-earned:after{background:linear-gradient(110deg, transparent 34%, color-mix(in oklab, var(--gold) 14%, transparent) 48%, transparent 62%);content:"";pointer-events:none;animation:1.4s ease-out .6s both learn-shimmer;position:absolute;inset:0;transform:translate(-120%)}.learn-xp-pop{animation:.45s cubic-bezier(.22,1,.36,1) both learn-xp-pop}.achievement-capsule{box-shadow:var(--shadow-soft);background:oklch(97% .009 85);border:1px solid oklch(72% .09 84/.25);border-radius:2.5rem;padding:2.5rem}@media (width>=640px){.achievement-capsule{border-radius:3rem;padding:3.5rem}}@keyframes learn-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes learn-botanical-sway{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(1.5deg)translateY(-3px)}}@keyframes learn-achievement-unlock{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes learn-shimmer{to{transform:translate(120%)}}@keyframes learn-xp-pop{0%{opacity:0;transform:translateY(4px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.learn-progress-fill,.learn-sprout,.learn-achievement-earned,.learn-achievement-earned:after,.learn-xp-pop{animation:none!important}.group:hover .learn-arrow{transform:none}}.learning-dashboard{--ld-green:oklch(74% .09 140);--ld-green-deep:oklch(48% .09 142);--ld-green-soft:oklch(96.5% .025 135);--ld-blue:oklch(56% .11 247);--ld-blue-soft:oklch(95.5% .022 247);--ld-lavender:oklch(61% .09 305);--ld-lavender-soft:oklch(96% .022 305);--ld-amber:oklch(66% .11 68);--ld-amber-soft:oklch(96.5% .026 70);--ld-berry:oklch(54% .105 12);--ld-berry-soft:oklch(96% .022 12);--ld-teal:oklch(53% .085 185);--ld-teal-soft:oklch(96% .022 185);background:linear-gradient(180deg, color-mix(in oklab, var(--ivory) 75%, transparent), transparent 24rem), var(--color-background)}.ld-shell{width:min(100% - 2rem,76rem);margin-inline:auto}.ld-app-nav{scrollbar-width:none}.ld-app-nav::-webkit-scrollbar{display:none}.ld-status{box-shadow:0 7px 22px -18px color-mix(in oklab, var(--foreground) 35%, transparent)}.ld-status:hover .ld-status-icon{transform:translateY(-2px)rotate(-4deg)scale(1.08)}.ld-xp:hover .ld-status-icon{animation:.65s ease-out ld-sparkle}.ld-welcome{background:radial-gradient(circle at 82% 38%, color-mix(in oklab, var(--ld-blue-soft) 72%, transparent), transparent 21rem), transparent}.ld-continue{background:linear-gradient(90deg, var(--ld-green) 0 5px, transparent 5px), radial-gradient(circle at 94% 8%, var(--ld-green-soft), transparent 34%), var(--color-card);box-shadow:0 22px 65px -42px color-mix(in oklab, var(--ld-green-deep) 48%, transparent)}.ld-continue:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #0000;transition:border-color .35s,box-shadow .35s;position:absolute;inset:0}.ld-continue:hover:after,.ld-continue:focus-within:after{border-color:color-mix(in oklab, var(--ld-green) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gold) 18%, transparent)}.ld-progress-fill{width:var(--ld-progress);transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) both ld-progress}.ld-journey-canvas{background:radial-gradient(circle at 17% 34%, var(--ld-green-soft), transparent 12rem), radial-gradient(circle at 78% 58%, var(--ld-blue-soft), transparent 13rem), var(--color-card);min-height:25rem}.ld-path-line{height:8rem;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.ld-path-line path{fill:none;stroke:color-mix(in oklab, var(--gold) 42%, var(--border));stroke-width:2px;stroke-dasharray:4 7;stroke-linecap:round}.ld-journey-node{z-index:2;flex-direction:column;align-items:center;gap:.55rem;width:7rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.ld-node-1{top:55%;left:8%}.ld-node-2{top:36%;left:25%}.ld-node-3{top:55%;left:42%}.ld-node-4{top:70%;left:59%}.ld-node-5{top:45%;left:76%}.ld-node-6{top:54%;left:92%}.ld-node-button{border:1px solid var(--color-border);background:var(--color-card);width:4rem;height:4rem;color:var(--muted-foreground);box-shadow:var(--shadow-soft);border-radius:999px;justify-content:center;align-items:center;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,border-color .26s;display:inline-flex;position:relative}.ld-node-button:hover,.ld-node-button:focus-visible,.ld-node-button[data-open=true]{box-shadow:var(--shadow-lift);transform:translateY(-4px)scale(1.05)}.ld-node-complete .ld-node-button{border-color:color-mix(in oklab, var(--ld-green) 65%, var(--border));background:var(--ld-green-soft);color:var(--ld-green-deep)}.ld-node-current .ld-node-button{border:2px solid var(--gold);background:var(--charcoal);width:5rem;height:5rem;color:var(--charcoal-foreground);animation:2.8s ease-in-out infinite ld-current}.ld-node-checkpoint .ld-node-button{border-color:color-mix(in oklab, var(--gold) 62%, var(--border));background:var(--gold-soft);color:var(--gold-deep)}.ld-node-popover{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-popover);width:12.5rem;color:var(--color-popover-foreground);box-shadow:var(--shadow-lift);padding:.8rem;animation:.18s ease-out both ld-popover;position:absolute;top:calc(100% + .7rem)}.ld-plant{filter:drop-shadow(0 12px 15px color-mix(in oklab, var(--ld-green) 20%, transparent));transform-origin:50% 100%;animation:4.8s ease-in-out infinite ld-plant-sway}.ld-plant-react{animation:.6s cubic-bezier(.22,1,.36,1) ld-plant-celebrate}.ld-mystery{background:color-mix(in oklab, var(--muted) 70%, transparent);filter:blur(.25px)}.ld-task-xp{animation:.65s cubic-bezier(.22,1,.36,1) both ld-xp-rise}.ld-achievement-icon:after{content:"";background:linear-gradient(110deg, transparent 38%, color-mix(in oklab, var(--gold-soft) 70%, transparent) 50%, transparent 62%);transition:transform .7s;position:absolute;inset:-35%;transform:translate(-100%)rotate(8deg)}.ld-achievement:hover .ld-achievement-icon:after{transform:translate(100%)rotate(8deg)}.ld-path-token{--ld-path:var(--gold);--ld-path-soft:var(--gold-soft);box-shadow:0 12px 28px -26px color-mix(in oklab, var(--ld-path) 60%, transparent)}.ld-path-token:hover,.ld-path-token:focus-visible{border-color:color-mix(in oklab, var(--ld-path) 55%, var(--border));background:var(--ld-path-soft);box-shadow:0 18px 34px -24px color-mix(in oklab, var(--ld-path) 55%, transparent);transform:translateY(-3px)}.ld-path-foundations{--ld-path:var(--ld-green-deep);--ld-path-soft:var(--ld-green-soft)}.ld-path-budgeting{--ld-path:var(--ld-amber);--ld-path-soft:var(--ld-amber-soft)}.ld-path-credit{--ld-path:var(--ld-blue);--ld-path-soft:var(--ld-blue-soft)}.ld-path-insurance{--ld-path:var(--ld-berry);--ld-path-soft:var(--ld-berry-soft)}.ld-path-investing{--ld-path:var(--ld-teal);--ld-path-soft:var(--ld-teal-soft)}.ld-path-crypto{--ld-path:var(--ld-lavender);--ld-path-soft:var(--ld-lavender-soft)}.ld-enter{animation:.65s cubic-bezier(.22,1,.36,1) both ld-enter;animation-delay:var(--ld-delay,0s)}@keyframes ld-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ld-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ld-current{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--gold) 18%, transparent), var(--shadow-soft)}50%{box-shadow:0 0 0 8px color-mix(in oklab, var(--gold) 0%, transparent), var(--shadow-lift)}}@keyframes ld-sparkle{0%,to{transform:scale(1)rotate(0)}45%{transform:scale(1.18)rotate(12deg)}}@keyframes ld-popover{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ld-xp-rise{0%{opacity:0;transform:translateY(8px)scale(.9)}45%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1.04)}}@keyframes ld-plant-sway{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(1.6deg)translateY(-3px)}}@keyframes ld-plant-celebrate{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.08)rotate(-3deg)}70%{transform:scale(1.04)rotate(2deg)}}@media (width<=767px){.ld-journey-canvas{min-height:44rem}.ld-path-line{border-left:2px dashed color-mix(in oklab, var(--gold) 42%, var(--border));width:1px;height:auto;inset:8% auto 8% 50%;transform:translate(-50%)}.ld-path-line path{display:none}.ld-journey-node{width:8rem}.ld-node-1{top:10%;left:39%}.ld-node-2{top:26%;left:60%}.ld-node-3{top:42%;left:39%}.ld-node-4{top:58%;left:60%}.ld-node-5{top:74%;left:39%}.ld-node-6{top:90%;left:60%}.ld-node-popover{width:11rem;left:50%;transform:translate(-50%)}@keyframes ld-popover{0%{opacity:0;transform:translate(-50%)translateY(-4px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}}@media (prefers-reduced-motion:reduce){.ld-enter,.ld-progress-fill,.ld-node-current .ld-node-button,.ld-plant,.ld-plant-react,.ld-task-xp,.ld-xp:hover .ld-status-icon{animation:none!important}.ld-status-icon,.ld-node-button,.ld-path-token,.ld-achievement-icon:after{transition:none!important}}