:root{--bg:#f3f6f7;--panel:#fff;--panel-2:#e9eff0;--ink:#14232a;--ink-soft:#5b6e77;--line:#d8e0e3;--line-soft:#e4eaec;--accent:#0d9488;--accent-deep:#0f766e;--accent-ink:#fff;--accent-wash:#0d948812;--ok:#15803d;--ok-wash:#15803d17;--err:#dc2626;--err-wash:#dc262612;--warn:#b45309;--warn-wash:#b4530914;--code-bg:#0b1417;--code-ink:#cfe3e0;--shadow:0 1px 2px #14232a0d, 0 8px 24px #14232a0f;--font-sans:"Inter", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0f12;--panel:#101a1f;--panel-2:#0d1519;--ink:#d9e4e8;--ink-soft:#85979f;--line:#21313a;--line-soft:#182630;--accent:#2dd4bf;--accent-deep:#5eead4;--accent-ink:#06211d;--accent-wash:#2dd4bf17;--ok:#34d399;--ok-wash:#34d3991a;--err:#f87171;--err-wash:#f8717117;--warn:#fbbf24;--warn-wash:#fbbf2414;--code-bg:#070c0e;--code-ink:#c2d7d4;--shadow:0 1px 2px #0006, 0 10px 30px #00000059}}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15.5px;line-height:1.85}h1,h2,h3{letter-spacing:-.01em;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(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:45rem;margin:0 auto;padding:1.75rem 1.25rem 5rem}.masthead{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;display:flex;position:relative;overflow:hidden}.masthead:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);height:3px;position:absolute;inset:0 0 auto}.masthead-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:lowercase;color:var(--accent);font-size:.72rem;display:block}.masthead-kicker:before{content:"●";margin-right:.5em;font-size:.6rem;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.masthead h1{margin-top:.1rem;font-size:1.55rem}.stats{gap:.5rem;margin:0;display:flex}.stats div{text-align:center;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:10px;min-width:3.6rem;padding:.35rem .55rem .45rem}.stats dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.62rem}.stats dd{font-family:var(--font-mono);color:var(--accent);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.tabs{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:999px;gap:.25rem;margin:1.4rem 0 1.5rem;padding:.25rem;display:inline-flex}.tab{letter-spacing:.14em;color:var(--ink-soft);border-radius:999px;padding:.35rem 1.2rem;font-size:.92rem;transition:color .15s,background .15s}.tab:hover{color:var(--ink)}.tab-active{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px #0000001f}.tab-badge{background:var(--accent);min-width:1.5em;color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:0;text-align:center;vertical-align:.12em;border-radius:999px;margin-left:.45em;padding:0 .35em;font-size:.72rem;font-weight:600;display:inline-block}.toc{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.toc li{position:relative}.toc li:nth-child(2){margin-left:.9rem}.toc li:nth-child(3){margin-left:1.8rem}.toc li:nth-child(4){margin-left:2.7rem}.toc li:nth-child(5){margin-left:3.6rem}.toc li:nth-child(6),.toc li:nth-child(n+7){margin-left:4.5rem}.toc li:not(:first-child):before{content:"";border-left:1.5px solid var(--line);border-bottom:1.5px solid var(--line);border-bottom-left-radius:6px;width:.55rem;position:absolute;top:-.62rem;bottom:50%;left:-.62rem}.toc-item{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:.9rem;width:100%;padding:.85rem 1.05rem;transition:border-color .15s,transform .15s;display:flex}.toc-item:hover{border-color:var(--accent);transform:translate(2px)}.toc-status{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);background:var(--panel-2);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;flex:none;margin-top:.25rem;padding:.14rem .6rem;font-size:.72rem}.toc-read{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.toc-body{gap:.1rem;display:grid}.toc-title{letter-spacing:-.01em;font-size:1rem;font-weight:650}.toc-summary{color:var(--ink-soft);font-size:.85rem}.toc-meta{font-family:var(--font-mono);letter-spacing:.05em;color:var(--accent);font-size:.7rem}.lesson{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1.9rem 1.75rem}.lesson h2{border-bottom:1px solid var(--line-soft);padding-bottom:.65rem;font-size:1.28rem}.lesson-lede{color:var(--ink-soft);margin-top:.55rem;font-size:.9rem}.lesson>p{text-align:justify;margin-top:1.15rem}.code{margin:1.3rem 0 0}.code figcaption{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);background:var(--code-bg);border-radius:8px 8px 0 0;padding:.3rem .9rem .25rem;font-size:.72rem;display:inline-block}.code figcaption:before{content:"$ ";color:var(--ink-soft)}.code pre{background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);border-radius:0 10px 10px;margin:0;padding:1rem 1.1rem;font-size:.83rem;line-height:1.75;overflow-x:auto}.keypoints{background:var(--accent-wash);border:1px solid var(--line-soft);border-radius:12px;margin-top:1.3rem;padding:.95rem 1.25rem 1rem}.keypoints-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:.78rem;font-weight:600}.keypoints-title:before{content:"▤ ";opacity:.7}.keypoints ul{margin:.45rem 0 0;padding-left:1.15rem}.keypoints li{font-size:.92rem}.keypoints li+li{border-top:1px dashed var(--line-soft);margin-top:.4rem;padding-top:.4rem}.keypoints li::marker{color:var(--accent)}.note{background:var(--warn-wash);border:1px solid var(--line-soft);border-left:3px solid var(--warn);border-radius:0 10px 10px 0;margin-top:1.3rem;padding:.7rem 1rem;font-size:.88rem;display:block}.note-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--warn);border:1px solid var(--warn);vertical-align:.1em;border-radius:999px;margin-right:.7em;padding:0 .55em;font-size:.68rem;font-weight:600;display:inline-block}.lesson-actions{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.2rem;display:flex}.term{color:var(--accent-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(21rem,78vw);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--accent);box-shadow:var(--shadow);z-index:10;opacity:0;visibility:hidden;border-radius:10px;padding:.6rem .85rem;font-size:.8rem;line-height:1.7;transition:opacity .12s;position:absolute;bottom:calc(100% + .6em);left:50%;transform:translate(-50%)}.term-tip b{font-family:var(--font-mono);color:var(--accent);margin-bottom:.15rem;font-size:.76rem;display:block}.term:hover .term-tip,.term:focus-visible .term-tip{opacity:1;visibility:visible}.quiz{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1.6rem 1.6rem 1.75rem}.quiz-source{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);background:var(--panel-2);border-radius:999px;padding:.1rem .7rem;font-size:.68rem;display:inline-block}.quiz-question{margin-top:.7rem;font-size:1.1rem;font-weight:650;line-height:1.8}.choices{gap:.55rem;margin-top:1.35rem;display:grid}.choice{text-align:left;background:var(--panel-2);border:1.5px solid #0000;border-radius:10px;align-items:baseline;gap:.85rem;padding:.7rem 3.6rem .7rem .95rem;line-height:1.7;transition:border-color .12s,background .12s;display:flex;position:relative}.choice:not(:disabled):hover{border-color:var(--accent);background:var(--accent-wash)}.choice:disabled{cursor:default}.choice-mark{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:.9rem}.choice-text{font-size:.93rem}.choice-correct{border-color:var(--ok);background:var(--ok-wash)}.choice-wrong{border-color:var(--err);background:var(--err-wash)}.choice-dim{opacity:.4}.grade-mark{font-family:var(--font-mono);pointer-events:none;border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:600;animation:.18s ease-out chip;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.grade-ok{color:var(--accent-ink);background:var(--ok)}.grade-ng{color:#fff;background:var(--err)}@keyframes chip{0%{opacity:0;transform:translateY(-50%)scale(1.4)}to{opacity:1;transform:translateY(-50%)scale(1)}}.feedback{border-top:1px solid var(--line-soft);margin-top:1.4rem;padding-top:1.1rem}.verdict{font-family:var(--font-mono);font-size:.95rem;font-weight:600}.verdict-ok{color:var(--ok)}.verdict-ng{color:var(--err)}.verdict-srs{font-family:var(--font-sans);color:var(--ink-soft);margin-left:.75em;font-size:.8rem;font-weight:400}.explanation{background:var(--accent-wash);border:1px solid var(--line-soft);border-left:3px solid var(--accent);text-align:justify;border-radius:0 10px 10px 0;margin-top:.75rem;padding:.8rem 1.1rem;font-size:.9rem}.feedback .primary{margin-top:1.2rem}.empty{text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:14px;padding:3.25rem 1rem;font-size:1.05rem}.empty-sub{color:var(--ink-soft);margin-top:.5rem;font-size:.88rem}.empty .primary{margin-top:1.5rem}.primary{background:var(--accent);color:var(--accent-ink);letter-spacing:.08em;border-radius:999px;padding:.55rem 1.7rem;font-size:.92rem;font-weight:600;transition:background .12s,transform .12s;display:inline-block}.primary:hover{background:var(--accent-deep);transform:translateY(-1px)}.ghost{color:var(--ink-soft);letter-spacing:.08em;text-underline-offset:.3em;font-size:.88rem;text-decoration:underline}.ghost:hover{color:var(--accent)}@media (width<=30rem){.masthead{flex-direction:column;align-items:flex-start}.stats{justify-content:space-between;width:100%}.stats div{flex:1;min-width:0}.toc li:nth-child(n){margin-left:0}.toc li:not(:first-child):before{display:none}.lesson,.quiz{padding:1.25rem 1rem}}