html.top-mode{color-scheme:light}html.top-mode body{background:#fdfdfb}.top{--paper:#fdfdfb;--grid:#e3e7ef;--ink:#20232c;--ink-soft:#5a6070;--margin-line:#f06e6e8c;--mk-yellow:#fff200bf;--mk-blue:#4dd8ff8c;--mk-pink:#ff4fa073;--gutter:44px;height:100dvh;color:var(--ink);background:linear-gradient(90deg, transparent calc(var(--gutter) - 1px), var(--margin-line) calc(var(--gutter) - 1px), var(--margin-line) calc(var(--gutter) + 1px), transparent calc(var(--gutter) + 1px)), linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 18px 18px, var(--paper);font-family:Klee One,Zen Kaku Gothic New,system-ui,sans-serif;overflow-y:auto}.top:before{content:"";pointer-events:none;background:radial-gradient(circle at 7px 7px,#e9ebf0 6px,#c9cdd6 6.5px,#0000 7.5px) 0 20px/14px 72px repeat-y;width:14px;position:fixed;top:0;bottom:0;left:12px}.sheet{min-height:100%;padding:max(20px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) calc(var(--gutter) + 16px);grid-template:"cover""doodle"minmax(0,1fr)"toc""foot"/1fr;align-content:center;gap:18px;max-width:1080px;margin:0 auto;display:grid}.cover{grid-area:cover}.cover p,.cover h1{margin:0}.cover-kicker{letter-spacing:.2em;color:var(--ink-soft);font-size:14px;font-weight:600}.cover-title{white-space:nowrap;letter-spacing:.06em;font-size:clamp(3rem,15vw,5.6rem);font-weight:600;line-height:1.15}.cover-title span{background:linear-gradient(transparent 50%, var(--mk-yellow) 50%, var(--mk-yellow) 92%, transparent 92%);padding:0 .1em}.cover-sub{white-space:nowrap;font-size:clamp(14px,4.4vw,17px);margin-top:6px!important}.doodle{grid-area:doodle;place-items:center;min-height:0;margin:0;display:grid}.doodle svg{width:100%;max-width:420px;max-height:100%;transform:rotate(-2deg)}.doodle .ink{stroke:var(--ink)}.doodle .orb{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.doodle .sign{text-anchor:middle;fill:var(--ink);font-family:Bungee,system-ui,sans-serif;font-size:18px}.doodle .weights rect{fill:#ff4fa073;stroke:var(--ink);stroke-width:1px}.doodle .zero{fill:none;stroke:#e0322b;stroke-width:3px;stroke-dasharray:5 4}.doodle .zero-text{text-anchor:middle;fill:#e0322b;font-size:15px;font-weight:600}.doodle .ratio{text-anchor:middle;fill:var(--ink);font-family:Bungee,system-ui,sans-serif;font-size:15px}.toc{grid-area:toc}.toc h2{margin:0;font-size:22px;font-weight:600}.toc h2 span{background:linear-gradient(transparent 50%, var(--mk-blue) 50%, var(--mk-blue) 92%, transparent 92%);padding:0 .15em}.toc-chapter{color:var(--ink-soft);border-bottom:1.5px dashed var(--ink-soft);margin:6px 0 14px;padding-bottom:2px;font-size:14px}.toc-chapters{gap:10px;display:grid}.toc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lesson{border:2.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);color:var(--ink);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;text-decoration:none;transition:transform 70ms,box-shadow 70ms;display:grid}.lesson:active{box-shadow:none;transform:translate(3px,3px)}.lesson:focus-visible{outline-offset:3px;outline:3px solid #2f6fd0}.lesson-num{border:2.5px solid var(--ink);background:#fff36b;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Bungee,system-ui,sans-serif;font-size:18px;display:grid}.lesson.started .lesson-num{background:#7cff6b}.lesson-body{flex-direction:column;min-width:0;display:flex}.lesson-name{white-space:nowrap;font-size:clamp(16px,4.8vw,18px);font-weight:600;line-height:1.35}.lesson-desc{color:var(--ink-soft);font-size:12px;line-height:1.5}.lesson-progress{color:#c98600;font-size:12px}.lesson-go{border:2.5px solid var(--ink);background:#fff36b;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.lesson:hover .lesson-name{background:linear-gradient(transparent 55%, var(--mk-yellow) 55%, var(--mk-yellow) 92%, transparent 92%)}.soon{color:#9aa0ad;border:2px dashed #c9cdd6;border-radius:12px;padding:6px 14px;font-size:14px}.top-foot{color:var(--ink-soft);grid-area:foot;font-size:12px}.top-foot p{margin:0}.top-foot a{color:var(--ink-soft)}@media (width<=759px){.doodle{display:none}.toc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson{box-shadow:2px 2px 0 var(--ink);grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 8px 8px 6px}.lesson-num{width:30px;height:30px;font-size:14px}.lesson-name{white-space:normal;font-size:clamp(12px,3.6vw,15px);line-height:1.3}.lesson-progress{font-size:11px}.lesson-go{display:none}.sheet{grid-template-rows:auto auto auto;align-content:start}.lesson-desc{display:none}}@media (width<=380px){.lesson{grid-template-columns:minmax(0,1fr);padding:8px 8px 6px 12px;position:relative}.lesson-num{border-width:2px;width:22px;height:22px;font-size:11px;position:absolute;top:-9px;left:-7px}.lesson-name{font-size:13px}}@media (width<=759px) and (height<=620px){.cover-sub{display:none}.cover-title{font-size:clamp(2.2rem,12vw,3rem)}}@media (width<=759px) and (height<=700px){.cover-kicker{display:none}.toc-chapter{margin:2px 0 6px}.toc-list{gap:6px}.lesson{gap:10px;padding:4px 10px 4px 6px}.lesson-num{width:32px;height:32px;font-size:15px}.lesson-go{width:30px;height:30px}.lesson-progress{font-size:11px;line-height:1.3}}@media (height<=640px) and (width<=759px){.doodle,.soon,.lesson-desc,.top-foot p{display:none}.sheet{grid-template-rows:auto auto auto;gap:12px}.cover-title{font-size:clamp(2.4rem,13vw,3.4rem)}}@media (width>=760px){.top{--gutter:64px}.top:before{background-size:18px 72px;width:18px;left:20px}.sheet{grid-template:"cover doodle""toc toc""foot foot"/minmax(0,1fr) minmax(0,1fr);gap:18px 40px;padding-top:28px;padding-bottom:20px}.doodle svg{max-width:420px;max-height:200px}.cover-title{font-size:clamp(2.8rem,6.5vw,5.6rem)}.toc-chapters{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;column-gap:28px}}@media (width>=760px) and (height<=760px){.cover-title{font-size:clamp(2.6rem,7vw,4rem)}.lesson-desc{display:none}}@media (prefers-reduced-motion:reduce){.lesson{transition:none}}