:root{--paper:#eef0f3;--surface:#fcfcfb;--ink:#1f2733;--ink-soft:#5b6575;--line:#c7cdd7;--line-strong:#8792a3;--navy:#24437c;--navy-deep:#16294f;--navy-wash:#24437c0f;--gold:#a37c1f;--gold-wash:#a37c1f1a;--seal:#b23a2c;--seal-wash:#b23a2c14;--ok:#1d6b47;--ok-wash:#1d6b4717;--code-bg:#1c2536;--code-ink:#dde3ee;--font-body:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-display:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "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:#0e1524;--surface:#162033;--ink:#dde3ee;--ink-soft:#93a0b8;--line:#2b3a56;--line-strong:#46587a;--navy:#8aa6d9;--navy-deep:#aec3e8;--navy-wash:#8aa6d91a;--gold:#d3ac57;--gold-wash:#d3ac571f;--seal:#e0705f;--seal-wash:#e0705f21;--ok:#4fbf8d;--ok-wash:#4fbf8d1f;--code-bg:#0a101d;--code-ink:#ccd6e6}}*{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.9}h1,h2,h3{font-family:var(--font-display);letter-spacing:.12em;margin:0;font-weight:700;line-height:1.5}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(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:44rem;margin:0 auto;padding:2.25rem 1.25rem 5rem}.masthead{border-bottom:3px double var(--navy);box-shadow:0 6px 0 -5px var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1.1rem;display:flex}.masthead-kicker{letter-spacing:.42em;color:var(--gold);margin-bottom:.2rem;font-size:.74rem;font-weight:500;display:block}.masthead h1{letter-spacing:.2em;color:var(--navy);font-size:1.85rem}.stats{border:1px solid var(--line-strong);background:var(--surface);margin:0;display:flex}.stats div{text-align:center;padding:.35rem .9rem .45rem}.stats div+div{border-left:1px solid var(--line)}.stats dt{letter-spacing:.3em;text-indent:.3em;color:var(--ink-soft);font-size:.68rem;font-weight:500}.stats dd{font-family:var(--font-mono);color:var(--navy);margin:0;font-size:1.15rem;font-weight:600}.tabs{gap:.5rem;margin:1.5rem 0 1.75rem;display:flex}.tab{letter-spacing:.3em;text-indent:.3em;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);padding:.35rem 1.4rem;font-size:.95rem;font-weight:500;transition:color .12s,background .12s}.tab:hover{color:var(--navy)}.tab-active{color:var(--surface);background:var(--navy);border-color:var(--navy)}.tab-active:hover{color:var(--surface)}.tab-badge{background:var(--gold);min-width:1.5em;color:var(--code-bg);font-family:var(--font-mono);letter-spacing:0;text-indent:0;text-align:center;vertical-align:.12em;margin-left:.5em;padding:0 .3em;font-size:.72rem;font-weight:700;display:inline-block}.toc{background:var(--surface);border:1px solid var(--line-strong);border-top:3px solid var(--navy);gap:0;margin:0;padding:0;list-style:none;display:grid}.toc li+li .toc-item{border-top:1px solid var(--line)}.toc-item{text-align:left;align-items:flex-start;gap:1.1rem;width:100%;padding:1.05rem 1.2rem;transition:background .15s;display:flex}.toc-item:hover{background:var(--navy-wash)}.toc-status{text-align:center;letter-spacing:.14em;min-width:3.4em;color:var(--navy);border:1px solid var(--line-strong);background:var(--surface);flex:none;margin-top:.15rem;padding:.18rem .5rem;font-size:.82rem;font-weight:600}.toc-read{color:var(--seal);border:2px solid var(--seal);background:var(--seal-wash);letter-spacing:0;font-size:.95rem;transform:rotate(-6deg)}.toc-item:hover .toc-status:not(.toc-read){border-color:var(--navy)}.toc-body{gap:.2rem;display:grid}.toc-title{letter-spacing:.06em;color:var(--ink);font-size:1.02rem;font-weight:700}.toc-summary{color:var(--ink-soft);font-size:.87rem}.toc-meta{letter-spacing:.12em;color:var(--gold);font-size:.74rem}.lesson{background:var(--surface);border:1px solid var(--line-strong);border-top:3px solid var(--navy);padding:2rem 1.9rem 1.9rem}.lesson h2{letter-spacing:.1em;color:var(--navy);border-bottom:1px solid var(--line-strong);padding-bottom:.65rem;font-size:1.25rem}.lesson-lede{color:var(--ink-soft);margin-top:.65rem;font-size:.9rem}.lesson>p{text-align:justify;margin-top:1.15rem}.code{margin:1.35rem 0 0}.code figcaption{letter-spacing:.2em;color:var(--gold);border:1px solid var(--gold);margin-bottom:-1px;padding:.1rem .7rem;font-size:.76rem;font-weight:600;display:inline-block}.code pre{background:var(--code-bg);color:var(--code-ink);border:1px solid var(--line-strong);font-family:var(--font-mono);margin:0;padding:1rem 1.15rem;font-size:.82rem;line-height:1.85;overflow-x:auto}.keypoints{background:var(--navy-wash);border:1px solid var(--line-strong);margin-top:1.35rem;padding:.95rem 1.25rem 1rem}.keypoints-title{letter-spacing:.08em;color:var(--navy);font-size:.92rem;font-weight:700}.keypoints-title:before{content:"■";vertical-align:.15em;color:var(--gold);margin-right:.6em;font-size:.7em}.keypoints ul{margin:.45rem 0 0;padding-left:1.3rem}.keypoints li+li{margin-top:.35rem}.note{border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--gold-wash);margin-top:1.35rem;padding:.8rem 1.1rem;font-size:.9rem;display:block}.note-label{letter-spacing:.3em;text-indent:.3em;color:var(--surface);background:var(--gold);vertical-align:.1em;margin-right:.7em;padding:.05rem .5rem;font-size:.74rem;font-weight:700;display:inline-block}.lesson-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.1rem;display:flex}.term{color:var(--navy);-webkit-text-decoration:underline dotted var(--gold);text-decoration:underline dotted var(--gold);text-underline-offset:.28em;cursor:help;text-decoration-thickness:1.5px;position:relative}.term-tip{background:var(--surface);width:min(21rem,78vw);color:var(--ink);border:1px solid var(--navy);border-top:3px solid var(--navy);z-index:10;opacity:0;visibility:hidden;padding:.6rem .85rem;font-size:.82rem;line-height:1.75;transition:opacity .12s;position:absolute;bottom:calc(100% + .6em);left:50%;transform:translate(-50%);box-shadow:0 5px 16px #0f192d38}.term-tip b{letter-spacing:.06em;color:var(--navy);margin-bottom:.15rem;font-weight:700;display:block}.term:hover .term-tip,.term:focus-visible .term-tip{opacity:1;visibility:visible}.quiz{background:var(--surface);border:1px solid var(--line-strong);border-top:3px solid var(--navy);padding:1.8rem 1.75rem}.quiz-source{letter-spacing:.16em;color:var(--ink-soft);font-size:.76rem}.quiz-source:before{content:"出典 ";color:var(--gold);font-weight:600}.quiz-question{font-family:var(--font-body);letter-spacing:.02em;margin-top:.55rem;font-size:1.1rem;font-weight:700;line-height:1.85}.choices{border:1px solid var(--line-strong);gap:0;margin-top:1.4rem;display:grid}.choice{text-align:left;background:var(--surface);border:none;align-items:baseline;gap:.85rem;padding:.8rem 3.6rem .8rem 1rem;line-height:1.75;transition:background .12s,box-shadow .12s;display:flex;position:relative}.choice+.choice{border-top:1px solid var(--line)}.choice:not(:disabled):hover{background:var(--navy-wash);box-shadow:inset 3px 0 0 var(--navy)}.choice:disabled{cursor:default}.choice-mark{font-family:var(--font-mono);color:var(--navy);flex:none;font-size:.85rem;font-weight:600}.choice-text{font-size:.94rem}.choice-correct{background:var(--ok-wash);box-shadow:inset 3px 0 0 var(--ok)}.choice-wrong{background:var(--seal-wash);box-shadow:inset 3px 0 0 var(--seal)}.choice-dim{opacity:.45}.grade-mark{background:var(--surface);pointer-events:none;border:2px solid;border-radius:50%;padding:.05rem .4rem;font-size:.85rem;font-weight:700;animation:.18s ease-out stamp;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)rotate(-6deg)}.grade-ok{color:var(--ok)}.grade-ng{color:var(--seal)}@keyframes stamp{0%{opacity:0;transform:translateY(-50%)rotate(-6deg)scale(1.6)}to{opacity:1;transform:translateY(-50%)rotate(-6deg)scale(1)}}.feedback{border-top:1px solid var(--line-strong);margin-top:1.4rem;padding-top:1.1rem}.verdict{letter-spacing:.24em;font-size:1rem;font-weight:700}.verdict-ok{color:var(--ok)}.verdict-ng{color:var(--seal)}.verdict-srs{letter-spacing:.02em;color:var(--ink-soft);margin-left:.8em;font-size:.82rem;font-weight:400}.explanation{background:var(--navy-wash);border:1px solid var(--line);border-left:3px solid var(--navy);text-align:justify;margin-top:.75rem;padding:.85rem 1.1rem;font-size:.92rem}.feedback .primary{margin-top:1.2rem}.empty{text-align:center;background:var(--surface);border:1px solid var(--line-strong);border-top:3px solid var(--navy);padding:3.5rem 1rem;font-size:1.05rem}.empty-sub{color:var(--ink-soft);margin-top:.5rem;font-size:.9rem}.empty .primary{margin-top:1.5rem}.primary{background:var(--navy);color:var(--surface);letter-spacing:.24em;text-indent:.24em;border:1px solid var(--navy);padding:.6rem 1.7rem;font-size:.92rem;font-weight:500;transition:background .12s;display:inline-block}.primary:hover{background:var(--navy-deep);border-color:var(--navy-deep)}.ghost{color:var(--ink-soft);letter-spacing:.14em;text-underline-offset:.32em;font-size:.88rem;text-decoration:underline}.ghost:hover{color:var(--navy)}@media (width<=30rem){.masthead{flex-direction:column;align-items:flex-start}.stats{justify-content:space-between;width:100%}.stats div{flex:1;padding:.35rem .4rem .45rem}.lesson,.quiz{padding:1.3rem 1rem}}