:root{--text:#33313a;--text-muted:#6b6875;--text-h:#0e0d12;--bg:#fdfdfc;--bg-raised:#fff;--border:#e2e0e6;--code-bg:#f4f3f6;--accent:#6d3bff;--accent-contrast:#fff;--correct:#157f3c;--correct-bg:#e9f8ee;--incorrect:#c22b3a;--incorrect-bg:#fdeeee;--note-bg:#eef4ff;--note-border:#6d93ff;--tip-bg:#eafaf1;--tip-border:#2fb872;--warning-bg:#fff8e6;--warning-border:#d6a900;--important-bg:#f6eeff;--important-border:#8a4fff;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;--shadow-sm:0 1px 2px #100e180f;--shadow-md:0 6px 18px -8px #100e1838;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d4d2d8;--text-muted:#9490a0;--text-h:#f5f4f7;--bg:#131218;--bg-raised:#1b1a22;--border:#2e2c36;--code-bg:#1e1d25;--accent:#a98bff;--accent-contrast:#16151c;--correct:#4fd486;--correct-bg:#103122;--incorrect:#ff6b7a;--incorrect-bg:#3a1418;--note-bg:#182238;--note-border:#4c74e0;--tip-bg:#102a1e;--tip-border:#2fb872;--warning-bg:#2c2410;--warning-border:#d6a900;--important-bg:#241a38;--important-border:#a675ff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px -12px #0009}}*{box-sizing:border-box}body{margin:0}#app,.app{flex-direction:column;min-height:100svh;display:flex}.app-content{flex:1;width:100%;max-width:54rem;margin:0 auto;padding:3rem 1.5rem 4rem;font-size:1.0625rem;line-height:1.7}.app-content-track{max-width:62rem}.app-content-quiz{max-width:58rem}.app-content-home,.app-content-loading,.app-content-error{max-width:46rem}@media (width<=40rem){.app-content{padding:1.75rem 1rem 3rem;font-size:1rem}}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:1.5rem 1rem;font-size:.85rem}.app-footer a{color:var(--text-muted)}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-h);font-weight:600;line-height:1.25}h1{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.5rem)}h2{letter-spacing:-.015em;margin:2.5rem 0 .85rem;font-size:1.45rem}h3{margin:1.75rem 0 .5rem;font-size:1.15rem}:is(.learn,.doc-view,.track)>:is(h2,h3):first-child{margin-top:0}p{margin:0 0 1rem}a{color:var(--accent)}img,svg{max-width:100%;height:auto}code{font-family:var(--mono);background:var(--code-bg);border-radius:4px;padding:.15em .4em;font-size:.9em}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;font-size:.9rem;line-height:1.55;overflow-x:auto}pre code{font-size:inherit;background:0 0;padding:0}table{border-collapse:collapse;width:100%;margin:0 0 1.25rem;font-size:.95rem;display:block;overflow-x:auto}th,td{border:1px solid var(--border);text-align:left;padding:.6rem .85rem}th{background:var(--code-bg);color:var(--text-h);font-weight:600}blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin:0 0 1rem;padding:.1rem 1rem}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:background-color .15s,border-color .15s,filter .15s}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--bg-raised);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=url],input[type=text]{font:inherit;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:8px;width:100%;padding:.6rem .8rem;transition:border-color .15s}input[type=url]:focus,input[type=text]:focus{border-color:var(--accent)}:is(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.url-loader{text-align:center;padding-top:3rem}.url-loader h1{margin-bottom:1rem}.tagline{color:var(--text-muted);text-wrap:balance;max-width:34rem;margin:0 auto 2.25rem}.url-form{gap:.5rem;max-width:34rem;margin:0 auto 1.5rem;display:flex}.sample-buttons{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.status-panel{text-align:center;padding:3rem 1rem}.status-error h2{color:var(--incorrect)}.status-error p{color:var(--text-muted);white-space:pre-wrap;word-break:break-word}blockquote.callout{color:var(--text);border-left-width:4px;border-radius:0 8px 8px 0;padding:.75rem 1rem}.callout-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.8rem;font-weight:700}blockquote.callout-note{background:var(--note-bg);border-color:var(--note-border)}blockquote.callout-note .callout-label{color:var(--note-border)}blockquote.callout-tip{background:var(--tip-bg);border-color:var(--tip-border)}blockquote.callout-tip .callout-label{color:var(--tip-border)}blockquote.callout-warning{background:var(--warning-bg);border-color:var(--warning-border)}blockquote.callout-warning .callout-label{color:var(--warning-border)}blockquote.callout-important{background:var(--important-bg);border-color:var(--important-border)}blockquote.callout-important .callout-label{color:var(--important-border)}blockquote.callout-caution{background:var(--warning-bg);border-color:var(--incorrect)}blockquote.callout-caution .callout-label{color:var(--incorrect)}blockquote.callout-summary,blockquote.callout-example{background:var(--code-bg);border-color:var(--text-muted)}blockquote.callout-summary .callout-label,blockquote.callout-example .callout-label{color:var(--text-muted)}blockquote.callout-objectives{background:var(--important-bg);border-color:var(--accent)}blockquote.callout-objectives .callout-label{color:var(--accent)}blockquote.callout-generic{background:var(--bg-raised);border-color:var(--border)}blockquote.callout-generic .callout-label{color:var(--text-muted)}.box{border:1px solid var(--border);background:var(--bg-raised);border-radius:10px;margin:0 0 1.25rem;padding:1rem 1.25rem}.box-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.box-example{border-left:3px solid var(--accent)}.box-summary{background:var(--code-bg)}.box :last-child{margin-bottom:0}.diagram{text-align:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1.5rem;padding:1.25rem;overflow-x:auto}.diagram-kroki img{max-width:100%}.diagram-mermaid svg{max-width:100%;height:auto}.unsupported-block{border:1px dashed var(--border);border-radius:var(--radius);margin:0 0 1.5rem;overflow:hidden}.unsupported-banner{background:var(--code-bg);color:var(--text-muted);border-bottom:1px dashed var(--border);padding:.5rem .85rem;font-size:.8rem}.unsupported-block pre{border-radius:0;margin:0}.learn-header,.quiz-header{border-bottom:1px solid var(--border);margin-bottom:2.25rem;padding-bottom:1.25rem}.learn-header h1,.quiz-header h1{text-wrap:balance}.learn-description{color:var(--text-muted);margin-bottom:0;font-size:1.05rem}.inline-quiz{margin:0 0 1.5rem}.inline-quiz .quiz-compact .question{border-radius:10px}.quiz-description{color:var(--text-muted);margin-bottom:0}.question{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-sm);margin:0 0 1.25rem;padding:1.5rem 1.75rem}@media (width<=40rem){.question{padding:1.15rem 1rem}}.question-correct{border-color:var(--correct)}.question-incorrect{border-color:var(--incorrect)}.question-partial{border-color:var(--warning-border)}.question-title{align-items:baseline;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;display:flex}.question-number{color:var(--text-muted);font-weight:600}.question-points{color:var(--text-muted);margin-left:auto;font-size:.8rem;font-weight:500}.question-prompt{margin-bottom:.75rem}.question-prompt :last-child,.question-explanation :last-child{margin-bottom:0}.question-warning{color:var(--warning-border);font-size:.9rem}.choices{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.choice{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;transition:border-color .15s,background-color .15s;display:flex}.choice:hover{border-color:var(--accent)}.choice-correct:hover,.choice-incorrect:hover{border-color:inherit}.choice input{margin-top:.2rem}.choice-selected{border-color:var(--accent)}.choice-correct{border-color:var(--correct);background:var(--correct-bg)}.choice-incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}.choice-feedback{border-left:2px solid var(--border);color:var(--text-muted);margin:.35rem 0 0 .75rem;padding-left:.75rem;font-size:.88rem}.open-answer{flex-direction:column;gap:.75rem;margin-bottom:.75rem;display:flex}.open-answer-blank{flex-direction:column;gap:.3rem;display:flex}.open-answer-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.open-answer-input{max-width:24rem}.open-answer-feedback{margin-top:0;font-size:.9rem}.open-answer-feedback.correct{color:var(--correct)}.open-answer-feedback.incorrect{color:var(--incorrect)}.match-question{margin-bottom:.75rem}.match-table{margin-bottom:0}.match-table th{background:var(--code-bg)}.match-row-correct td{background:var(--correct-bg)}.match-row-incorrect td{background:var(--incorrect-bg)}.match-select{font:inherit;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:6px;max-width:16rem;padding:.4rem .6rem}.match-expected{color:var(--incorrect);margin:.3rem 0 0;font-size:.85rem}.match-summary{color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem}.order-question{margin-bottom:.75rem}.order-list{counter-reset:order-counter;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.order-item{border:1px solid var(--border);counter-increment:order-counter;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.order-item:before{content:counter(order-counter) ". ";color:var(--text-muted);margin-right:.4rem;font-weight:600}.order-item-text{flex:1}.order-item-correct{border-color:var(--correct);background:var(--correct-bg)}.order-item-incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}.order-item-controls{gap:.3rem;display:flex}.order-btn{font:inherit;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);cursor:pointer;border-radius:6px;padding:.2rem .55rem}.order-btn:disabled{opacity:.4;cursor:not-allowed}.order-summary{color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem}.question-hint{margin-bottom:.5rem}.hint-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.hint-body{color:var(--text-muted);margin-top:.4rem;font-size:.9rem}.question-explanation{border-top:1px dashed var(--border);color:var(--text-muted);margin-top:.75rem;padding-top:.75rem;font-size:.95rem}.quiz-actions{justify-content:center;margin-top:1.5rem;display:flex}.quiz-score{align-items:center;gap:1rem;font-size:1.05rem;display:flex}.track-header{border-bottom:1px solid var(--border);margin-bottom:2.25rem;padding-bottom:1.25rem}.track-header h1{text-wrap:balance}.track-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;font-size:.75rem;font-weight:700}.track-description{color:var(--text-muted);margin:.5rem 0 0;font-size:1.05rem}.track-meta{color:var(--text-muted);margin:.75rem 0 0;font-size:.85rem}.track-intro{margin-bottom:2rem}.track-notice{background:var(--note-bg);border-left:3px solid var(--note-border);border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.9rem}.track-section{margin-bottom:2.5rem}.track-section h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin:0 0 .85rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700}.track-steps{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.track-step{font:inherit;color:inherit;text-align:left;background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:.75rem;padding:.8rem 1rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.track-step:hover:not(.track-step-static){border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.track-step:hover:not(.track-step-static) .step-label{color:var(--accent)}.track-step-static{cursor:default;box-shadow:none;opacity:.75}.step-kind{text-align:center;letter-spacing:.05em;text-transform:uppercase;min-width:5.5rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;flex:none;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.step-kind-learn{color:var(--note-border);border-color:var(--note-border)}.step-kind-quiz{color:var(--accent);border-color:var(--accent)}.step-label{flex:1;font-weight:500;transition:color .15s}.step-flag{color:var(--text-muted);background:var(--code-bg);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.75rem}.track-checkpoint{color:var(--text-muted);align-items:center;gap:.6rem;padding:.5rem 0 .5rem 1rem;font-size:.85rem;font-style:italic;display:flex}.track-checkpoint:after{content:"";border-top:1px dashed var(--border);flex:1}.track-checkpoint-marker{border:2px solid var(--accent);border-radius:50%;flex:none;width:.55rem;height:.55rem}.track-refs h2{font-size:.95rem}.track-refs ul{flex-direction:column;gap:.35rem;padding:0;font-size:.85rem;list-style:none;display:flex}.track-bar{z-index:10;background:color-mix(in srgb, var(--bg-raised) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.track-bar>.btn:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}@media (width<=40rem){.track-bar-position{display:none}.track-bar>.btn:first-child{flex:1;max-width:none}}.track-bar-position{text-align:center;color:var(--text-muted);flex:1;font-size:.85rem}.track-bar-actions{gap:.4rem;display:flex}.btn-small{padding:.35rem .7rem;font-size:.85rem}.doc-notice{background:var(--warning-bg);border-left:3px solid var(--warning-border);border-radius:0 8px 8px 0;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.step-label-provisional{opacity:.5}.flash-deck{max-width:34rem;margin:0 auto}.flash-progress{text-align:center;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.flash-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:14rem;box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;justify-content:center;padding:2rem 1.75rem;display:flex;position:relative}.flash-card:not(.flash-card-flipped):hover{border-color:var(--accent)}.flash-card-front{text-align:center;font-size:1.2rem}.flash-card-front .markdown-body>:last-child{margin-bottom:0}.flash-card-divider{border-top:1px dashed var(--border);margin:1.5rem 0}.flash-card-back{font-size:1.05rem}.flash-card-back .markdown-body>:last-child{margin-bottom:0}.flash-card-tap-hint{text-align:center;color:var(--text-muted);font-size:.75rem;position:absolute;bottom:.85rem;left:0;right:0}.flash-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1.5rem;display:flex}.flash-hint{text-align:center;color:var(--text-muted);margin-top:.75rem;font-size:.9rem}.flash-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.flash-tags li{color:var(--text-muted);background:var(--code-bg);border-radius:999px;padding:.2rem .65rem;font-size:.75rem}.nugget-deck{max-width:42rem;margin:0 auto}.nugget-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-sm);margin-bottom:.85rem;overflow:hidden}.nugget-card-toggle{width:100%;font:inherit;color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:600;display:flex}.nugget-card-chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);flex:none;width:.55rem;height:.55rem;transition:transform .15s;transform:rotate(-45deg)}.nugget-card-open .nugget-card-chevron{transform:rotate(45deg)}.nugget-card-title{flex:1}.nugget-card-body{border-top:1px solid var(--border);padding:0 1.25rem 1.25rem}.nugget-section{padding-top:1.1rem}.nugget-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.7rem;font-weight:700}.nugget-check .quiz-compact .question{box-shadow:none;border-radius:8px}.anim-player{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);outline:none;margin:1.5rem 0;position:relative;overflow:hidden}.anim-player:focus-visible{box-shadow:0 0 0 2px var(--accent)}.anim-stage{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;padding:.75rem .75rem .5rem}.anim-stage .diagram{margin:0 auto}.anim-stage .am-target{transition:opacity .42s}.anim-stage .am-hidden{opacity:0!important}.anim-stage svg.has-focus .am-target:not(.am-focused):not(.am-hidden){opacity:.18}.anim-stage .am-pulse{transform-box:fill-box;transform-origin:50%;animation:1.15s cubic-bezier(.4,0,.2,1) 2 am-pulse}@keyframes am-pulse{0%,to{scale:1}45%{scale:1.05}}.anim-caption{border-top:1px solid var(--border);background:var(--bg);padding:.6rem .9rem .75rem}.anim-player-overlay .anim-caption{color:#33313a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fdfdfcf0;border-top-color:#e2e0e6;position:absolute;bottom:0;left:0;right:0}.anim-player-overlay .anim-stage{padding-bottom:7rem}.anim-caption-header{align-items:center;gap:.6rem;margin-bottom:.3rem;display:flex}.anim-counter{font-family:var(--mono);color:var(--text-muted);background:var(--code-bg);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.72rem}.anim-player-overlay .anim-counter{color:#6b6875;background:#f4f3f6}.anim-step-title{flex:1;min-width:0;font-size:.9rem;font-weight:600}.anim-player-overlay .anim-step-title{color:#0e0d12}.anim-caption-text{font-size:.875rem;line-height:1.55}.anim-player-overlay .anim-caption-text{color:#33313a}.anim-controls{gap:.3rem;margin-left:auto;display:flex}.anim-btn{color:#33313a;cursor:pointer;background:#fff;border:1px solid #e2e0e6;border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;padding:0;font-size:1rem;line-height:1;display:grid}.anim-btn:hover:not(:disabled){border-color:#6d3bff}.anim-btn:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.anim-stage .am-target{transition:none}.anim-stage .am-pulse{animation:none}}