:root{--paper:#f5f2ea;--surface:#fffdf8;--ink:#2b2722;--ink-soft:#6f675b;--line:#ddd6c6;--shu:#c23b2b;--shu-deep:#9e2c1f;--shu-wash:#c23b2b14;--kon:#2d4d7c;--kon-wash:#2d4d7c17;--gold:#8f7327;--code-bg:#2b2722;--code-ink:#ede8dd;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "BIZ UDMincho", serif;--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:#1c1a16;--surface:#26231e;--ink:#e9e4d8;--ink-soft:#a59c8b;--line:#3d382f;--shu:#e56a54;--shu-deep:#f08272;--shu-wash:#e56a541f;--kon:#8fb0dc;--kon-wash:#8fb0dc1f;--gold:#d3af5e;--code-bg:#14120f;--code-ink:#ddd6c6}}*{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(--kon);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:44rem;margin:0 auto;padding:2rem 1.25rem 5rem}.masthead{border-bottom:3px double var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.masthead-kicker{letter-spacing:.35em;color:var(--shu);font-size:.8rem;display:block}.masthead h1{letter-spacing:.06em;font-size:2.1rem}.stats{gap:1.25rem;margin:0;display:flex}.stats div{text-align:center}.stats dt{letter-spacing:.15em;color:var(--ink-soft);font-size:.7rem}.stats dd{font-family:var(--font-display);color:var(--gold);margin:0;font-size:1.3rem}.tabs{border-bottom:1px solid var(--line);gap:1.5rem;margin:1.25rem 0 1.75rem;display:flex}.tab{font-family:var(--font-display);letter-spacing:.2em;color:var(--ink-soft);border-bottom:3px solid #0000;margin-bottom:-1px;padding:.4rem .2rem;font-size:1.05rem}.tab-active{color:var(--ink);border-bottom-color:var(--shu)}.tab-badge{background:var(--shu);min-width:1.4em;color:var(--surface);font-family:var(--font-body);letter-spacing:0;text-align:center;vertical-align:.15em;border-radius:999px;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-radius:4px;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.1rem;transition:border-color .15s,transform .15s;display:flex}.toc-item:hover{border-color:var(--kon);transform:translate(2px)}.toc-status{width:2.1rem;height:2.1rem;font-family:var(--font-display);background:var(--paper);border:1.5px solid var(--line);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;margin-top:.15rem;font-size:.95rem;display:grid}.toc-item:hover .toc-status{border-color:var(--kon);color:var(--kon)}.toc-body{gap:.15rem;display:grid}.toc-title{font-family:var(--font-display);font-size:1.05rem}.toc-summary{color:var(--ink-soft);font-size:.88rem}.toc-meta{letter-spacing:.05em;color:var(--kon);font-size:.78rem}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2rem 1.75rem}.lesson h2{border-bottom:1px solid var(--line);padding-bottom:.6rem;font-size:1.45rem}.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{letter-spacing:.08em;color:var(--ink-soft);margin-bottom:.3rem;font-size:.8rem}.code pre{background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);border-radius:4px;margin:0;padding:1rem 1.1rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.keypoints{background:var(--kon-wash);border-left:3px solid var(--kon);border-radius:0 4px 4px 0;margin-top:1.25rem;padding:.9rem 1.2rem}.keypoints-title{font-family:var(--font-display);color:var(--kon);font-size:.95rem}.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{color:var(--shu);font-family:var(--font-display);margin-right:.6em}.lesson-actions{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.term{color:var(--kon);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(--kon);z-index:10;opacity:0;visibility:hidden;border-radius:4px;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 #00000024}.term-tip b{font-family:var(--font-display);color:var(--kon);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:4px;padding:1.75rem}.quiz-source{letter-spacing:.1em;color:var(--ink-soft);font-size:.78rem}.quiz-question{margin-top:.5rem;font-size:1.15rem;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:4px;align-items:baseline;gap:.9rem;padding:.75rem 2.9rem .75rem .9rem;line-height:1.7;transition:border-color .12s,background .12s;display:flex;position:relative}.choice:not(:disabled):hover{border-color:var(--kon);background:var(--kon-wash)}.choice:disabled{cursor:default}.choice-kana{font-family:var(--font-display);color:var(--kon);flex:none}.choice-text{font-size:.95rem}.choice-correct{border-color:var(--shu);background:var(--shu-wash)}.choice-wrong{border-color:var(--shu)}.choice-wrong .choice-text{text-decoration:line-through;-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.choice-dim{opacity:.45}.grade-mark{font-family:var(--font-display);color:var(--shu);pointer-events:none;font-size:1.9rem;font-weight:600;animation:.22s ease-out stamp;position:absolute;top:50%;right:.7rem;transform:translateY(-54%)rotate(-8deg)}@keyframes stamp{0%{opacity:0;transform:translateY(-54%)rotate(-8deg)scale(1.7)}to{opacity:1;transform:translateY(-54%)rotate(-8deg)scale(1)}}.feedback{border-top:1px dashed var(--line);margin-top:1.4rem;padding-top:1.1rem}.verdict{font-family:var(--font-display);color:var(--shu);font-size:1.1rem}.verdict-srs{font-family:var(--font-body);color:var(--ink-soft);margin-left:.6em;font-size:.82rem}.explanation{background:var(--shu-wash);border-left:3px solid var(--shu);text-align:justify;border-radius:0 4px 4px 0;margin-top:.7rem;padding:.8rem 1.1rem;font-size:.92rem}.feedback .primary{margin-top:1.2rem}.empty{text-align:center;font-family:var(--font-display);padding:3.5rem 1rem;font-size:1.15rem}.empty-sub{font-family:var(--font-body);color:var(--ink-soft);margin-top:.5rem;font-size:.9rem}.empty .primary{margin-top:1.5rem}.primary{background:var(--shu);color:#fffdf8;letter-spacing:.15em;border-radius:4px;padding:.6rem 1.6rem;font-size:.95rem;transition:background .12s;display:inline-block}.primary:hover{background:var(--shu-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}}