.level-progression.svelte-1kh7572{--viz-bg: #fff;--viz-bg-surface: #f5f5f5;--viz-border: #000;--viz-text: #000;--viz-text-muted: #666;--viz-surface-sunken: #f0f0f0;--viz-surface-raised: #fff;--viz-accent: #3b82f6;--viz-accent-muted: rgba(59, 130, 246, .15);--viz-canvas-bg: #fafafa;--viz-canvas-border: #e0e0e0}.level-progression.dark.svelte-1kh7572{--viz-bg: #1a1a1a;--viz-bg-surface: #111;--viz-border: #444;--viz-text: #e0e0e0;--viz-text-muted: #888;--viz-surface-sunken: #111;--viz-surface-raised: #222;--viz-accent: #60a5fa;--viz-accent-muted: rgba(96, 165, 250, .2);--viz-canvas-bg: #0f0f0f;--viz-canvas-border: #333}.level-progression.svelte-1kh7572{--lp-node-bg: color-mix(in oklab, var(--viz-bg-surface) 85%, var(--viz-bg));--lp-node-locked: color-mix(in oklab, var(--viz-text-muted) 48%, transparent);--lp-node-unlocked: color-mix(in oklab, var(--viz-accent) 58%, var(--viz-text) 42%);width:100%;max-width:25rem;margin:0 auto;padding:1rem;border:1px solid var(--viz-border);border-radius:.75rem;background:linear-gradient(180deg,var(--viz-bg),var(--viz-bg-surface));box-sizing:border-box}.topbar.svelte-1kh7572{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.progress.svelte-1kh7572{font-family:var(--viz-font-mono);font-size:var(--viz-font-size-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--viz-accent)}.reset.svelte-1kh7572{border:1px solid var(--viz-border);background:var(--viz-bg-surface);color:var(--viz-text);border-radius:.45rem;padding:.32rem .58rem;font-size:var(--viz-font-size-xs);cursor:pointer;text-transform:lowercase}.reset.svelte-1kh7572:disabled{cursor:not-allowed;opacity:.45}.tree.svelte-1kh7572{display:flex;flex-direction:column;align-items:center;gap:0}.level-wrap.svelte-1kh7572{width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem}.level-node.svelte-1kh7572{width:100%;min-height:4.3rem;border-radius:.8rem;border:1px dashed var(--lp-node-locked);background:var(--lp-node-bg);color:var(--viz-text-muted);display:flex;align-items:center;gap:.8rem;padding:.75rem;text-align:left;transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .18s ease;cursor:pointer}.level-node.blocked.svelte-1kh7572{cursor:not-allowed;opacity:.72}.level-node.unlocked.svelte-1kh7572{border-style:solid;border-color:var(--lp-node-unlocked);color:var(--viz-text);background:color-mix(in oklab,var(--viz-bg-surface) 78%,var(--viz-accent) 22%)}.level-node.current.svelte-1kh7572{box-shadow:0 0 .3rem color-mix(in oklab,var(--viz-accent) 55%,transparent),0 0 1rem color-mix(in oklab,var(--viz-accent) 35%,transparent);animation:svelte-1kh7572-pulse-glow 1.4s ease-in-out infinite}.level-node.flash.svelte-1kh7572{animation:svelte-1kh7572-unlock-flash .42s ease-out}.glyph.svelte-1kh7572{width:1.9rem;flex:0 0 1.9rem;text-align:center;font-size:1.2rem;line-height:1;font-weight:700}.text.svelte-1kh7572{display:flex;flex-direction:column;gap:.16rem}.text.svelte-1kh7572 strong:where(.svelte-1kh7572){font-size:var(--viz-font-size-sm);color:inherit}.text.svelte-1kh7572 small:where(.svelte-1kh7572){font-size:var(--viz-font-size-xs);color:inherit;opacity:.9}.insight.svelte-1kh7572{margin:0;width:calc(100% - .45rem);font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);line-height:1.3;animation:svelte-1kh7572-reveal .22s ease-out}.connector.svelte-1kh7572{width:100%;height:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem}.shaft.svelte-1kh7572{width:2px;height:.9rem;background:color-mix(in oklab,var(--viz-border) 65%,var(--viz-text-muted) 35%)}.arrow.svelte-1kh7572{font-size:.78rem;color:var(--viz-text-muted);line-height:1}@keyframes svelte-1kh7572-unlock-flash{0%{box-shadow:0 0 color-mix(in oklab,var(--viz-accent) 70%,transparent);transform:scale(1)}40%{box-shadow:0 0 1.05rem color-mix(in oklab,var(--viz-accent) 72%,transparent);transform:scale(1.01)}to{box-shadow:0 0 color-mix(in oklab,var(--viz-accent) 0%,transparent);transform:scale(1)}}@keyframes svelte-1kh7572-pulse-glow{0%,to{box-shadow:0 0 .24rem color-mix(in oklab,var(--viz-accent) 50%,transparent),0 0 .66rem color-mix(in oklab,var(--viz-accent) 28%,transparent)}50%{box-shadow:0 0 .55rem color-mix(in oklab,var(--viz-accent) 70%,transparent),0 0 1.25rem color-mix(in oklab,var(--viz-accent) 42%,transparent)}}@keyframes svelte-1kh7572-reveal{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:32rem){.level-progression.svelte-1kh7572{padding:.85rem}.level-node.svelte-1kh7572{min-height:4rem;padding:.65rem}}