:root{--bg:#f3f4f6;--panel:#fff;--ink:#201f1e;--ink-mute:#605e5c;--line:#e0dedc;--azure:#0078d4;--azure-deep:#005a9e;--azure-wash:#0078d40f;--ok:#107c10;--ok-wash:#107c1014;--err:#d13438;--err-wash:#d1343812;--warn:#9a6a00;--warn-wash:#ffb9001f;--code-bg:#1b1a19;--code-ink:#d8d6d4;--code-head:#e8e6e4;--font-ui:"Segoe UI", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif;--font-mono:"Cascadia Code", Consolas, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1a19;--panel:#252423;--ink:#f3f2f1;--ink-mute:#a19f9d;--line:#3b3a39;--azure:#479ef5;--azure-deep:#75b6f3;--azure-wash:#479ef51a;--ok:#6ccb5f;--ok-wash:#6ccb5f1a;--err:#f1707b;--err-wash:#f1707b1a;--warn:#ffb900;--warn-wash:#ffb90017;--code-bg:#141414;--code-ink:#d4d4d4;--code-head:#2e2d2c}}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.8}h1,h2,h3{font-family:var(--font-ui);margin:0;font-weight:650;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(--azure);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:50rem;margin:0 auto;padding:2rem 1.25rem 5rem}.masthead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:0 0 1.25rem;display:flex}.masthead-title{border-left:4px solid var(--azure);padding-left:.9rem}.masthead-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--azure);font-size:.72rem;font-weight:600;display:block}.masthead h1{letter-spacing:.01em;font-size:1.7rem}.stats{flex-wrap:wrap;gap:.6rem;margin:0;display:flex}.stats div{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--azure);border-radius:2px;min-width:5rem;padding:.45rem .85rem .5rem}.stats dt{letter-spacing:.08em;color:var(--ink-mute);font-size:.68rem;font-weight:600}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem;font-weight:650;line-height:1.3}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:4px;margin:1.5rem 0 1.75rem;display:inline-flex;overflow:hidden}.tab{color:var(--ink-mute);padding:.5rem 1.5rem;font-size:.92rem;font-weight:600;transition:background .12s,color .12s}.tab+.tab{border-left:1px solid var(--line)}.tab:hover{background:var(--azure-wash);color:var(--ink)}.tab-active,.tab-active:hover{background:var(--azure);color:#fff}.tab-badge{background:var(--azure);color:#fff;text-align:center;vertical-align:.12em;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.5em;margin-left:.5em;padding:0 .35em;font-size:.72rem;font-weight:700;display:inline-block}.tab-active .tab-badge{color:var(--azure);background:#fff}.toc{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.toc-item{text-align:left;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:2px;align-items:flex-start;gap:1.1rem;width:100%;padding:1rem 1.2rem;transition:border-color .12s,box-shadow .12s;display:flex}.toc-item:hover{border-left-color:var(--azure);box-shadow:0 2px 8px #00000014}.toc-status{width:2.1rem;height:2.1rem;font-family:var(--font-mono);color:var(--ink-mute);background:var(--bg);border:1px solid var(--line);border-radius:2px;flex:none;justify-content:center;align-items:center;margin-top:.15rem;font-size:.85rem;font-weight:600;display:inline-flex}.toc-read{color:#fff;background:var(--azure);border-color:var(--azure)}@media (prefers-color-scheme:dark){.toc-read{color:#1b1a19}}.toc-body{gap:.2rem;display:grid}.toc-title{font-size:1.02rem;font-weight:650}.toc-summary{color:var(--ink-mute);font-size:.86rem}.toc-meta{letter-spacing:.03em;color:var(--azure-deep);font-size:.75rem;font-weight:600}.lesson{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--azure);border-radius:4px;padding:2rem 2rem 1.75rem}.lesson h2{font-size:1.3rem}.lesson-lede{border-bottom:1px solid var(--line);color:var(--ink-mute);margin-top:.5rem;padding-bottom:1rem;font-size:.92rem}.lesson>p{text-align:justify;margin-top:1.15rem}.code{margin:1.35rem 0 0}.code figcaption{background:var(--code-head);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-mute);border-bottom:none;border-radius:4px 4px 0 0;padding:.35rem .9rem;font-size:.74rem}.code pre{background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);border-radius:0 0 4px 4px;margin:0;padding:1rem 1.1rem;font-size:.84rem;line-height:1.7;overflow-x:auto}.keypoints{border:1px solid var(--line);border-top:2px solid var(--azure);background:var(--azure-wash);border-radius:4px;margin-top:1.35rem;padding:.85rem 1.2rem .6rem}.keypoints-title{letter-spacing:.04em;color:var(--azure-deep);font-size:.85rem;font-weight:700}.keypoints ul{margin:.35rem 0 0;padding:0;list-style:none}.keypoints li{padding:.45rem 0;font-size:.93rem}.keypoints li+li{border-top:1px dashed var(--line)}.keypoints li:before{content:"›";color:var(--azure);margin-right:.55em;font-weight:700}.note{background:var(--warn-wash);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:4px;margin-top:1.35rem;padding:.85rem 1.1rem;font-size:.9rem;display:block}.note-label{border:1px solid var(--warn);color:var(--warn);letter-spacing:.12em;vertical-align:.1em;border-radius:2px;margin-right:.7em;padding:.05rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.lesson-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.25rem;display:flex}.term{color:var(--azure-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(--panel);width:min(22rem,78vw);color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--azure);z-index:10;opacity:0;visibility:hidden;border-radius:4px;padding:.6rem .85rem;font-size:.82rem;line-height:1.7;transition:opacity .12s;position:absolute;bottom:calc(100% + .6em);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000002e}.term-tip b{color:var(--azure-deep);margin-bottom:.15rem;font-weight:700;display:block}.term:hover .term-tip,.term:focus-visible .term-tip{opacity:1;visibility:visible}.quiz{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--azure);border-radius:4px;padding:1.75rem 2rem}.quiz-source{letter-spacing:.05em;color:var(--ink-mute);font-size:.76rem;font-weight:600}.quiz-source:before{content:"⌂ ";color:var(--azure)}.quiz-question{margin-top:.55rem;font-size:1.12rem;font-weight:650;line-height:1.8}.choices{gap:.55rem;margin-top:1.4rem;display:grid}.choice{text-align:left;background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:2px;align-items:baseline;gap:.9rem;padding:.75rem 3.2rem .75rem .9rem;line-height:1.7;transition:border-color .12s,background .12s;display:flex;position:relative}.choice:not(:disabled):hover{border-color:var(--azure);background:var(--azure-wash)}.choice:disabled{cursor:default}.choice-mark{width:1.55rem;height:1.55rem;color:var(--azure);border:1px solid var(--line);background:var(--panel);border-radius:2px;flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-top:.15rem;font-size:.8rem;font-weight:700;display:inline-flex}.choice-text{font-size:.94rem}.choice-correct{border-color:var(--ok);border-left-color:var(--ok);background:var(--ok-wash)}.choice-wrong{border-color:var(--err);border-left-color:var(--err);background:var(--err-wash)}.choice-dim{opacity:.45}.grade-mark{pointer-events:none;border-radius:2px;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.85rem;font-weight:700;animation:.16s ease-out slide-in;display:inline-flex;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.grade-ok{color:#fff;background:var(--ok)}.grade-ng{color:#fff;background:var(--err)}@keyframes slide-in{0%{opacity:0;transform:translateY(-50%)translate(.5rem)}to{opacity:1;transform:translateY(-50%)translate(0)}}.feedback{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1.1rem}.verdict{font-size:.98rem;font-weight:700}.verdict-ok{color:var(--ok)}.verdict-ng{color:var(--err)}.verdict-srs{color:var(--ink-mute);margin-left:.8em;font-size:.82rem;font-weight:400}.explanation{background:var(--azure-wash);border:1px solid var(--line);border-left:3px solid var(--azure);text-align:justify;border-radius:4px;margin-top:.75rem;padding:.85rem 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-mute);margin-top:.5rem;font-size:.9rem}.empty .primary{margin-top:1.5rem}.primary{background:var(--azure);color:#fff;border-radius:2px;padding:.55rem 1.5rem;font-size:.92rem;font-weight:600;transition:background .12s;display:inline-block}.primary:hover{background:var(--azure-deep)}.ghost{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:2px;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:border-color .12s,color .12s;display:inline-block}.ghost:hover{border-color:var(--azure);color:var(--azure)}@media (width<=34rem){.masthead{flex-direction:column;align-items:flex-start}.stats{width:100%}.stats div{flex:1;min-width:0}.tabs{width:100%;display:flex}.tab{flex:1}.lesson,.quiz{padding:1.25rem 1rem}}