:root{--neutral: #FEFAE0;--surface: #FAEDCD;--border-subtle: #E9EDC9;--primary: #3D2A1C;--secondary: #6B5C4D;--tertiary: #D4A373;--on-tertiary: #3D2A1C;--accent: #CCD5AE;--on-accent: #3D2A1C;--danger: #B8452E;--success: #A3C9A0;--font-sans: "Outfit", system-ui, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs: 6px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-dark: 0 2px 12px rgba(0, 0, 0, .3);--transition: .15s ease;--sidebar-width: 260px}[data-theme=dark]{--neutral: #2A241E;--surface: #3A322A;--border-subtle: #4A4038;--primary: #FEFAE0;--secondary: #B5A99A;--tertiary: #B8895A;--on-tertiary: #FEFAE0;--accent: #A5B58A;--on-accent: #FEFAE0;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-serif);font-size:1rem;line-height:1.65;color:var(--primary);background-color:var(--neutral);transition:background-color var(--transition),color var(--transition)}#app{display:flex;min-height:100vh}#sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto;z-index:100;transition:background-color var(--transition),border-color var(--transition)}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.sidebar-title{font-family:var(--font-sans);font-size:1.2rem;font-weight:700;color:var(--primary);letter-spacing:-.01em}.sidebar-subtitle{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--secondary);letter-spacing:.03em;text-transform:uppercase}#file-nav,#section-nav{padding:var(--space-sm) var(--space-lg)}.nav-section-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);opacity:.7}#file-nav ul,#section-list{list-style:none}.file-link{display:block;width:100%;padding:var(--space-xs) 0;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--secondary);background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);padding:4px 8px;margin-bottom:2px}.file-link:hover{color:var(--primary);background:var(--border-subtle)}.file-link.active{color:var(--on-tertiary);background:var(--tertiary);font-weight:600}#section-list li{font-family:var(--font-sans);font-size:.8125rem;padding:3px 0 3px 12px;border-left:2px solid var(--border-subtle);margin:2px 0;color:var(--secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#section-list li:hover{color:var(--primary);border-color:var(--tertiary)}#section-list li.active{color:var(--primary);border-color:var(--tertiary);font-weight:600}.section-h2{padding-left:12px}.section-h3{padding-left:24px;font-size:.75rem}.sidebar-footer{margin-top:auto;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}#theme-toggle{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background var(--transition),border-color var(--transition)}#theme-toggle:hover{background:var(--border-subtle)}#content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}#content-inner{max-width:780px;margin:0 auto;padding:var(--space-xl) var(--space-lg) calc(var(--space-xl) * 2)}#hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-xl);background:var(--surface)}.hero-img{width:100%;height:auto;display:block;object-fit:cover;max-height:320px;opacity:0;transition:opacity .5s ease}.hero-img.loaded{opacity:1}.hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(transparent,#00000080);color:#fff}.hero-overlay h1{font-family:var(--font-sans);font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.hero-subtitle{font-family:var(--font-serif);font-size:.9375rem;opacity:.9}.welcome h2{font-family:var(--font-sans);font-size:1.44rem;font-weight:600;line-height:1.2;margin-bottom:var(--space-sm)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-top:var(--space-lg)}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-card);transition:background-color var(--transition)}.stat-num{display:block;font-family:var(--font-sans);font-size:1.75rem;font-weight:700;color:var(--tertiary)}.stat-label{display:block;font-family:var(--font-sans);font-size:.8125rem;color:var(--secondary);margin-top:2px}.img-showcase{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-xl)}.img-showcase figure{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card);transition:background-color var(--transition)}.img-showcase img{width:100%;height:auto;display:block;opacity:0;transition:opacity .5s ease}.img-showcase img.loaded{opacity:1}.img-showcase figcaption{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--secondary);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle)}#markdown-output{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#markdown-output h1{font-family:var(--font-sans);font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:var(--space-xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}#markdown-output h2{font-family:var(--font-sans);font-size:1.44rem;font-weight:600;line-height:1.2;margin:var(--space-lg) 0 var(--space-sm)}#markdown-output h3{font-family:var(--font-sans);font-size:1.2rem;font-weight:600;line-height:1.35;margin:var(--space-md) 0 var(--space-sm)}#markdown-output h4,#markdown-output h5,#markdown-output h6{font-family:var(--font-sans);font-weight:600;margin:var(--space-sm) 0 var(--space-xs)}#markdown-output p{margin-bottom:var(--space-sm)}#markdown-output ul,#markdown-output ol{margin:0 0 var(--space-sm) var(--space-lg)}#markdown-output li{margin-bottom:var(--space-xs)}#markdown-output li>ul,#markdown-output li>ol{margin-bottom:0}#markdown-output strong{font-weight:700;color:var(--primary)}#markdown-output em{font-style:italic}#markdown-output a{color:var(--tertiary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}#markdown-output a:hover{color:var(--primary)}#markdown-output code{font-family:var(--font-mono);font-size:.875rem;background:var(--surface);padding:2px 6px;border-radius:var(--radius-sm);color:var(--danger)}#markdown-output pre{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-sm) 0 var(--space-md);overflow-x:auto}#markdown-output pre code{background:none;padding:0;color:var(--primary);font-size:.8125rem}#markdown-output blockquote{border-left:3px solid var(--tertiary);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0 var(--space-md);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--secondary)}#markdown-output table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0 var(--space-md);font-size:.9375rem}#markdown-output th,#markdown-output td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);text-align:left}#markdown-output th{font-family:var(--font-sans);font-weight:600;background:var(--surface);color:var(--primary)}#markdown-output tr:nth-child(2n){background:var(--surface)}#markdown-output hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-lg) 0}#markdown-output img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-sm) 0}#markdown-output .domain-badge{display:inline-block;font-family:var(--font-sans);font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);margin-bottom:var(--space-xs)}#markdown-output .card-front{background:var(--surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-sm) 0;text-align:center;cursor:pointer;transition:border-color var(--transition)}#markdown-output .card-front:hover{border-color:var(--tertiary)}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--neutral);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;transition:opacity .4s ease;font-family:var(--font-sans);color:var(--secondary)}#loading-overlay.loading-hidden{opacity:0;pointer-events:none}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--tertiary);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:var(--space-sm)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){#sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-subtle);max-height:50vh}#content{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-overlay h1{font-size:1.44rem}#content-inner{padding:var(--space-md) var(--space-sm) var(--space-xl)}}.section-quiz{margin:var(--space-xl) 0;border:2px solid var(--accent);border-radius:var(--radius-lg);overflow:hidden;background:var(--neutral);transition:border-color var(--transition),background var(--transition)}.section-quiz:hover{border-color:var(--tertiary)}.quiz-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--primary);background:var(--surface);border:none;cursor:pointer;text-align:left;transition:background var(--transition)}.quiz-toggle:hover{background:var(--border-subtle)}.quiz-icon{font-size:1.2rem;line-height:1}.quiz-arrow{margin-left:auto;font-size:.85rem;transition:transform var(--transition);color:var(--secondary)}.quiz-body{padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.quiz-score{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--secondary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-subtle)}.quiz-question{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.quiz-question:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.quiz-stem{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-sm);line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:var(--space-xs)}.quiz-option{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:.875rem;color:var(--primary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);line-height:1.4}.quiz-option:hover:not(.locked){border-color:var(--tertiary);background:var(--border-subtle)}.quiz-option.selected{border-color:var(--tertiary);background:var(--tertiary);color:var(--on-tertiary);font-weight:600}.quiz-option.locked{cursor:default;opacity:.85}.quiz-option.correct{border-color:var(--success);background:var(--success);color:var(--on-accent);font-weight:600}.quiz-option.wrong{border-color:var(--danger);background:var(--danger);color:#fff;font-weight:600;text-decoration:line-through}.quiz-reveal-bar{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.quiz-check-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--on-tertiary);background:var(--tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition)}.quiz-check-btn:hover:not(:disabled){opacity:.85}.quiz-check-btn:disabled{opacity:.5;cursor:default}.quiz-check-btn.answered{background:var(--accent);color:var(--on-accent)}.quiz-result{font-family:var(--font-sans);font-size:.8125rem;font-weight:600}.quiz-result-hint{color:var(--secondary);font-style:italic;font-weight:500}.quiz-result-correct{color:#4a7c4a}.quiz-result-wrong{color:var(--danger)}.quiz-explanation{display:none;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem;line-height:1.5;color:var(--secondary);background:var(--surface);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}[data-theme=dark] .quiz-result-correct{color:#8bc48b}