:root{--bg: #f3f5f9;--paper: #ffffff;--ink: #15213a;--ink2: #2a3755;--muted: #55627d;--line: #d8dfea;--soft: #eaeff7;--accent: #1f4e9c;--accent-ink: #ffffff;--accent-soft: #e2eafa;--gold: #9a6514;--ok: #1d7a46;--ok-soft: #e3f4ea;--ng: #b3261e;--ng-soft: #fbe9e7;--warn: #8a5a00;--warn-soft: #fdf3dc;--self: #5b3fa8;--self-soft: #efeafb;--code-bg: #f6f8fb;--code-line: #e1e6ef;--cm-kw: #7a2fa5;--cm-str: #1f6f43;--cm-num: #a24b00;--cm-com: #6b7690;--cm-fn: #1d4fa0;--cm-op: #3a4766;--shadow: 0 8px 24px #1a2a4d10;--radius: 10px;--rail: 220px;--top: 60px;--tab: 60px;--fs: 16px;--measure: 72ch;--font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light}:root[data-theme=dark]{--bg: #0e1524;--paper: #161f33;--ink: #e7ecf7;--ink2: #cfd7ea;--muted: #a3b0ca;--line: #2c3753;--soft: #1d2740;--accent: #8fb5ff;--accent-ink: #0e1524;--accent-soft: #223559;--gold: #e6b56a;--ok: #6fd39a;--ok-soft: #173426;--ng: #ff8f86;--ng-soft: #3a1c1c;--warn: #f2c467;--warn-soft: #372c13;--self: #c4b2ff;--self-soft: #2a2347;--code-bg: #111a2c;--code-line: #26324c;--cm-kw: #d6a4ff;--cm-str: #8fe0ad;--cm-num: #ffb871;--cm-com: #8794b0;--cm-fn: #9cc2ff;--cm-op: #c8d1e6;--shadow: 0 8px 24px #0004;color-scheme:dark}:root[data-fs=s]{--fs: 14.5px}:root[data-fs=l]{--fs: 18px}:root[data-fs=xl]{--fs: 20px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs);line-height:1.8;overflow-wrap:anywhere}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-underline-offset:2px}img{max-width:100%}h1,h2,h3{line-height:1.45;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);margin:.2em 0 .4em}h2{font-size:1.3rem;margin:1.6em 0 .6em}h3{font-size:1.08rem;margin:1.4em 0 .4em}p{margin:.6em 0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:#cfdcf7;color:#14213d}.small{font-size:.86em}.tiny{font-size:.72em}.muted{color:var(--muted)}.strong{font-weight:600}.lead{font-size:1.05em;color:var(--ink2);max-width:var(--measure)}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--accent);font-weight:700;margin:0;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.row{display:flex;gap:8px;align-items:center}.row.wrap,.wrap{flex-wrap:wrap}.spacer{flex:1}.mid{font-family:var(--mono);font-size:.85em;color:var(--muted);font-weight:600}.boot-msg{padding:40px;color:var(--muted)}.skip{position:fixed;left:12px;top:-80px;z-index:300;background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:6px}.skip:focus{top:8px}.top{position:fixed;inset:0 0 auto;height:calc(var(--top) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:14px;background:var(--paper);border-bottom:1px solid var(--line);z-index:50}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}.brand-icon{width:32px;height:32px;border-radius:8px;background:#1f4e9c;display:grid;place-items:center;flex:none}.brand-text strong{display:block;font-size:15px;line-height:1.2;white-space:nowrap}.brand-text small{display:block;font-size:10.5px;color:var(--muted);line-height:1.3;white-space:nowrap}.search-trigger{display:flex;align-items:center;gap:10px;flex:0 1 380px;min-width:0;height:38px;padding:0 12px;border:1px solid var(--line);background:var(--bg);border-radius:9px;color:var(--muted);cursor:pointer;font-size:13px;margin-left:12px}.search-trigger .st-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--paper)}.top-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.save-ind{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;color:var(--muted);background:var(--paper);text-decoration:none}.save-ind.ok:before{content:"\2713  ";color:var(--ok)}.save-ind.busy:before{content:"\2026  "}.save-ind.err{color:var(--ng);border-color:var(--ng);background:var(--ng-soft);cursor:pointer}.save-ind.err:before{content:"\26a0  "}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink)}.rail{position:fixed;top:calc(var(--top) + env(safe-area-inset-top));bottom:0;left:0;width:var(--rail);padding:14px 10px calc(14px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow-y:auto;border-right:1px solid var(--line);background:var(--paper);z-index:40}.rail ul{list-style:none;margin:0;padding:0}.rail a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--ink2);text-decoration:none;font-size:14px;line-height:1.4}.rail a:hover{background:var(--soft)}.rail a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.rail .count,.tabbar .count{margin-left:auto;background:var(--ng);color:#fff;font-size:11px;border-radius:999px;padding:0 7px;line-height:18px;font-weight:700}.rail-foot{padding:12px 10px}main{margin-left:var(--rail);padding:calc(var(--top) + env(safe-area-inset-top) + 24px) max(28px,env(safe-area-inset-right)) 64px 28px;min-height:100dvh;outline:none}.tabbar,.scrim{display:none}.page{max-width:880px;margin:0 auto}.page.wide{max-width:1180px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 14px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none;font-size:.92rem;line-height:1.3;font-weight:500;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--ng);border-color:var(--ng)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{border-color:var(--line);color:var(--ink)}.btn.sm{min-height:32px;padding:4px 10px;font-size:.85rem}.btn.xs{min-height:28px;padding:2px 8px;font-size:.8rem}.btn.lg{min-height:46px;padding:10px 20px;font-size:1rem}.btn.block{width:100%}.btn.on,.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;padding:1px 9px;border-radius:999px;background:var(--soft);color:var(--ink2);border:1px solid var(--line);line-height:1.7;white-space:nowrap;text-decoration:none}.chip.plan{background:var(--accent-soft);color:var(--accent);border-color:transparent}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.crit{background:var(--ng-soft);color:var(--ng);border-color:transparent;font-weight:700}.chip.muted{color:var(--muted)}.tag{display:inline-block;font-size:.75rem;padding:0 7px;border-radius:5px;background:var(--soft);color:var(--muted);margin-left:6px;line-height:1.7;white-space:nowrap}.tag.ok{background:var(--ok-soft);color:var(--ok);font-weight:600}.tag.ng{background:var(--ng-soft);color:var(--ng);font-weight:600}.tag.warn{background:var(--warn-soft);color:var(--warn)}.badge{font-size:.78rem;padding:1px 8px;border-radius:6px;background:var(--soft);color:var(--muted);white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok);font-weight:600}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.self{background:var(--self-soft);color:var(--self);font-weight:600}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:16px 0;box-shadow:var(--shadow)}.card>h2:first-child,.card>summary h2{margin-top:.1em}details.card>summary{cursor:pointer;font-weight:600}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);margin:12px 0}.banner.info{background:var(--accent-soft);border-color:transparent}.banner.warn{background:var(--warn-soft);border-color:transparent;color:var(--ink)}.banner.err{background:var(--ng-soft);border-color:var(--ng)}.banner.ok{background:var(--ok-soft);border-color:transparent}.empty{padding:28px;text-align:center;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);margin:16px 0}.loading{display:flex;gap:10px;align-items:center;color:var(--muted);padding:24px 0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.crumbs ol{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:4px;font-size:.82rem;color:var(--muted)}.crumbs li+li:before{content:"\203a";margin:0 6px 0 2px;color:var(--muted)}.crumbs a{color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:12px 0 16px;overflow-x:auto;scrollbar-width:thin}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:8px 12px;cursor:pointer;color:var(--muted);white-space:nowrap;font-size:.92rem}.tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:600}.bar-row{margin:10px 0 14px}.bar-label{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.bar{height:9px;background:var(--soft);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:99px}.lvpill{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--mono);font-size:.76rem;font-weight:700;padding:0 8px;border-radius:6px;background:var(--soft);color:var(--muted);white-space:nowrap;line-height:1.8}.lvpill.lv1{background:#e8f0fc;color:#24548f}.lvpill.lv2{background:#dceafc;color:#1d4a86}.lvpill.lv3{background:var(--ok-soft);color:var(--ok)}.lvpill.lv4{background:#fff1d6;color:#7a4c00}:root[data-theme=dark] .lvpill.lv1,:root[data-theme=dark] .lvpill.lv2{background:#1f3156;color:#a9c6ff}:root[data-theme=dark] .lvpill.lv4{background:#3a2c10;color:#f2c467}.lvpill .tiny{font-family:var(--font);font-weight:500}.filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:12px 0}.filters label,.form label,.row>label{display:flex;flex-direction:column;gap:3px;font-size:.82rem;color:var(--muted)}.filters .grow{flex:1 1 200px}input[type=text],input[type=search],input[type=number],input[type=date],input[type=url],select,textarea{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-height:38px;color:var(--ink);max-width:100%;font-size:.95rem}textarea{width:100%;line-height:1.7;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:8px 0}.kv dt{color:var(--muted);font-size:.86em}.kv dd{margin:0}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding-left:1.6em;margin:.35em 0}.checklist li:before{content:"\2713";position:absolute;left:.2em;color:var(--accent);font-weight:700}.md{max-width:var(--measure)}.md>:first-child{margin-top:0}.md p,.md li{line-height:1.85}.md ul,.md ol{padding-left:1.5em;margin:.5em 0}.md li+li{margin-top:.25em}.md blockquote{margin:1em 0;padding:10px 16px;border-left:4px solid var(--gold);background:var(--warn-soft);border-radius:0 8px 8px 0;color:var(--ink)}.md blockquote p{margin:.3em 0}.md code,.md-inline code{font-family:var(--mono);font-size:.88em;background:var(--code-bg);border:1px solid var(--code-line);padding:.05em .35em;border-radius:4px}.md strong{color:var(--ink)}.md h3,.md h4{margin-top:1.3em}.md hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}.table-wrap{overflow-x:auto;max-width:100%;margin:.8em 0;border:1px solid var(--line);border-radius:8px;background:var(--paper);-webkit-overflow-scrolling:touch}.table-wrap table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.9em}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top;line-height:1.6;max-width:32em}.table-wrap thead th{background:var(--soft);font-weight:600;position:sticky;top:0}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.92em}.table-wrap td.null{color:var(--muted);font-style:italic}.data.matrix td.lv-3{font-weight:700;color:var(--accent)}.data tr.hl td,.data tr.hl th{background:var(--accent-soft)}.data tr.neg td{color:var(--ng)}.code-wrap{margin:.9em 0}pre.code,.out-pre{font-family:var(--mono);font-size:.86em;line-height:1.6;background:var(--code-bg);border:1px solid var(--code-line);border-radius:8px;padding:12px 14px;overflow-x:auto;white-space:pre;margin:0;tab-size:4}pre.code[data-lang]:not([data-lang=""]):before{content:attr(data-lang);display:block;font-size:.75em;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}.math-display{display:block;overflow-x:auto;overflow-y:hidden;padding:4px 0}.katex{font-size:1.06em}.katex-display{margin:.6em 0}.runner{border:1px solid var(--line);border-radius:10px;margin:1em 0;background:var(--paper);overflow:hidden}.runner-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 10px;background:var(--soft);border-bottom:1px solid var(--line)}.runner-lang{font-family:var(--mono);font-size:.8rem;font-weight:700}.runner-lang .muted{font-family:var(--font);font-weight:400;margin-left:6px}.runner .editor{border:0;border-radius:0}.runner .output{padding:0 10px 10px}.editor{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--code-bg)}.editor .cm-editor{font-size:.88em;max-height:520px}.editor .cm-editor.cm-focused{outline:2px solid var(--accent);outline-offset:-2px}.editor .cm-scroller{font-family:var(--mono);line-height:1.6}.editor .cm-gutters{background:var(--soft);border-right:1px solid var(--line);color:var(--muted)}.editor .cm-activeLine{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}.editor .cm-activeLineGutter{background:var(--accent-soft)}.editor .cm-content{caret-color:var(--ink);min-height:4.8em}.editor .cm-cursor{border-left-color:var(--ink)}.editor .cm-selectionBackground,.editor .cm-focused .cm-selectionBackground{background:#b9cdf5!important}:root[data-theme=dark] .editor .cm-selectionBackground{background:#2e4a80!important}.editor-fallback{display:block;width:100%;border:0;border-radius:0;background:var(--code-bg);font-family:var(--mono);font-size:.88em;line-height:1.6;padding:8px 12px;white-space:pre;overflow-x:auto}.output{margin-top:8px;display:grid;gap:8px}.output .out-pre{max-height:420px;overflow:auto;background:var(--paper)}.out-fig{max-width:100%;height:auto;background:#fff;border-radius:6px;border:1px solid var(--line)}.out-error{border:1px solid var(--ng);background:var(--ng-soft);border-radius:8px;padding:10px 12px}.err-head{font-family:var(--mono);font-size:.88em;color:var(--ng);font-weight:600;white-space:pre-wrap}.out-error details summary{cursor:pointer;font-size:.82em;color:var(--muted);margin:4px 0}.explain{margin-top:8px;font-size:.9em;background:var(--paper);border-radius:6px;padding:8px 12px}.explain-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.explain ul{margin:2px 0;padding-left:1.2em}.lbl{display:block;font-size:.76rem;font-weight:700;color:var(--muted);letter-spacing:.04em;margin-bottom:2px}.runner-status{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);padding:4px 10px}.runner-status.err{color:var(--ng)}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.lesson{min-width:0}.lesson-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.lesson-title{margin-top:.2em}.lesson-no{font-family:var(--mono);font-size:.6em;color:var(--muted);display:block}.lsec{scroll-margin-top:calc(var(--top) + 16px);border-top:1px solid var(--line);padding-top:.4em;margin-top:1.6em}.lsec>h2{margin-top:.6em}.lsec.goals{border-top:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:4px 20px 10px}.lsec.before{background:var(--soft);border:0;border-radius:var(--radius);padding:4px 20px 12px}.lsec.summary{background:var(--accent-soft);border:0;border-radius:var(--radius);padding:4px 20px 12px}details.advanced{border:1px dashed var(--line);border-radius:var(--radius);padding:0 18px;background:var(--paper)}details.advanced>summary{cursor:pointer;list-style:none}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px}details.advanced>summary h2:before{content:"\25b8";color:var(--muted)}details.advanced[open]>summary h2:before{content:"\25be"}.mistake{border-left:4px solid var(--ng);background:var(--paper);padding:2px 18px 10px;border-radius:0 var(--radius) var(--radius) 0;margin:14px 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mistake h3{margin-top:.6em}.faq{border-bottom:1px solid var(--line);padding:8px 0}.faq summary{cursor:pointer;font-weight:600}.faq .md{padding:4px 0 4px 1.2em}.gloss{display:grid;grid-template-columns:minmax(8em,max-content) 1fr;gap:8px 18px}.gloss dt{font-weight:700}.gloss dt .en{display:block;font-weight:400;font-size:.8em;color:var(--muted)}.gloss dd{margin:0}.gloss.big{grid-template-columns:minmax(9em,16em) 1fr}.read-box{margin:32px 0 16px;padding:18px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.lesson-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:20px 0}.lesson-nav .btn{white-space:normal;text-align:left;max-width:100%}.lesson-side .sticky{position:sticky;top:calc(var(--top) + 20px);max-height:calc(100dvh - var(--top) - 40px);overflow-y:auto;padding-right:4px}.side-block{margin-bottom:18px}.side-block .row{margin:6px 0;flex-wrap:wrap}.toc{list-style:none;padding:0;margin:0;font-size:.85rem;border-left:2px solid var(--line)}.toc li a{display:block;padding:3px 0 3px 12px;color:var(--muted);text-decoration:none;line-height:1.45;margin-left:-2px;border-left:2px solid transparent}.toc li a:hover{color:var(--ink)}.toc li.here a{color:var(--accent);border-left-color:var(--accent);font-weight:600}.notebox textarea{font-size:.9rem;min-height:9em}.mobile-tabs{display:none}.resume{justify-content:space-between}.exercise{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px 16px;margin:14px 0;box-shadow:var(--shadow)}.ex-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ex-label{font-size:.78rem;font-weight:700;color:var(--accent);letter-spacing:.05em}.ex-title{margin:.3em 0 .4em;font-size:1.1rem}.ex-prompt{margin-bottom:10px}.ex-body{display:grid;gap:10px}.ex-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.ex-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hints{margin:10px 0 0;padding-left:0;list-style:none;display:grid;gap:8px}.hints li{background:var(--warn-soft);border-radius:8px;padding:8px 12px}.verdict{margin-top:12px;padding:10px 14px;border-radius:8px;border:1px solid;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.verdict .ico{font-weight:800;font-size:1.1em}.verdict ul{flex-basis:100%;margin:4px 0 0;padding-left:1.3em}.verdict .small{flex-basis:100%}.verdict.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ink)}.verdict.ok .ico,.verdict.ok strong{color:var(--ok)}.verdict.ng{background:var(--ng-soft);border-color:var(--ng)}.verdict.ng .ico,.verdict.ng strong{color:var(--ng)}.verdict.self{background:var(--self-soft);border-color:var(--self)}.verdict.self .ico,.verdict.self strong{color:var(--self)}.verdict-inline{font-weight:700}.verdict-inline.ok{color:var(--ok)}.verdict-inline.ng{color:var(--ng)}.explanation,.reveal,.model{margin-top:12px;padding:10px 14px;border-radius:8px;background:var(--soft)}.reveal{background:var(--warn-soft)}.reveal pre.code{background:var(--paper);margin:6px 0}.choices{display:grid;gap:6px;margin:6px 0}.choice{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--paper);text-align:left;line-height:1.6}.choice input{margin-top:.35em;flex:none}.choice:hover{border-color:var(--accent)}.choice.sel{border-color:var(--accent);background:var(--accent-soft)}.choice.is-answer{border-color:var(--ok);background:var(--ok-soft)}.choice.is-wrong{border-color:var(--ng);background:var(--ng-soft)}.choice-key{font-family:var(--mono);font-weight:700;color:var(--muted);flex:none}.choice .tag{margin-left:auto}.choice.btnlike{width:100%;font-size:inherit}.why{margin-top:8px;padding:8px 12px;border-radius:8px;background:var(--soft)}.why.ok{background:var(--ok-soft)}.why.ng{background:var(--ng-soft)}.quiz .q{border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:0 0 12px;background:var(--paper);min-width:0}.quiz .q legend{padding:0 4px;font-weight:600;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;max-width:100%}.quiz .q.ok{border-color:var(--ok)}.quiz .q.ng{border-color:var(--ng)}.qn{font-family:var(--mono);color:var(--accent);font-weight:700}.q-feedback{margin-top:8px}.num-fields{display:grid;gap:10px}.num-field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 12px;align-items:center}.num-input{display:flex;align-items:center;gap:6px}.num-input input{width:9em;text-align:right;font-family:var(--mono)}.unit{color:var(--muted);font-size:.9em}.mark.ok{color:var(--ok);font-weight:700}.mark.ng{color:var(--ng);font-weight:700}textarea.written{min-height:12em}.rubric{border:1px solid var(--line);border-radius:8px;padding:8px 14px}.rubric legend{font-weight:600;font-size:.9rem;padding:0 4px}.rubric-item{display:flex;gap:8px;align-items:flex-start;padding:4px 0}.rubric-item input{margin-top:.4em}.preview{display:grid;gap:6px}.preview details summary{cursor:pointer;font-size:.9rem}.preview-box{border:1px solid var(--line);border-radius:8px;padding:12px 16px;min-height:8em}.hero{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:32px;margin-bottom:18px;box-shadow:var(--shadow)}.hero h1{margin-top:.3em}.home-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px}.home-head h1{margin:.1em 0}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.next-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.na a{display:grid;gap:2px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:var(--ink);border-left:4px solid var(--accent)}.na-review a{border-left-color:var(--gold)}.na-resume a{border-left-color:var(--ok)}.na a:hover{background:var(--soft)}.na-title{font-weight:600}.mini-stats{display:flex;flex-wrap:wrap;gap:6px 18px}.recent{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.field-group h2{display:flex;align-items:center;gap:10px}.fid{font-family:var(--mono);background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:0 8px;font-size:.8em}.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.mod-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);transition:border-color .15s;min-width:0}.mod-card:hover{border-color:var(--accent)}.mc-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mc-title{font-weight:700;line-height:1.45}.mc-goal{line-height:1.55}.mc-foot{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:var(--muted);margin-top:auto;padding-top:6px}.lvs{display:flex;gap:4px;font-family:var(--mono)}.lvd{font-size:.85em}.lvd.hl{color:var(--accent);font-weight:700}.mod-head .row{margin:6px 0}.lesson-list{list-style:none;padding:0;margin:0}.ll{display:grid;grid-template-columns:1.6em 3em minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:9px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.ll:hover{background:var(--soft)}.ll.unwritten .ll-t{color:var(--muted)}.ll-no{font-family:var(--mono);color:var(--muted);font-size:.85em}.st{color:var(--accent)}.st-none{color:var(--line)}.prereq,.req-list{list-style:none;padding:0}.prereq li,.req-list li{padding:4px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.req-field h3{font-size:.95rem;margin-top:1em}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.track-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;border-top:4px solid var(--accent);display:flex;flex-direction:column;gap:4px}.track-card h2{margin:.2em 0;font-size:1.15rem}.track-card .btn{margin-top:auto;align-self:flex-start}.t-ml{border-top-color:#2d8fb3}.t-dx{border-top-color:#2a8f7a}.t-rs{border-top-color:#6a55b8}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.topic-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);min-width:0}a.topic-card:hover{border-color:var(--accent)}.cat-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.phase{border-left:3px solid var(--accent);padding-left:16px;margin:18px 0}.stat{display:flex;flex-direction:column;padding:10px 14px;border:1px solid var(--line);border-radius:8px}.stat strong{font-size:1.3em;color:var(--accent)}.plan-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ps-main h2{margin:.1em 0}.ps-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px 18px;margin:0}.ps-stats dt{font-size:.78rem;color:var(--muted)}.ps-stats dd{margin:0;font-size:1.2rem;font-weight:700}.weeks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.week{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.week.first{border-color:var(--accent);background:var(--accent-soft)}.week ul{list-style:none;padding:0;margin:4px 0 0;font-size:.9rem}.wk-head{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.weeks.compact{grid-template-columns:1fr;gap:2px}.route-list{list-style:none;padding:0;counter-reset:r}.route-list li{counter-increment:r;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:8px 0;border-bottom:1px solid var(--line)}.route-list li:before{content:counter(r);font-family:var(--mono);color:var(--muted);width:2.2em;flex:none}.route-list li.pinned{background:var(--accent-soft)}.rl-main{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 300px;min-width:0}.rl-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.add-mod{margin-top:12px;align-items:flex-end}.add-mod select{max-width:70vw}.form fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:12px 18px 16px;margin:0 0 14px;min-width:0}.form legend{font-weight:700;padding:0 6px}.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.opt{display:flex!important;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--ink)!important;font-size:.95rem!important}.opt input{position:absolute;opacity:0;pointer-events:none}.opt.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.opt:focus-within{outline:3px solid var(--accent);outline-offset:2px}.days{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.day,.likert label{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--ink)!important;position:relative}.day input,.likert input{position:absolute;opacity:0;pointer-events:none}.day.sel,.likert label.sel{background:var(--accent);color:var(--accent-ink)!important;border-color:var(--accent)}.day:focus-within,.likert label:focus-within{outline:3px solid var(--accent);outline-offset:2px}.likert{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}.likert>span{width:8em}.form-errors{color:var(--ng)}.chk{display:inline-flex!important;flex-direction:row!important;gap:6px;align-items:center;color:var(--ink)!important;font-size:.9rem!important;margin-right:12px}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 14px;margin:8px 0}.ws-field{display:flex;flex-direction:column;gap:3px;font-size:.82rem;color:var(--muted)}.ws-field input,.ws-field textarea,.ws-field select{color:var(--ink);font-size:.95rem}.scores{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0;align-items:center}.score{display:flex;gap:6px;align-items:center;font-size:.86rem}.unk{color:var(--warn);font-size:.85em;font-style:italic}.data.edit input,.data.edit select{min-width:9em;min-height:32px;padding:3px 6px}.canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 14px}.sim-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 12px;margin-bottom:12px}.chart{width:100%;height:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px}.legend{display:inline-flex;align-items:center;gap:6px}.sw{width:14px;height:4px;border-radius:2px;display:inline-block}.danger-zone{border-color:var(--ng)}.dialog-backdrop{position:fixed;inset:0;background:#0b1324a6;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:max(8vh,env(safe-area-inset-top)) 12px 12px}.dialog{background:var(--paper);border-radius:12px;width:min(680px,100%);max-height:80dvh;overflow:auto;box-shadow:0 20px 60px #0006}.search-row{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper)}.search-row input{flex:1;min-width:0;font-size:1rem}.pad{padding:4px 14px 12px}.hits{list-style:none;padding:6px;margin:0}.hits a{display:flex;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink);align-items:flex-start}.hits a:hover,.hits a.active{background:var(--accent-soft)}.kind{font-size:.7rem;padding:1px 6px;border-radius:4px;background:var(--soft);color:var(--muted);flex:none;margin-top:3px;white-space:nowrap}.k-l{background:var(--accent-soft);color:var(--accent)}.k-g{background:var(--self-soft);color:var(--self)}.k-n{background:var(--warn-soft);color:var(--warn)}.hit-main{display:grid;min-width:0}.hit-title{font-weight:600}.hit-snip{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.initials{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.note-card .note-text{white-space:pre-wrap}.note-card h2{font-size:1rem;margin:0}.link-list{padding-left:1.2em}.link-list li{margin:4px 0}.import-preview{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px}@media (max-width: 1100px){.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-side{display:none}.mobile-tabs{display:block;position:sticky;top:calc(var(--top) + env(safe-area-inset-top));z-index:20;background:var(--bg)}.mobile-tabs .tabs{margin:8px 0}.mobile-panel{margin:12px 0}}@media (max-width: 860px){:root{--top: 54px}.rail{transform:translate(-105%);transition:transform .2s;top:calc(var(--top) + env(safe-area-inset-top));bottom:calc(var(--tab) + env(safe-area-inset-bottom));box-shadow:var(--shadow);width:min(280px,85vw)}.rail.open{transform:none}.scrim{display:block;position:fixed;inset:0;background:#0006;z-index:35}main{margin-left:0;padding:calc(var(--top) + env(safe-area-inset-top) + 14px) max(16px,env(safe-area-inset-right)) calc(var(--tab) + env(safe-area-inset-bottom) + 28px) max(16px,env(safe-area-inset-left))}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);z-index:60}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;position:relative}.tabbar .active{color:var(--accent);font-weight:700}.tabbar .count{position:absolute;top:4px;right:calc(50% - 22px);margin:0}.brand-text small{display:none}.search-trigger{margin-left:0;flex:1 1 auto}.search-trigger kbd{display:none}.home-grid{grid-template-columns:minmax(0,1fr)}.card{padding:14px 16px}.hero{padding:20px}.explain-cols{grid-template-columns:1fr}.ps-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.brand-text{display:none}.save-ind{font-size:11px;padding:3px 8px;max-width:34vw;overflow:hidden;text-overflow:ellipsis}.search-trigger .st-label{font-size:12px}.gloss,.gloss.big{grid-template-columns:1fr;gap:2px}.gloss dd{margin-bottom:10px}.num-field{grid-template-columns:1fr}.ll{grid-template-columns:1.4em 2.6em minmax(0,1fr)}.ll-meta{grid-column:3}.exercise{padding:12px}.lsec.goals,.lsec.before,.lsec.summary{padding-left:14px;padding-right:14px}.kv{grid-template-columns:1fr}.kv dd{margin-bottom:6px}.mod-grid,.track-grid,.topic-grid{grid-template-columns:minmax(0,1fr)}.likert>span{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.top,.rail,.tabbar,.lesson-side,.mobile-tabs,.ex-tools,.ex-actions,.lesson-nav,.read-box,.runner-bar,.skip{display:none!important}main{margin:0;padding:0}body{background:#fff;color:#000;font-size:11pt}.card,.exercise{box-shadow:none;break-inside:avoid}details.advanced{display:block}a{color:#000}}.row>label,.filters label,.ws-field,.form label{max-width:100%;min-width:0}.row>label>select,.filters select,.form select,.ws-field select{max-width:100%;text-overflow:ellipsis}@media (max-width: 520px){.filters label:not(.grow){flex:1 1 140px}.filters select{width:100%}}.listen{border:1px solid var(--line);border-radius:10px;margin:1em 0;overflow:hidden;background:var(--paper)}.listen-script{white-space:pre-wrap;border:0;border-radius:0;font-family:var(--font)}.quiz .q>legend.q-legend{display:block;float:left;width:100%;padding:0;margin-bottom:2px}.quiz .q>legend.q-legend+*{clear:both}.quiz .q-legend .chip{margin-left:8px}.q-text{font-weight:600}.q-text .md p{margin:.2em 0 .5em}.choice.dunno{color:var(--muted);border-style:dashed}.colab{margin-top:6px}.runner .colab{padding:0 10px 8px}.colab-info{margin-top:6px;padding:8px 10px;border:1px dashed var(--line);border-radius:8px;background:var(--soft);line-height:1.6}.colab-info .ex-actions{margin-top:6px}.colab-script{width:100%;box-sizing:border-box;margin-top:6px;font-family:var(--mono);font-size:.8rem}.badge.selfrep{background:var(--self-soft);color:var(--self);font-weight:600;border:1px dashed var(--self)}@media print{.colab{display:none!important}}.katex,.table-wrap,.math-display,.math-inline-wide,pre.code{position:relative}.math-inline-wide{display:inline-block;max-width:100%;overflow-x:auto;overflow-y:hidden;vertical-align:middle;padding:2px 0}.gl-term{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:help;border-bottom:1px dotted var(--accent);border-radius:0;line-height:inherit;text-align:inherit}.gl-term:hover,.gl-term:focus-visible{background:var(--accent-soft)}.gl-pop{position:fixed;z-index:90;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0003;padding:10px 14px 12px;font-size:.92rem;line-height:1.7;max-height:60dvh;overflow:auto}.gl-pop-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.gl-pop-head .en{color:var(--muted);font-size:.85em}.gl-close{margin-left:auto;background:none;border:0;font-size:1.3em;line-height:1;padding:2px 6px;cursor:pointer;color:var(--muted);border-radius:6px}.gl-close:hover{background:var(--soft)}.gl-pop-def{margin-bottom:6px}@media print{.gl-term{border:0}.gl-pop{display:none}}.pj-meta{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.lesson-content>.lsec{content-visibility:auto;contain-intrinsic-size:auto 900px}@media print{.lesson-content>.lsec{content-visibility:visible}}.btn{max-width:100%}.card>.btn,.card>p>.btn,.btn.wrap{white-space:normal;text-align:center}