@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Inter:wght@400;500;600;700&display=swap";:root{--font-serif: "Newsreader", "Georgia", "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--bg: #faf9f7;--surface: #ffffff;--surface-alt: #f5f3ef;--border: #e8e5df;--border-strong: #d4d0c8;--text: #1a1a1a;--text-body: #333333;--text-secondary: #666666;--text-muted: #999999;--accent: #8b2500;--accent-soft: #fdf2ed;--accent-hover: #a83200;--success: #2d6a4f;--success-soft: #edf5f0;--error: #9b2226;--error-soft: #fdf0f0;--info: #1e3a5f;--info-soft: #edf2f9;--radius: 4px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--sidebar-w: 280px;--reading-width: 680px}[data-theme=dark]{--bg: #1a1a2e;--surface: #22223a;--surface-alt: #2a2a44;--border: #3a3a55;--border-strong: #4a4a65;--text: #e8e6e3;--text-body: #cccccc;--text-secondary: #a0a0a0;--text-muted: #777777;--accent: #e07050;--accent-soft: #2e2220;--accent-hover: #f08060;--success: #52b788;--success-soft: #1e2e24;--error: #e57373;--error-soft: #2e1e1e;--info: #6fa8dc;--info-soft: #1e2430;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{min-height:100vh;min-height:100dvh}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:transparent}.reading-progress-fill{height:100%;background:var(--accent);transition:width .1s linear;width:0%}.topbar{position:sticky;top:0;z-index:900;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}[data-theme=dark] .topbar{background:#1a1a2eeb}.topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:0 24px;height:56px}.topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);cursor:pointer;flex-shrink:0}.topbar-logo{font-family:var(--font-serif);font-size:20px;font-weight:700;letter-spacing:-.02em}.topbar-tagline{font-size:11px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;display:none}@media(min-width:640px){.topbar-tagline{display:block}}.topbar-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.topbar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;transition:background .15s,color .15s;font-size:16px;position:relative}.topbar-nav-btn:hover{background:var(--surface-alt);color:var(--text)}.topbar-nav-btn.active{background:var(--accent-soft);color:var(--accent)}.topbar-menu-btn{display:none;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;font-size:18px}@media(max-width:900px){.topbar-menu-btn{display:flex;align-items:center;justify-content:center}}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.app-main{flex:1;min-width:0;margin-left:var(--sidebar-w)}@media(max-width:900px){.app-main{margin-left:0}}.sidebar{position:fixed;top:56px;left:0;width:var(--sidebar-w);height:calc(100vh - 56px);height:calc(100dvh - 56px);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;z-index:800;display:flex;flex-direction:column}.sidebar-overlay{display:none}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:950;box-shadow:none;top:0;height:100vh;height:100dvh}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:940;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar-overlay.open{opacity:1;pointer-events:auto}}.sidebar-head{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-head-title{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--text)}.sidebar-close{display:none;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);font-size:16px}.sidebar-close:hover{background:var(--surface-alt);color:var(--text)}@media(max-width:900px){.sidebar-close{display:flex;align-items:center;justify-content:center}}.sidebar-progress-wrap{padding:12px 16px;border-bottom:1px solid var(--border)}.sidebar-progress-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}.sidebar-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.sidebar-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.sidebar-progress-text{font-size:12px;color:var(--text-muted);margin-top:4px}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-section{margin-bottom:4px}.sidebar-section-head{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:6px}.sidebar-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-lesson-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px 8px 32px;background:none;border:none;font-size:13px;color:var(--text-secondary);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s,color .12s;line-height:1.4}.sidebar-lesson-btn:hover{background:var(--surface-alt);color:var(--text)}.sidebar-lesson-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.sidebar-lesson-btn.completed{color:var(--text-muted)}.sidebar-check{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent}.sidebar-lesson-btn.completed .sidebar-check{background:var(--success);border-color:var(--success);color:#fff}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;opacity:0;pointer-events:none;transition:opacity .2s}.search-overlay.open{opacity:1;pointer-events:auto}.search-panel{background:var(--surface);border-radius:var(--radius-md);width:90%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(-8px);transition:transform .2s}.search-overlay.open .search-panel{transform:translateY(0)}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.search-input-wrap svg{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:15px;font-family:inherit;color:var(--text);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-results{max-height:360px;overflow-y:auto;padding:8px}.search-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.search-result-item{display:block;width:100%;padding:10px 12px;border:none;background:none;text-align:left;font-family:inherit;cursor:pointer;border-radius:var(--radius);transition:background .1s}.search-result-item:hover{background:var(--surface-alt)}.search-result-module{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.search-result-title{font-size:14px;font-weight:500;color:var(--text);margin-top:2px}.search-result-snippet{font-size:12px;color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-kbd{font-size:11px;color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:inherit}.landing{max-width:1080px;margin:0 auto;padding:0 24px}.landing-hero{padding:64px 0 48px;text-align:center;border-bottom:1px solid var(--border);margin-bottom:48px}.landing-overline{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}.landing-title{font-family:var(--font-serif);font-size:clamp(32px,5vw,52px);font-weight:700;color:var(--text);line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}.landing-lead{font-size:17px;color:var(--text-secondary);max-width:540px;margin:0 auto 28px;line-height:1.7}.landing-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-stats{display:flex;justify-content:center;gap:48px;margin-top:40px}.landing-stat{text-align:center}.landing-stat-num{font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--text)}.landing-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:56px}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--surface);padding:28px 24px}.feature-card-icon{width:36px;height:36px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:14px;font-weight:600}.feature-card-title{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.feature-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.modules-section{margin-bottom:56px}.section-heading{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--text);margin-bottom:4px;padding-bottom:12px;border-bottom:2px solid var(--text)}.section-subheading{font-size:14px;color:var(--text-secondary);margin-bottom:28px;padding-top:4px}.modules-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:8px;font-family:inherit;color:inherit;text-align:left}.module-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.module-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.module-card-num{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.module-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:3px}.module-card-title{font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--text);line-height:1.3}.module-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1}.module-card-meta{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:12px;color:var(--text-muted)}.module-card-progress{width:48px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.module-card-progress-fill{height:100%;border-radius:2px;transition:width .4s}.landing-footer{border-top:1px solid var(--border);padding:24px 0 40px;text-align:center;font-size:13px;color:var(--text-muted)}.landing-footer a{color:var(--accent);text-decoration:none}.landing-footer a:hover{text-decoration:underline}.article-wrap{max-width:var(--reading-width);margin:0 auto;padding:40px 24px 80px}@media(max-width:640px){.article-wrap{padding:24px 16px 64px}}.article-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-bottom:24px;flex-wrap:wrap}.article-breadcrumb-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;font-family:inherit;padding:0}.article-breadcrumb-link:hover{text-decoration:underline}.article-breadcrumb-sep{color:var(--text-muted);opacity:.5}.article-header{margin-bottom:32px}.article-overline{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;display:flex;align-items:center;gap:8px}.article-overline-dot{width:6px;height:6px;border-radius:50%}.article-title{font-family:var(--font-serif);font-size:clamp(24px,4vw,32px);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:8px;letter-spacing:-.01em}.article-meta{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.5}.article-body{font-family:var(--font-serif);font-size:17px;line-height:1.8;color:var(--text-body)}.article-body .content-heading{font-family:var(--font-serif);font-size:21px;font-weight:600;color:var(--text);margin-top:36px;margin-bottom:12px;line-height:1.35;letter-spacing:-.01em}.article-body .content-text{font-size:17px;line-height:1.8;color:var(--text-body);margin-bottom:16px}.article-body .content-list{margin:16px 0;padding-left:24px}.article-body .content-list li{font-size:16px;line-height:1.75;color:var(--text-body);margin-bottom:8px}.article-body .content-list li::marker{color:var(--accent)}.article-body .content-callout{display:flex;gap:12px;padding:16px 20px;background:var(--info-soft);border-left:3px solid var(--info);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0}.article-body .content-callout p{font-family:var(--font-sans);font-size:14px;line-height:1.65;color:var(--text-body)}.article-body .callout-icon{flex-shrink:0;font-size:14px;font-weight:700;color:var(--info);margin-top:1px}.article-body .content-quote{border-left:3px solid var(--accent);padding:12px 20px;background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0}.article-body .content-quote p{font-style:italic;font-size:16px;line-height:1.7;color:var(--text-body)}.article-body .content-code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.65;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-body);padding:16px 20px;border-radius:var(--radius-md);overflow-x:auto;margin:20px 0;white-space:pre}.article-body .content-diagram{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;text-align:center;margin:20px 0}.article-body .content-diagram p{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text);letter-spacing:.01em}.article-actions{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-alt);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:var(--surface-alt);color:var(--text)}.btn:disabled{opacity:.4;cursor:not-allowed}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.quiz-card-header{padding:20px 24px 16px;border-bottom:1px solid var(--border)}.quiz-card-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:6px}.quiz-card-title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--text)}.quiz-card-body{padding:20px 24px}.quiz-question-text{font-size:15px;font-weight:500;line-height:1.6;color:var(--text);margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s,background .12s;font-family:inherit;font-size:14px;color:var(--text-body);text-align:left;width:100%;line-height:1.5}.quiz-option:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-alt)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-soft)}.quiz-option.correct{border-color:var(--success);background:var(--success-soft)}.quiz-option.wrong{border-color:var(--error);background:var(--error-soft)}.quiz-option-label{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-muted);flex-shrink:0;margin-top:1px;transition:all .12s}.quiz-option.selected .quiz-option-label{background:var(--accent);border-color:var(--accent);color:#fff}.quiz-option.correct .quiz-option-label{background:var(--success);border-color:var(--success);color:#fff}.quiz-option.wrong .quiz-option-label{background:var(--error);border-color:var(--error);color:#fff}.quiz-option-text{flex:1}.quiz-option-icon{font-size:14px;flex-shrink:0;font-weight:600}.quiz-option-icon.correct{color:var(--success)}.quiz-option-icon.wrong{color:var(--error)}.quiz-card-actions{padding:0 24px 20px}.quiz-result{padding:24px;border-top:1px solid var(--border)}.quiz-result.correct{background:var(--success-soft)}.quiz-result.wrong{background:var(--error-soft)}.quiz-result-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.quiz-result-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.quiz-result.correct .quiz-result-badge{background:var(--success)}.quiz-result.wrong .quiz-result-badge{background:var(--error)}.quiz-result-title{font-family:var(--font-serif);font-size:17px;font-weight:600}.quiz-result.correct .quiz-result-title{color:var(--success)}.quiz-result.wrong .quiz-result-title{color:var(--error)}.quiz-result-explanation{font-size:14px;line-height:1.65;color:var(--text-secondary);margin-bottom:16px}.quiz-result-actions{display:flex;gap:8px;flex-wrap:wrap}.bookmark-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s}.bookmark-btn:hover{border-color:var(--border-strong);background:var(--surface-alt)}.bookmark-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.back-to-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:var(--shadow-md);transition:opacity .2s,transform .2s;font-size:16px;opacity:0;pointer-events:none}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:var(--surface-alt);transform:translateY(-2px)}.reading-time{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}@media(max-width:640px){.landing-hero{padding:40px 0 32px}.landing-title{font-size:28px}.landing-lead{font-size:15px}.landing-stats{gap:32px}.landing-stat-num{font-size:24px}.modules-list{grid-template-columns:1fr}.article-body{font-size:16px}.article-body .content-heading{font-size:19px}.article-body .content-text{font-size:16px}.article-actions{flex-direction:column}.article-actions .btn{justify-content:center}.quiz-card-body,.quiz-card-header{padding:16px}.quiz-card-actions{padding:0 16px 16px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.topbar,.sidebar,.sidebar-overlay,.article-actions,.back-to-top,.reading-progress,.bookmark-btn{display:none!important}.app-main{margin-left:0!important}.article-wrap{max-width:100%;padding:0}.article-body{font-size:12pt;line-height:1.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}