*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-code: #1e293b;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-code: #e2e8f0;--border-color: #e2e8f0;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, "SF Mono", Monaco, Inconsolata, "Roboto Mono", monospace;--container-max-width: 1200px}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-code: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-code: #e2e8f0;--border-color: #334155}}.site-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.site-nav{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.site-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm)}.site-title:hover{color:var(--primary-hover)}.main-content{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg);min-height:calc(100vh - 200px)}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--space-md);font-weight:600}h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:var(--space-lg)}h2{font-size:2rem;color:var(--text-primary);margin-top:var(--space-2xl);padding-bottom:var(--space-sm);border-bottom:2px solid var(--primary-color)}h3{font-size:1.5rem;color:var(--text-primary);margin-top:var(--space-xl)}h4{font-size:1.25rem;color:var(--text-secondary)}p{margin-bottom:var(--space-md);color:var(--text-secondary);line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:all 0.2s ease}a:hover{color:var(--primary-hover);text-decoration:underline}code{font-family:var(--font-mono);font-size:0.875rem;background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius);color:var(--text-primary)}pre{background:var(--bg-code);color:var(--text-code);padding:var(--space-lg);border-radius:var(--border-radius-lg);overflow-x:auto;margin:var(--space-lg) 0;box-shadow:var(--shadow)}pre code{background:none;padding:0;color:inherit}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;box-shadow:var(--shadow);transition:all 0.3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.highlight-box{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:white;padding:var(--space-lg);border-radius:var(--border-radius-lg);margin:var(--space-lg) 0}.info-box{background:var(--bg-secondary);border-left:4px solid var(--primary-color);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.warning-box{background:rgba(245,158,11,0.1);border-left:4px solid var(--warning-color);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.week-nav{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-lg);margin:var(--space-2xl) 0}.week-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-lg);text-decoration:none;color:inherit;transition:all 0.3s ease;display:block}.week-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);text-decoration:none}.week-card h3{color:var(--primary-color);margin:0 0 var(--space-sm) 0}.week-card p{color:var(--text-muted);margin:0;font-size:0.9rem}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--primary-color);color:white;border:none;border-radius:var(--border-radius);font-weight:500;text-decoration:none;transition:all 0.2s ease;cursor:pointer}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow);color:white;text-decoration:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--secondary-color);color:white}ul,ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}li{margin:var(--space-sm) 0;color:var(--text-secondary)}li::marker{color:var(--primary-color)}table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;background:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}th,td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--primary-color);color:white;font-weight:600}tr:hover{background:var(--bg-tertiary)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin:var(--space-lg) 0}.progress-fill{height:100%;background:linear-gradient(90deg, var(--primary-color), var(--success-color));border-radius:4px;transition:width 0.3s ease}@media (max-width: 768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}.main-content{padding:var(--space-lg) var(--space-md)}.site-nav{padding:var(--space-md);flex-direction:column;align-items:stretch}.site-title{font-size:1.25rem;text-align:center}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.week-nav{grid-template-columns:1fr;gap:var(--space-md)}.card{padding:var(--space-md)}pre{padding:var(--space-md);font-size:0.8rem}table{font-size:0.875rem}th,td{padding:var(--space-sm)}}@media (max-width: 480px){.main-content{padding:var(--space-md) var(--space-sm)}h1{font-size:1.75rem}.btn{width:100%;justify-content:center}pre{margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));border-radius:0}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.6s ease-out}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}a:focus,button:focus,.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.site-header,.week-nav,.btn{display:none}body{font-size:12pt;line-height:1.4}h1,h2,h3{page-break-after:avoid}pre,.card{page-break-inside:avoid}}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);transition:all 0.2s ease}.nav-link:hover{color:var(--primary-color);background:var(--bg-secondary);text-decoration:none}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:var(--space-2xl)}.footer-content{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-xl)}.footer-section h3{color:var(--primary-color);margin-bottom:var(--space-md);font-size:1.25rem}.footer-section h4{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin:var(--space-xs) 0}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{background:var(--bg-tertiary);padding:var(--space-lg);text-align:center;border-top:1px solid var(--border-color)}.footer-bottom p{margin:0;color:var(--text-muted);font-size:0.9rem}.code-wrapper{position:relative}.copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--primary-color);color:white;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius);font-size:0.75rem;cursor:pointer;transition:all 0.2s ease;opacity:0.8}.copy-btn:hover{opacity:1;background:var(--primary-hover)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg, var(--primary-color), var(--accent-color));z-index:1000;transition:width 0.1s ease}@media (max-width: 768px){.nav-links{flex-direction:column;gap:var(--space-sm);width:100%;margin-top:var(--space-md)}.nav-actions{width:100%}.nav-actions .btn{width:100%;justify-content:center}.footer-content{grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-xl) var(--space-md)}.copy-btn{position:relative;top:auto;right:auto;margin-top:var(--space-sm);display:block;width:100%}}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.topic-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-lg);transition:all 0.3s ease}.topic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.topic-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);color:white;border-radius:50%;font-weight:600;font-size:0.875rem;margin-right:var(--space-sm)}.difficulty-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius);font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.difficulty-beginner{background:rgba(16,185,129,0.1);color:var(--success-color)}.difficulty-intermediate{background:rgba(245,158,11,0.1);color:var(--warning-color)}.difficulty-advanced{background:rgba(239,68,68,0.1);color:var(--error-color)}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:slideInUp 0.6s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.hidden{display:none}.visible{display:block}