:root{--bg:#f5f6f8;--bg-elevated:#fff;--bg-sunken:#eceef2;--text:#1a1d23;--text-muted:#5b6472;--border:#e0e3e8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#e8f0fe;--success:#16a34a;--success-soft:#e7f7ec;--danger:#dc2626;--danger-soft:#fdeaea;--warning:#b45309;--warning-soft:#fef3e0;--kw-def:#8250df;--kw-return:#cf222e;--kw-print:#0969da;--kw-arg:#9a6700;--kw-string:#0a7d3f;--code-bg:#282c34;--code-text:#e6e9ef;--shadow:0 1px 3px #14161e14, 0 1px 2px #14161e0f;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#12141a;--bg-elevated:#1b1e26;--bg-sunken:#0d0f14;--text:#e7e9ee;--text-muted:#9aa3b2;--border:#2b2f3a;--primary:#6ea8fe;--primary-hover:#8fbcff;--primary-soft:#1c2a44;--success:#4ade80;--success-soft:#143222;--danger:#f87171;--danger-soft:#3a1c1c;--warning:#fbbf24;--warning-soft:#3a2c0f;--kw-def:#c9a0ff;--kw-return:#ff8a8a;--kw-print:#79c0ff;--kw-arg:#e3b341;--kw-string:#7ee2a8;--code-bg:#0d0f14;--code-text:#e7e9ee;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.75}#root{min-height:100vh}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}button{font-family:inherit}a{color:var(--primary)}::selection{background:var(--primary-soft)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-shrink:0;width:268px;height:100vh;padding:16px 12px 24px;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:8px;padding:8px 10px 16px;font-size:1.05rem;font-weight:700;display:flex}.sidebar-brand .emoji{font-size:1.3rem}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 10px 6px;font-size:.72rem}.sidebar-nav-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:9px 10px;font-size:.88rem;transition:background .12s;display:flex}.sidebar-nav-item:hover{background:var(--bg-sunken)}.sidebar-nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar-nav-item .chapter-num{background:var(--bg-sunken);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.sidebar-nav-item.active .chapter-num{background:var(--primary);color:#fff}.sidebar-nav-item .chapter-badge{color:var(--success);margin-left:auto;font-size:.68rem;font-weight:700}.sidebar-divider{background:var(--border);height:1px;margin:12px 4px}.sidebar-toggle{display:none}.top-header{z-index:5;background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:12px 24px;display:flex;position:sticky;top:0}.top-header-title{white-space:nowrap;font-size:1rem;font-weight:700}.progress-wrap{flex:1;align-items:center;gap:10px;max-width:420px;display:flex}.progress-bar-track{background:var(--bg-sunken);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--success));border-radius:999px;height:100%;transition:width .3s}.progress-label{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.header-spacer{flex:1}.icon-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;display:inline-flex}.icon-btn:hover{background:var(--bg-sunken)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.main-content{width:100%;max-width:880px;margin:0 auto;padding:28px 32px 80px}.section-heading{margin:32px 0 4px;font-size:1.15rem}.chapter-test-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:20px}.chapter-test-result{text-align:center;padding:12px}.chapter-test-result-title{margin-bottom:4px;font-weight:700}.chapter-test-score{color:var(--primary);margin:4px 0;font-size:1.6rem;font-weight:800}.next-chapter-nav{border-top:1px solid var(--border);justify-content:flex-end;margin-top:32px;padding-top:20px;display:flex}.final-result-message{margin:10px 0 18px;font-size:1.2rem;font-weight:800}.mind-mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.mind-mode-tab{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.85rem}.mind-mode-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-title{margin-bottom:6px;font-size:1.4rem}.page-subtitle{color:var(--text-muted);margin-bottom:22px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .emoji-big{margin-bottom:10px;font-size:2.4rem;display:block}@media (width<=860px){.sidebar{z-index:20;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:inline-flex}.top-header-title{display:none}.main-content{padding:20px 16px 64px}.sidebar-backdrop{z-index:15;background:#0006;position:fixed;inset:0}}.code-block{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius);box-shadow:var(--shadow);margin:14px 0;padding:14px 0;font-size:.86rem;overflow-x:auto}.code-line{white-space:pre;padding:1px 16px;display:flex}.code-line-active{box-shadow:inset 3px 0 0 var(--primary);background:#ffffff14}.code-line-num{text-align:right;color:#5b6472;-webkit-user-select:none;user-select:none;flex-shrink:0;width:2em;margin-right:14px;display:inline-block}.tok-def{color:var(--kw-def);font-weight:700}.tok-return{color:var(--kw-return);font-weight:700}.tok-print{color:var(--kw-print);font-weight:700}.tok-keyword{color:var(--kw-print)}.tok-builtin{color:#56c2c0}.tok-funcname{color:#e0b23e;font-weight:700}.tok-arg{color:var(--kw-arg);font-style:italic}.tok-string{color:var(--kw-string)}.tok-number{color:#d19a66}.tok-comment{color:#6b7280;font-style:italic}.exec-flow{background:var(--bg-sunken);border-radius:var(--radius);border:1px dashed var(--border);margin:16px 0;padding:16px}.exec-flow-title{color:var(--text-muted);margin-bottom:10px;font-size:.8rem;font-weight:700}.exec-flow-item{flex-direction:column;align-items:center;display:flex}.exec-flow-box{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);white-space:pre-wrap;border-radius:8px;min-width:120px;padding:8px 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem}.exec-flow-arrow{color:var(--primary);font-size:1.1rem;font-weight:700;line-height:1.4}.lesson-view{margin-bottom:8px}.lesson-title{margin:0 0 6px;font-size:1.5rem}.lesson-summary{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.key-points-box{background:var(--primary-soft);border-radius:var(--radius);margin-bottom:24px;padding:16px 20px}.key-points-title{color:var(--primary);margin-bottom:8px;font-weight:700}.key-points-box ul{margin:0;padding-left:20px}.key-points-box li{margin-bottom:4px}.lesson-section{margin-bottom:28px}.lesson-section h2{border-left:4px solid var(--primary);margin-bottom:10px;padding-left:10px;font-size:1.15rem}.analogy-box{background:var(--warning-soft);border-radius:8px;margin:10px 0;padding:10px 14px;font-size:.9rem}.analogy-icon{margin-right:6px}.step-through{background:var(--bg-sunken);border-radius:var(--radius);border:1px solid var(--border);margin:16px 0;padding:18px}.step-through-counter{text-align:center;color:var(--text-muted);margin-bottom:10px;font-size:.8rem;font-weight:700}.step-through-box{background:var(--bg-elevated);border:2px solid var(--primary);text-align:center;min-height:32px;box-shadow:var(--shadow);white-space:pre-wrap;border-radius:10px;padding:18px;font-family:SFMono-Regular,Consolas,monospace;font-size:1rem;font-weight:700}.step-through-dots{justify-content:center;gap:6px;margin:14px 0;display:flex}.step-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.step-dot-done{background:var(--success)}.step-dot-active{background:var(--primary);transform:scale(1.3)}.step-through-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.question-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:20px 0;padding:20px 22px 24px}.question-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.question-progress{color:var(--text-muted);font-size:.8rem;font-weight:700}.question-type-badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.question-text{white-space:pre-line;margin:14px 0;font-size:1rem;font-weight:600}.choice-list{flex-direction:column;gap:8px;margin:14px 0;display:flex}.choice-item{text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;font-size:.92rem;transition:border-color .12s,background .12s;display:flex}.choice-item:hover:not(:disabled){border-color:var(--primary)}.choice-item:disabled{cursor:default}.choice-selected{border-color:var(--primary);background:var(--primary-soft)}.choice-correct{border-color:var(--success);background:var(--success-soft)}.choice-wrong{border-color:var(--danger);background:var(--danger-soft)}.choice-letter{background:var(--bg-sunken);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:inline-flex}.question-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:.9rem}.btn-ghost:hover{background:var(--bg-sunken)}.mind-mode-toggle-wrap{justify-content:center;margin:-6px 0 12px;display:flex}.hint-box{background:var(--warning-soft);color:var(--warning);border-radius:8px;margin-top:10px;padding:10px 14px;font-size:.88rem}.result-banner{border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:1.05rem;font-weight:800}.result-correct{background:var(--success-soft);color:var(--success)}.result-wrong{background:var(--danger-soft);color:var(--danger)}.mistake-note{background:var(--warning-soft);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.88rem}.mistake-note p{margin:4px 0 0}.explanation-box{background:var(--bg-sunken);border-radius:8px;margin-bottom:8px;padding:14px 16px}.explanation-title{margin-bottom:6px;font-size:.88rem;font-weight:700}.explanation-box p{margin:0;font-size:.9rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.stat-label{color:var(--text-muted);margin-bottom:6px;font-size:.82rem}.stat-value{color:var(--primary);font-size:1.7rem;font-weight:800}.stat-unit{color:var(--text-muted);margin-left:3px;font-size:.9rem;font-weight:500}.weak-points-box{background:var(--danger-soft);border-radius:var(--radius);margin-bottom:24px;padding:16px 20px}.weak-points-title{color:var(--danger);margin-bottom:8px;font-weight:700}.weak-points-box ol{margin:0;padding-left:20px}.weak-rank{font-weight:800}.weak-acc{color:var(--text-muted);font-size:.85rem}.chapter-accuracy-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.chapter-accuracy-row{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.chapter-accuracy-row:hover{border-color:var(--primary)}.chapter-accuracy-name{flex:0 0 200px;font-size:.85rem}.chapter-accuracy-bar-track{background:var(--bg-sunken);border-radius:999px;flex:1;height:8px;overflow:hidden}.chapter-accuracy-bar-fill{background:var(--primary);border-radius:999px;height:100%}.chapter-accuracy-pct{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:0 0 56px;font-size:.8rem}.final-history-list{color:var(--text-muted);padding-left:20px;font-size:.88rem}@media (width<=640px){.stat-grid{grid-template-columns:1fr}.chapter-accuracy-name{flex-basis:120px;font-size:.78rem}}