:root{--paper:#f2f4f7;--surface:#fdfdfe;--ink:#1a1d24;--ink-soft:#5c6470;--line:#d5d9e1;--wasm:#654ff0;--wasm-deep:#4e3bc8;--wasm-wash:#654ff014;--ok:#17784b;--ok-wash:#17784b1a;--trap:#c23a2e;--trap-wash:#c23a2e14;--code-bg:#1a1d24;--code-ink:#e4e7ee;--font-display:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-body:"Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#14161c;--surface:#1c1f27;--ink:#e5e7ee;--ink-soft:#9aa1b0;--line:#333848;--wasm:#8b7cf8;--wasm-deep:#a89cfa;--wasm-wash:#8b7cf821;--ok:#4cc38a;--ok-wash:#4cc38a1f;--trap:#e5655c;--trap-wash:#e5655c1f;--code-bg:#0f1116;--code-ink:#d5d9e1}}*{box-sizing:border-box}html{height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.4}p{margin:0}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:1rem}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--wasm);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 5rem}.masthead{border-bottom:2px solid var(--wasm);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.masthead-kicker{font-family:var(--font-mono);letter-spacing:.12em;color:var(--wasm);font-size:.78rem;display:block}.masthead h1{letter-spacing:.02em;font-size:2rem}.stats{gap:1.25rem;margin:0;display:flex}.stats div{text-align:center}.stats dt{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-soft);font-size:.7rem}.stats dd{font-family:var(--font-mono);color:var(--wasm);margin:0;font-size:1.25rem}.tabs{border-bottom:1px solid var(--line);gap:1.5rem;margin:1.25rem 0 1.75rem;display:flex}.tab{letter-spacing:.2em;color:var(--ink-soft);border-bottom:3px solid #0000;margin-bottom:-1px;padding:.4rem .2rem;font-size:1rem}.tab-active{color:var(--ink);border-bottom-color:var(--wasm)}.tab-badge{background:var(--wasm);min-width:1.4em;color:var(--surface);font-family:var(--font-mono);letter-spacing:0;text-align:center;vertical-align:.15em;border-radius:3px;margin-left:.4em;padding:0 .3em;font-size:.75rem;display:inline-block}.toc{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.toc-item{text-align:left;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:3px;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.1rem;transition:border-color .15s;display:flex}.toc-item:hover{border-color:var(--wasm)}.toc-status{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);border-radius:3px;flex:none;margin-top:.2rem;padding:.15rem .45rem;font-size:.95rem}.toc-read{color:var(--surface);background:var(--wasm);border-color:var(--wasm)}.toc-item:hover .toc-status{border-color:var(--wasm)}.toc-body{gap:.15rem;display:grid}.toc-title{font-family:var(--font-display);font-size:1.02rem}.toc-summary{color:var(--ink-soft);font-size:.88rem}.toc-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--wasm);font-size:.75rem}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:2rem 1.75rem}.lesson h2{border-bottom:1px solid var(--line);padding-bottom:.6rem;font-size:1.3rem}.lesson-lede{color:var(--ink-soft);margin-top:.6rem;font-size:.92rem}.lesson>p{text-align:justify;margin-top:1.1rem}.code{margin:1.25rem 0 0}.code figcaption{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.3rem;font-size:.78rem}.code pre{background:var(--code-bg);color:var(--code-ink);border-left:3px solid var(--wasm);font-family:var(--font-mono);border-radius:3px;margin:0;padding:1rem 1.1rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.keypoints{background:var(--wasm-wash);border-left:3px solid var(--wasm);border-radius:0 3px 3px 0;margin-top:1.25rem;padding:.9rem 1.2rem}.keypoints-title{font-family:var(--font-display);color:var(--wasm);font-size:.92rem}.keypoints ul{margin:.4rem 0 0;padding-left:1.2rem}.keypoints li+li{margin-top:.35rem}.note{color:var(--ink-soft);border-top:1px dashed var(--line);margin-top:1.25rem;padding-top:.8rem;font-size:.9rem;display:block}.note-label{font-family:var(--font-mono);color:var(--wasm);margin-right:.6em}.lesson-actions{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.term{color:var(--wasm-deep);text-underline-offset:.25em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px;position:relative}.term-tip{background:var(--surface);width:min(21rem,78vw);color:var(--ink);border:1px solid var(--wasm);z-index:10;opacity:0;visibility:hidden;border-radius:3px;padding:.6rem .8rem;font-size:.82rem;line-height:1.7;transition:opacity .12s;position:absolute;bottom:calc(100% + .6em);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000029}.term-tip b{font-family:var(--font-mono);color:var(--wasm-deep);margin-bottom:.15rem;display:block}.term:hover .term-tip,.term:focus-visible .term-tip{opacity:1;visibility:visible}.quiz{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:1.75rem}.quiz-source{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);font-size:.76rem}.quiz-question{font-family:var(--font-body);margin-top:.5rem;font-size:1.12rem;font-weight:600;line-height:1.8}.choices{gap:.6rem;margin-top:1.4rem;display:grid}.choice{text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:3px;align-items:baseline;gap:.9rem;padding:.75rem 3.4rem .75rem .9rem;line-height:1.7;transition:border-color .12s,background .12s;display:flex;position:relative}.choice:not(:disabled):hover{border-color:var(--wasm);background:var(--wasm-wash)}.choice:disabled{cursor:default}.choice-idx{font-family:var(--font-mono);color:var(--wasm);flex:none;font-size:.85rem}.choice-text{font-size:.95rem}.choice-correct{border-color:var(--ok);background:var(--ok-wash)}.choice-wrong{border-color:var(--trap);background:var(--trap-wash)}.choice-dim{opacity:.45}.grade-badge{font-family:var(--font-mono);pointer-events:none;border-radius:3px;padding:.1rem .45rem;font-size:.78rem;animation:.18s ease-out pop;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.grade-ok{color:var(--surface);background:var(--ok)}.grade-trap{color:var(--surface);background:var(--trap)}@keyframes pop{0%{opacity:0;transform:translateY(-50%)scale(1.5)}to{opacity:1;transform:translateY(-50%)scale(1)}}.feedback{border-top:1px dashed var(--line);margin-top:1.4rem;padding-top:1.1rem}.verdict{font-family:var(--font-mono);font-size:1rem}.verdict-ok{color:var(--ok)}.verdict-trap{color:var(--trap)}.verdict-srs{font-family:var(--font-body);color:var(--ink-soft);margin-left:.7em;font-size:.82rem}.explanation{background:var(--wasm-wash);border-left:3px solid var(--wasm);text-align:justify;border-radius:0 3px 3px 0;margin-top:.7rem;padding:.8rem 1.1rem;font-size:.92rem}.feedback .primary{margin-top:1.2rem}.empty{text-align:center;padding:3.5rem 1rem;font-size:1.1rem}.empty-sub{color:var(--ink-soft);margin-top:.5rem;font-size:.9rem}.empty .primary{margin-top:1.5rem}.primary{background:var(--wasm);color:#fdfdfe;letter-spacing:.12em;border-radius:3px;padding:.6rem 1.6rem;font-size:.95rem;transition:background .12s;display:inline-block}.primary:hover{background:var(--wasm-deep)}.ghost{color:var(--ink-soft);letter-spacing:.1em;text-underline-offset:.3em;font-size:.9rem;text-decoration:underline}.ghost:hover{color:var(--ink)}@media (width<=30rem){.masthead{flex-direction:column;align-items:flex-start}.stats{justify-content:space-between;width:100%}.lesson,.quiz{padding:1.25rem 1rem}}