.path-feature{--path-heart:#ef4444;--path-heart-soft:#ef44442e;--path-streak:#f59e0b;--path-streak-soft:#f59e0b2e;--path-gem:#2b7fd4;--path-gem-soft:#2b7fd42e;--path-success:#16a34a;--path-success-soft:#16a34a2e;--path-success-strong:#15803d;--path-danger:#dc2626;--path-danger-soft:#dc26262e;--path-locked:#78849673;--path-locked-fg:#788496f2;--path-accent-orange:var(--color-accent);--path-accent-blue:#2b7fd4;--path-accent-emerald:#10b981;--path-accent-violet:#8b5cf6;--path-accent-amber:#f59e0b;--path-accent-rose:#ec4899;--path-node-size:5rem;--path-node-shade:#17120e;--path-node-shadow:0 8px 0 0 color-mix(in srgb, var(--path-accent) 65%, var(--path-node-shade) 35%);--path-node-shadow-locked:0 6px 0 0 #00000040}.dark .path-feature{--path-heart:#f87171;--path-heart-soft:#f8717138;--path-streak:#fbbf24;--path-streak-soft:#fbbf2438;--path-gem:#4a9eff;--path-gem-soft:#4a9eff38;--path-success:#22c55e;--path-success-soft:#22c55e38;--path-success-strong:#16a34a;--path-danger:#f87171;--path-danger-soft:#f8717138;--path-locked:#97b1cb2e;--path-locked-fg:#97b1cbb3;--path-accent-orange:#ff5a2e;--path-accent-blue:#4a9eff;--path-accent-emerald:#34d399;--path-accent-violet:#a78bfa;--path-accent-amber:#fbbf24;--path-accent-rose:#f472b6}.path-accent-accent{--path-accent:var(--path-accent-orange)}.path-accent-accent-2{--path-accent:var(--path-accent-blue)}.path-accent-emerald{--path-accent:var(--path-accent-emerald)}.path-accent-violet{--path-accent:var(--path-accent-violet)}.path-accent-amber{--path-accent:var(--path-accent-amber)}.path-accent-rose{--path-accent:var(--path-accent-rose)}[data-section-accent=accent]{--path-section-accent:var(--path-accent-orange);--path-accent:var(--path-accent-orange)}[data-section-accent=accent-2]{--path-section-accent:var(--path-accent-blue);--path-accent:var(--path-accent-blue)}[data-section-accent=emerald]{--path-section-accent:var(--path-accent-emerald);--path-accent:var(--path-accent-emerald)}[data-section-accent=violet]{--path-section-accent:var(--path-accent-violet);--path-accent:var(--path-accent-violet)}[data-section-accent=amber]{--path-section-accent:var(--path-accent-amber);--path-accent:var(--path-accent-amber)}[data-section-accent=rose]{--path-section-accent:var(--path-accent-rose);--path-accent:var(--path-accent-rose)}
@keyframes path-node-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--path-accent) 45%, transparent), var(--path-node-shadow);transform:scale(1)}50%{box-shadow:0 0 0 14px color-mix(in srgb, var(--path-accent) 0%, transparent), var(--path-node-shadow);transform:scale(1.04)}}@keyframes path-feedback-rise{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes path-banner-shimmer{0%{background-position:0%}to{background-position:200%}}.path-feature{--path-runner-footer-h:6rem}.path-unit-banner{isolation:isolate;background:linear-gradient(120deg, color-mix(in srgb, var(--path-accent) 28%, transparent) 0%, color-mix(in srgb, var(--path-accent) 10%, transparent) 60%, transparent 100%), var(--surface);border:1px solid color-mix(in srgb, var(--path-accent) 35%, var(--border-soft));position:relative}.path-node{width:var(--path-node-size);height:var(--path-node-size);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;position:relative}.path-node[data-state=available],.path-node[data-state=current],.path-node[data-state=completed]{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--path-accent) 100%, white 0%) 0%, color-mix(in srgb, var(--path-accent) 80%, black 20%) 100%);color:#fff;box-shadow:var(--path-node-shadow)}.path-node[data-state=locked]{background:var(--path-locked);color:var(--path-locked-fg);box-shadow:var(--path-node-shadow-locked);cursor:not-allowed}.path-node[data-state=current]{animation:2.4s ease-in-out infinite path-node-pulse}.path-node[data-state=available]:hover,.path-node[data-state=completed]:hover{transform:translateY(-2px)}.path-node[data-state=available]:active,.path-node[data-state=completed]:active,.path-node[data-state=current]:active{box-shadow:0 2px 0 0 color-mix(in srgb, var(--path-accent) 65%, var(--path-node-shade) 35%);transform:translateY(2px)}.path-node-icon{width:2.25rem;height:2.25rem}.path-node-label{white-space:nowrap;color:var(--text-secondary);pointer-events:none;font-size:.75rem;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.path-node-current-tag{background:var(--path-accent);color:#fff;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 0 0 color-mix(in srgb, var(--path-accent) 60%, var(--path-node-shade) 40%);border-radius:9999px;padding:.25rem .625rem;font-size:.7rem;font-weight:700;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.path-node-current-tag:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--path-accent);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.path-trail{grid-template-columns:1fr;justify-items:center;gap:3.25rem;padding:2.5rem 0 1.5rem;display:grid;position:relative}.path-trail-item{justify-content:center;display:flex;position:relative}.path-trail-item:focus-visible .path-node{outline:3px solid color-mix(in srgb, var(--path-accent-blue) 72%, white 28%);outline-offset:5px}.path-trail-item[data-offset="-2"]{transform:translate(-3.5rem)}.path-trail-item[data-offset="-1"]{transform:translate(-1.75rem)}.path-trail-item[data-offset="0"]{transform:translate(0)}.path-trail-item[data-offset="1"]{transform:translate(1.75rem)}.path-trail-item[data-offset="2"]{transform:translate(3.5rem)}.path-feedback{animation:.22s cubic-bezier(.16,1,.3,1) path-feedback-rise}.path-progress-segment{background:var(--surface-soft);border-radius:9999px;flex:1;height:.625rem;position:relative;overflow:hidden}.path-progress-segment[data-state=correct]{background:var(--path-success)}.path-progress-segment[data-state=wrong]{background:var(--path-danger)}.path-progress-segment[data-state=active]{background:color-mix(in srgb, var(--text-primary) 25%, var(--surface-soft))}.path-assemble-slot{border:2px dashed var(--border-strong);border-radius:.75rem;flex-wrap:wrap;align-content:flex-start;gap:.5rem;min-height:3.25rem;padding:.625rem;display:flex}.path-assemble-token{background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;border-bottom-width:3px;border-radius:.625rem;padding:.5rem .875rem;font-size:1rem;font-weight:600;transition:transform .12s,background .12s}.path-assemble-token:hover:not(:disabled){transform:translateY(-1px)}.path-assemble-token:focus-visible,.path-option:focus-visible{outline:3px solid color-mix(in srgb, var(--path-accent-blue) 72%, white 28%);outline-offset:3px;border-color:var(--path-accent-blue)}.path-assemble-token:active:not(:disabled){border-bottom-width:1px;transform:translateY(1px)}.path-assemble-token:disabled{opacity:.35;cursor:not-allowed}.path-option{border:1px solid var(--border-soft);background:var(--surface);text-align:left;cursor:pointer;border-bottom-width:3px;border-radius:.875rem;padding:1rem 1.25rem;font-size:1.05rem;font-weight:500;transition:transform .12s,border-color .12s,background .12s}.path-option:hover:not([data-selected=true]):not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.path-option[data-selected=true]{border-color:var(--path-accent-blue);background:color-mix(in srgb, var(--path-accent-blue) 10%, var(--surface))}.path-option:disabled{cursor:default}.path-option.path-option-compact{text-align:center;padding:.75rem .875rem;font-size:1.125rem}.path-image-option{border:1px solid var(--border-soft);background:var(--surface);cursor:pointer;text-align:center;border-bottom-width:3px;border-radius:.875rem;flex-direction:column;gap:0;transition:transform .12s,border-color .12s,background .12s;display:flex;overflow:hidden}.path-image-option:hover:not([data-selected=true]):not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.path-image-option[data-selected=true]{border-color:var(--path-accent-blue);background:color-mix(in srgb, var(--path-accent-blue) 10%, var(--surface))}.path-image-option:focus-visible{outline:3px solid color-mix(in srgb, var(--path-accent-blue) 72%, white 28%);outline-offset:3px;border-color:var(--path-accent-blue)}.path-image-option:disabled{cursor:default}.path-image-option-media{aspect-ratio:1;background:color-mix(in srgb, var(--surface-soft) 60%, transparent);width:100%;position:relative;overflow:hidden}.path-image-option-media img{object-fit:cover}.path-image-option-fallback{color:var(--text-tertiary);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--text-tertiary) 10%, transparent) 0, color-mix(in srgb, var(--text-tertiary) 10%, transparent) 8px, transparent 8px, transparent 16px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.path-image-option-label{color:var(--text-primary);border-top:1px solid var(--border-soft);padding:.625rem .75rem;font-size:1.125rem;font-weight:600}.path-fill-blank-prompt{color:var(--text-primary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;font-size:clamp(1.75rem,7vw,2.75rem);font-weight:600;line-height:1.4;display:flex}.path-fill-blank-slot{border-bottom:3px solid var(--border-strong);min-width:4.5rem;color:var(--text-primary);justify-content:center;align-items:center;padding:.125rem .75rem;transition:border-color .16s;display:inline-flex}.path-fill-blank-slot[data-filled=true]{border-color:var(--path-accent-blue)}.path-switcher{background:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 18%, var(--surface));border:1px solid color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 35%, var(--border-soft));color:var(--text-primary);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.path-switcher:hover{background:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 28%, var(--surface));transform:translateY(-1px)}.path-switcher:focus-visible{outline:3px solid color-mix(in srgb, var(--path-section-accent,var(--path-accent-blue)) 72%, white 28%);outline-offset:3px}.path-switcher-label{flex-direction:column;align-items:flex-start;line-height:1.05;display:inline-flex}.path-switcher-index{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--text-primary) 70%, transparent);font-size:.6875rem;font-weight:600}.path-switcher-title{font-weight:600}.path-section-card{background:linear-gradient(135deg, color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 22%, transparent) 0%, transparent 80%), var(--surface);border:1px solid color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 30%, var(--border-soft));color:var(--text-primary);border-radius:1.25rem;flex-direction:column;gap:.875rem;padding:1.25rem 1.25rem 1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.path-section-card[data-status=locked]{background:var(--surface);border-color:var(--border-soft);opacity:.7;cursor:not-allowed}.path-section-card:not([data-status=locked]):hover{box-shadow:0 10px 24px -16px color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 80%, transparent);transform:translateY(-2px)}.path-section-card[data-active=true]{border-color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 55%, var(--border-soft))}.path-section-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.path-section-card-index{letter-spacing:.08em;color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 80%, var(--text-primary));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;font-weight:700}.path-section-card-status{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--text-tertiary) 20%, transparent);color:var(--text-secondary);border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.path-section-card-status[data-status=active]{background:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 22%, transparent);color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 75%, var(--text-primary))}.path-section-card-status[data-status=completed]{background:var(--path-success-soft);color:var(--path-success)}.path-section-card-body{flex-direction:column;gap:.25rem;display:flex}.path-section-card-title{color:var(--text-primary);font-size:1.375rem;font-weight:700;line-height:1.2}.path-section-card-subtitle{color:var(--text-secondary);font-size:.875rem}.path-section-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.25rem;font-size:.8125rem;display:flex}.path-section-card-progress{color:var(--text-tertiary);font-weight:500}.path-section-card-cta{color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 75%, var(--text-primary));align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.path-section-card-hint{color:var(--text-tertiary);flex:1;font-size:.75rem}.path-section-card-active-badge{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 80%, var(--text-primary));font-size:.6875rem;font-weight:700}.path-section-complete{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 28%, transparent) 0%, transparent 60%), var(--surface);border:1px solid color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 35%, var(--border-soft));text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:28rem;padding:2.5rem 1.75rem;display:flex}.path-section-complete-badge{background:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 22%, var(--surface));width:5rem;height:5rem;color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 90%, var(--text-primary));border-radius:9999px;justify-content:center;align-items:center;margin-bottom:.25rem;display:inline-flex}.path-section-complete-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:color-mix(in srgb, var(--path-section-accent,var(--path-accent-orange)) 75%, var(--text-primary));font-size:.6875rem;font-weight:700}.path-section-complete-title{color:var(--text-primary);font-size:clamp(1.625rem,5vw,2rem);font-weight:700;line-height:1.2}.path-section-complete-subtitle{color:var(--text-secondary);max-width:22rem;font-size:.9375rem}.path-section-complete-bonus{color:var(--path-gem);background:var(--path-gem-soft);border-radius:9999px;padding:.375rem .875rem;font-size:.875rem;font-weight:700}.path-section-complete-cta{background:var(--path-section-accent,var(--path-accent-orange));color:#fff;cursor:pointer;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:700;transition:transform .12s;display:inline-flex}.path-section-complete-cta:hover{transform:translateY(-1px)}.path-section-complete-cta:active{transform:translateY(1px)}.path-section-complete-back{color:var(--text-tertiary);text-underline-offset:3px;font-size:.8125rem;font-weight:500;text-decoration:underline}.path-section-complete-back:hover{color:var(--text-secondary)}