.sb-chip[data-v-1a61c21e]{align-items:center;background:#00000003;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-chip);color:#6b7280;display:inline-flex;font-family:var(--font-mono);font-size:var(--t-sm);font-weight:600;gap:5px;padding:4px 10px}:is(.dark) .sb-chip[data-v-1a61c21e]{background:#ffffff03;border-color:#ffffff0f;color:#9ca3af}.sb-chip b[data-v-1a61c21e]{color:#374151}:is(.dark) .sb-chip b[data-v-1a61c21e]{color:#d1d5db}.sb-chip-time[data-v-1a61c21e]{background:#0ea5e90f;border-color:#0ea5e91f;color:#0284c7}:is(.dark) .sb-chip-time[data-v-1a61c21e]{background:#22d3ee0f;border-color:#22d3ee1a;color:#22d3ee}.sb-chip-steps[data-v-1a61c21e]{background:#00000005;border-color:#0000000f;color:#6b7280}:is(.dark) .sb-chip-steps[data-v-1a61c21e]{background:#ffffff05;border-color:#ffffff0f;color:#9ca3af}:is(.dark) .sb-chip-steps b[data-v-1a61c21e]{color:#d1d5db}.sb-chip-done[data-v-1a61c21e]{background:#10b98114;border-color:#10b98126;color:#059669;font-weight:700}:is(.dark) .sb-chip-done[data-v-1a61c21e]{color:#34d399}.sb-chip-xp[data-v-1a61c21e]{background:#f59e0b14;border-color:#f59e0b26;color:#b45309}:is(.dark) .sb-chip-xp[data-v-1a61c21e]{background:#fbbf240f;border-color:#fbbf241a;color:#fbbf24}.sb-chip-diff-beginner[data-v-1a61c21e]{background:#10b98114;border-color:#10b98126;color:#047857}:is(.dark) .sb-chip-diff-beginner[data-v-1a61c21e]{background:#34d3990f;border-color:#34d3991a;color:#34d399}.sb-chip-diff-intermediate[data-v-1a61c21e]{background:#f59e0b14;border-color:#f59e0b26;color:#92400e}:is(.dark) .sb-chip-diff-intermediate[data-v-1a61c21e]{background:#fbbf240f;border-color:#fbbf241a;color:#fbbf24}.sb-chip-diff-advanced[data-v-1a61c21e]{background:#f9731614;border-color:#f9731626;color:#c2410c}:is(.dark) .sb-chip-diff-advanced[data-v-1a61c21e]{background:#fb923c0f;border-color:#fb923c1a;color:#fb923c}.sb-chip-diff-expert[data-v-1a61c21e]{background:#f43f5e14;border-color:#f43f5e26;color:#be123c}:is(.dark) .sb-chip-diff-expert[data-v-1a61c21e]{background:#fb71850f;border-color:#fb71851a;color:#fb7185}.sb-bus[data-v-1a61c21e]{background:#00000012;border-radius:1.5px;position:absolute;width:3px;z-index:0}:is(.dark) .sb-bus[data-v-1a61c21e]{background:#ffffff0d}.sb-bus-fill[data-v-1a61c21e]{border-radius:1.5px;left:0;position:absolute;right:0;top:0;transition:height .5s cubic-bezier(.4,0,.2,1)}.sb-step-num[data-v-1a61c21e]{background:var(--color-gray-50,#f9fafb);transition:border-color .2s,box-shadow .2s}:is(.dark) .sb-step-num[data-v-1a61c21e]{background:var(--color-surface-base,#0f1828)}.sb-step[data-v-1a61c21e]:hover{background:#0000000a}:is(.dark) .sb-step[data-v-1a61c21e]:hover{background:#ffffff05}.sb-done .sb-step-num[data-v-1a61c21e]{border-color:#10b981;color:#10b981}:is(.dark) .sb-done .sb-step-num[data-v-1a61c21e]{border-color:#34d399;color:#34d399}.sb-done .sb-step-text div[data-v-1a61c21e]:first-child,.sb-done>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:#6b7280}:is(.dark) .sb-done .sb-step-text div[data-v-1a61c21e]:first-child,:is(.dark) .sb-done>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:#94a3b8}.sb-done:hover .sb-step-text div[data-v-1a61c21e]:first-child,.sb-done:hover>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:#10b981}.sb-active[data-v-1a61c21e]{background:color-mix(in srgb,var(--sb-path-color,#0ea5e9) 4%,transparent)!important;border:1px solid color-mix(in srgb,var(--sb-path-color,#0ea5e9) 8%,transparent)}:is(.dark) .sb-active[data-v-1a61c21e]{background:color-mix(in srgb,var(--sb-path-color,#22d3ee) 3%,transparent)!important;border-color:color-mix(in srgb,var(--sb-path-color,#22d3ee) 6%,transparent)}.sb-active .sb-step-num[data-v-1a61c21e]{border-color:var(--sb-path-color,var(--color-brand-500));box-shadow:0 0 8px color-mix(in srgb,var(--sb-path-color,#0ea5e9) 15%,transparent);color:var(--sb-path-color,var(--color-brand-500))}:is(.dark) .sb-active .sb-step-num[data-v-1a61c21e]{border-color:var(--sb-path-color,var(--color-accent-400));box-shadow:0 0 8px color-mix(in srgb,var(--sb-path-color,#22d3ee) 12%,transparent);color:var(--sb-path-color,var(--color-accent-400))}.sb-active .sb-step-text div[data-v-1a61c21e]:first-child,.sb-active>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:var(--sb-path-color,var(--color-brand-600))}:is(.dark) .sb-active .sb-step-text div[data-v-1a61c21e]:first-child,:is(.dark) .sb-active>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:var(--sb-path-color,var(--color-accent-400))}.sb-reachable .sb-step-num[data-v-1a61c21e]{border-color:#00000014;color:#6b7280}:is(.dark) .sb-reachable .sb-step-num[data-v-1a61c21e]{border-color:#ffffff14;color:#94a3b8}.sb-pending .sb-step-num[data-v-1a61c21e]{border-color:#0000000f;color:#9ca3af}:is(.dark) .sb-pending .sb-step-num[data-v-1a61c21e]{border-color:#ffffff0a;color:#6b7280}.sb-pending .sb-step-text div[data-v-1a61c21e]:first-child,.sb-pending>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:#6b7280}:is(.dark) .sb-pending .sb-step-text div[data-v-1a61c21e]:first-child,:is(.dark) .sb-pending>div:nth-child(2) div[data-v-1a61c21e]:first-child{color:#6b7280}.sb-pending[data-v-1a61c21e]{cursor:not-allowed}.sb-step-tip[data-v-1a61c21e]{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-btn);box-shadow:0 4px 16px #00000014;color:#111827;font-size:var(--t-sm);font-weight:600;left:calc(100% + 12px);opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;white-space:nowrap;z-index:20}:is(.dark) .sb-step-tip[data-v-1a61c21e]{background:var(--color-surface-overlay,#121c2e);border-color:#ffffff0f;box-shadow:0 4px 16px #0000004d;color:#f1f5f9}.sb-step:hover .sb-step-tip[data-v-1a61c21e]{opacity:1}.xp-float-enter-active[data-v-1a61c21e],.xp-float-leave-active[data-v-1a61c21e]{transition:all .5s ease}.xp-float-enter-from[data-v-1a61c21e]{opacity:0;transform:translateY(10px)}.xp-float-leave-to[data-v-1a61c21e]{opacity:0;transform:translateY(-10px)}@media(prefers-reduced-motion:reduce){.xp-float-enter-active[data-v-1a61c21e],.xp-float-leave-active[data-v-1a61c21e]{transition:opacity .2s ease}.xp-float-enter-from[data-v-1a61c21e],.xp-float-leave-to[data-v-1a61c21e]{transform:none}}.sb-steps[data-v-1a61c21e]{scrollbar-color:rgba(148,163,184,.12) transparent;scrollbar-width:thin}.sb-steps[data-v-1a61c21e]::-webkit-scrollbar{width:3px}.sb-steps[data-v-1a61c21e]::-webkit-scrollbar-thumb{background:#94a3b81f;border-radius:1.5px}@keyframes slideUp-beca394e{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up[data-v-beca394e]{animation:slideUp-beca394e .4s ease-out}@media(prefers-reduced-motion:reduce){.animate-slide-up[data-v-beca394e]{animation:none}}.lesson-content[data-v-09258dea]{font-family:var(--font-sans)}.bg-gradient-to-br[data-v-86f79753]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r[data-v-86f79753]{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-clip-text[data-v-86f79753]{-webkit-background-clip:text;background-clip:text}.bg-gradient-to-r[data-v-45a4a59a]{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.lesson-content-card,.lesson-content-card h1,.lesson-content-card h2,.lesson-content-card h3,.lesson-content-card h4,.lesson-content-card h5,.lesson-content-card h6,.lesson-content-card label,.lesson-content-card p{font-family:var(--font-sans)}.lesson-card-body>*{animation:card-child-in .35s ease-out both}.lesson-card-body>:first-child{animation-delay:.04s}.lesson-card-body>:nth-child(2){animation-delay:.08s}.lesson-card-body>:nth-child(3){animation-delay:.12s}.lesson-card-body>:nth-child(4){animation-delay:.16s}.lesson-card-body>:nth-child(5){animation-delay:.2s}.lesson-card-body>:nth-child(n+6){animation-delay:.24s}@keyframes card-child-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.lesson-card-body>*{animation:none}}.bb-nav[data-v-072ed42d]{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-btn);color:#6b7280;display:inline-flex;font-size:var(--t-sm);font-weight:600;gap:6px;padding:6px 14px;transition:all .2s}:is(.dark) .bb-nav[data-v-072ed42d]{border-color:#ffffff0f;color:#9ca3af}.bb-nav[data-v-072ed42d]:hover{background:#0ea5e90d;border-color:var(--color-brand-300);color:var(--color-brand-600)}:is(.dark) .bb-nav[data-v-072ed42d]:hover{background:#22d3ee0d;border-color:#22d3ee26;color:var(--color-accent-400)}.bb-qa[data-v-072ed42d]{align-items:center;border-radius:var(--radius-chip);color:#6b7280;display:inline-flex;font-size:var(--t-sm);font-weight:500;gap:3px;padding:4px 8px;text-decoration:none;transition:all .15s}:is(.dark) .bb-qa[data-v-072ed42d]{color:#9ca3af}.bb-qa[data-v-072ed42d]:hover{background:#0ea5e90a;color:var(--color-brand-600)}.bb-qa[data-v-072ed42d]:focus-visible{box-shadow:0 0 0 2px #3b82f666;outline:none}:is(.dark) .bb-qa[data-v-072ed42d]:hover{background:#22d3ee0a;color:var(--color-accent-400)}.bb-sep[data-v-072ed42d]{background:#0000000f;flex-shrink:0;height:14px;width:1px}:is(.dark) .bb-sep[data-v-072ed42d]{background:#ffffff0a}.bb-continue[data-v-072ed42d]{align-items:center;background:var(--bb-color,var(--color-brand-600));border:none;border-radius:var(--radius-btn);color:#fff;display:inline-flex;font-size:var(--t-sm);font-weight:700;gap:6px;letter-spacing:.01em;padding:7px 20px;transition:all .2s}:is(.dark) .bb-continue[data-v-072ed42d]{background:var(--bb-color,var(--color-accent-500))}.bb-continue[data-v-072ed42d]:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--bb-color,#0ea5e9) 25%,transparent);filter:brightness(1.1);transform:translateY(-1px)}:is(.dark) .bb-continue[data-v-072ed42d]:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--bb-color,#22d3ee) 20%,transparent);filter:brightness(1.15)}.bb-continue-ready[data-v-072ed42d]{animation:bb-glow-072ed42d 2s ease-in-out .3s 1}.bb-continue-ready[data-v-072ed42d]:hover{animation:none}@keyframes bb-glow-072ed42d{0%,to{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--bb-color,#0ea5e9) 18%,transparent)}70%{box-shadow:0 0 0 2px color-mix(in srgb,var(--bb-color,#0ea5e9) 10%,transparent)}}:is(.dark) .bb-continue-ready[data-v-072ed42d]{animation-name:bb-glow-dark-072ed42d}@keyframes bb-glow-dark-072ed42d{0%,to{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--bb-color,#22d3ee) 15%,transparent)}70%{box-shadow:0 0 0 2px color-mix(in srgb,var(--bb-color,#22d3ee) 8%,transparent)}}.bb-kbd[data-v-072ed42d]{background:#0000000f;border-radius:3px;color:#00000059;font-family:var(--font-mono);font-size:.65rem;line-height:1.2;opacity:0;overflow:hidden;padding:0;pointer-events:none;transition:opacity .15s,width .15s,padding .15s;white-space:nowrap;width:0}:is(.dark) .bb-kbd[data-v-072ed42d]{background:#ffffff14;color:#ffffff4d}.bb-continue .bb-kbd[data-v-072ed42d]{background:#ffffff26;color:#ffffff80}.bb-continue:focus-visible .bb-kbd[data-v-072ed42d],.bb-continue:hover .bb-kbd[data-v-072ed42d],.bb-nav:focus-visible .bb-kbd[data-v-072ed42d],.bb-nav:hover .bb-kbd[data-v-072ed42d]{opacity:1;padding:1px 4px;width:auto}.bb-status[data-v-072ed42d]{color:#6b7280;font-size:var(--t-sm);font-weight:500;text-align:right}:is(.dark) .bb-status[data-v-072ed42d]{color:#9ca3af}@media(min-width:1920px){.bb-nav[data-v-072ed42d]{padding:8px 18px}.bb-continue[data-v-072ed42d]{padding:9px 24px}}@media(prefers-reduced-motion:reduce){.bb-continue-ready[data-v-072ed42d]{animation:none}.bb-continue[data-v-072ed42d]:hover{transform:none}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1f29374d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4b556380;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.slide-forward-enter-active,.slide-forward-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-forward-enter-from{opacity:0;transform:translate(24px)}.slide-forward-leave-to{opacity:0;transform:translate(-24px)}.slide-back-enter-active,.slide-back-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-back-enter-from{opacity:0;transform:translate(-24px)}.slide-back-leave-to{opacity:0;transform:translate(24px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){.slide-back-enter-active,.slide-back-leave-active,.slide-forward-enter-active,.slide-forward-leave-active{transition:opacity .15s ease}.slide-back-enter-from,.slide-back-leave-to,.slide-forward-enter-from,.slide-forward-leave-to{transform:none}}.lesson-content :deep(h1),.lesson-content :deep(h2),.lesson-content :deep(h3){color:#111827;font-weight:var(--w-bold);margin-bottom:1.25rem;margin-top:1.5rem}.dark .lesson-content :deep(h1),.dark .lesson-content :deep(h2),.dark .lesson-content :deep(h3){color:#fff}.lesson-content :deep(h2){background:linear-gradient(90deg,#3b82f6,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--t-2xl);margin-bottom:1.5rem}.lesson-content :deep(h3){font-size:var(--t-xl);margin-bottom:1rem}.lesson-content :deep(p){color:#111827;font-size:var(--t-base);line-height:var(--lh-body)}.dark .lesson-content :deep(p){color:#e5e7eb}.lesson-content :deep(ol),.lesson-content :deep(ul){color:#111827;list-style:none;margin-bottom:2rem;padding-left:0}.dark .lesson-content :deep(ol),.dark .lesson-content :deep(ul){color:#e5e7eb}.lesson-content :deep(li){color:#111827;font-size:var(--t-base);line-height:var(--lh-body);margin-bottom:1rem;padding-left:2.5rem;position:relative}.dark .lesson-content :deep(li){color:#e5e7eb}.lesson-content :deep(li:before){color:#2563eb;content:"→";font-size:var(--t-base);font-weight:700;left:.75rem;position:absolute}.dark .lesson-content :deep(li:before){color:#60a5fa}.lesson-content :deep(strong){color:#1d4ed8;font-weight:var(--w-bold)}.dark .lesson-content :deep(strong){color:#60a5fa}.lesson-content :deep(code){background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:var(--radius-chip);color:#1d4ed8;font-size:var(--t-code);padding:.25rem .5rem}.dark .lesson-content :deep(code){background-color:#1e293b;border:1px solid #334155;color:#93c5fd}.lesson-content :deep(.overflow-x-auto){overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.lesson-content :deep(.whitespace-pre){white-space:pre}.lesson-content :deep(div[class*=font-mono]){overflow-x:auto;-webkit-overflow-scrolling:touch}.lesson-content :deep(.font-mono.whitespace-pre),.lesson-content :deep(pre){overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;scrollbar-color:#9ca3af transparent;scrollbar-width:thin}.lesson-content :deep(.font-mono.whitespace-pre)::-webkit-scrollbar,.lesson-content :deep(pre)::-webkit-scrollbar{height:6px}.lesson-content :deep(.font-mono.whitespace-pre)::-webkit-scrollbar-track,.lesson-content :deep(pre)::-webkit-scrollbar-track{background:transparent}.lesson-content :deep(.font-mono.whitespace-pre)::-webkit-scrollbar-thumb,.lesson-content :deep(pre)::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:3px}.dark .lesson-content :deep(.font-mono.whitespace-pre)::-webkit-scrollbar-thumb,.dark .lesson-content :deep(pre)::-webkit-scrollbar-thumb{background-color:#4b5563}