:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 16px 50px #00000029;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--sidebar-width:280px;--toc-width:220px;--header-height:60px;--content-max-width:820px;--color-algorithms:#10b981;--color-dotnet:#8b5cf6;--color-system-design:#3b82f6;--color-databases:#f59e0b;--color-queues:#ef4444;--color-networking:#06b6d4;--color-os:#d97706;--color-security:#eab308;--color-devops:#14b8a6;--z-sidebar:100;--z-header:200;--z-overlay:300;--z-search:400;--z-toast:500}[data-theme=dark]{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1e2536;--bg-elevated:#1a2035;--bg-card:#1e2536b3;--bg-card-hover:#283246cc;--bg-code:#161b2e;--bg-inline-code:#8b5cf61f;--border-primary:#ffffff0f;--border-secondary:#ffffff1a;--border-accent:#8b5cf64d;--text-primary:#f0f2f5;--text-secondary:#9ca3b4;--text-muted:#6b7280;--text-accent:#a78bfa;--text-link:#818cf8;--text-link-hover:#a5b4fc;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient-hover:linear-gradient(135deg, #7c93f5 0%, #8b5db8 100%);--accent-glow:#667eea33;--glass-bg:#111827bf;--glass-border:#ffffff14;--glass-blur:20px;--scrollbar-track:#111827;--scrollbar-thumb:#2d3748;--scrollbar-thumb-hover:#4a5568;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 16px 50px #0009;--shadow-glow:0 0 30px #667eea26}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-code:#f6f8fa;--bg-inline-code:#8b5cf614;--border-primary:#0000000f;--border-secondary:#0000001a;--border-accent:#667eea4d;--text-primary:#1a202c;--text-secondary:#64748b;--text-muted:#94a3b8;--text-accent:#7c3aed;--text-link:#4f46e5;--text-link-hover:#6366f1;--accent-primary:#4f46e5;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-gradient-hover:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-glow:#4f46e51a;--glass-bg:#fffc;--glass-border:#0000000f;--glass-blur:20px;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 16px 50px #0000001a;--shadow-glow:0 0 30px #4f46e514}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base), color var(--transition-base);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{color:var(--text-primary);background:#667eea4d}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-link-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-2xl);margin-top:var(--space-12)}h3{font-size:var(--text-xl);margin-top:var(--space-8)}h4{font-size:var(--text-lg);margin-top:var(--space-6)}p{margin-top:var(--space-4);line-height:var(--leading-relaxed);color:var(--text-secondary)}ul,ol{margin-top:var(--space-3);padding-left:var(--space-6)}li{margin-top:var(--space-2);color:var(--text-secondary);line-height:var(--leading-relaxed)}li::marker{color:var(--text-muted)}strong{font-weight:var(--weight-semibold);color:var(--text-primary)}em{color:var(--text-accent);font-style:italic}code{font-family:var(--font-mono);background:var(--bg-inline-code);color:var(--text-accent);border-radius:var(--radius-sm);font-size:.875em;font-weight:var(--weight-medium);padding:.15em .4em}pre{margin-top:var(--space-4);padding:var(--space-5);background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-md);line-height:1.7;overflow-x:auto}pre code{color:var(--text-primary);font-size:var(--text-sm);background:0 0;padding:0}blockquote{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-left:3px solid var(--accent-primary);background:var(--bg-card);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}blockquote p{margin-top:0}table{width:100%;margin-top:var(--space-4);border-collapse:collapse;font-size:var(--text-sm)}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}th{font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-tertiary)}td{color:var(--text-secondary)}tr:hover td{background:var(--bg-card)}hr{margin:var(--space-10) 0;background:var(--border-primary);border:none;height:1px}img{border-radius:var(--radius-md);max-width:100%;height:auto}.hidden{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-layout{grid-template-areas:"header header header""sidebar main toc";grid-template-columns:var(--sidebar-width) 1fr var(--toc-width);grid-template-rows:var(--header-height) 1fr;min-height:100vh;transition:grid-template-columns var(--transition-base);display:grid}.header{z-index:var(--z-header);padding:0 var(--space-5);height:var(--header-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);isolation:isolate;grid-area:header;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;transform:translateZ(0)}.header-left{align-items:center;gap:var(--space-3);display:flex}.header-center{max-width:500px;margin:0 var(--space-4);flex:1;justify-content:center;display:flex}.header-right{align-items:center;gap:var(--space-3);display:flex}.logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em;text-decoration:none;display:flex}.logo:hover{color:var(--text-primary)}.logo-icon{font-size:1.4em}.logo-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-toggle{padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;display:none}.sidebar-toggle span{background:var(--text-secondary);width:20px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.search-trigger{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.search-trigger:hover{border-color:var(--border-accent);background:var(--bg-card-hover);box-shadow:var(--shadow-glow)}.search-trigger svg{opacity:.5;flex-shrink:0}.search-trigger span{text-align:left;flex:1}.search-trigger kbd{font-family:var(--font-sans);font-size:var(--text-xs);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-muted);padding:2px 6px}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--text-accent);border-color:var(--border-accent);background:var(--bg-card-hover)}[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));padding:var(--space-4) 0;background:var(--bg-secondary);border-right:1px solid var(--border-primary);transition:transform var(--transition-base), background-color var(--transition-base);grid-area:sidebar;position:sticky;overflow-y:auto}.sidebar-nav{padding:0 var(--space-3)}.sidebar-section{margin-bottom:var(--space-2)}.sidebar-section-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;display:flex}.sidebar-section-header:hover{color:var(--text-primary);background:var(--bg-card)}.sidebar-section-header .section-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1em}.sidebar-section-header .section-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-section-header .chevron{font-size:var(--text-xs);transition:transform var(--transition-fast);color:var(--text-muted);margin-left:auto}.sidebar-section.open .chevron{transform:rotate(90deg)}.sidebar-section-items{opacity:0;will-change:opacity;height:0;transition:opacity .22s;overflow:hidden}.sidebar-group{margin-top:2px}.sidebar-group-header{align-items:center;gap:var(--space-2);padding:6px var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;display:flex}.sidebar-group-header:hover{color:var(--text-primary)}.sidebar-group-header .chevron{transition:transform var(--transition-fast);opacity:.5;margin-left:auto;font-size:10px}.sidebar-group-header:hover .chevron{opacity:1}.sidebar-group.open>.sidebar-group-header>.chevron{transform:rotate(90deg)}.sidebar-group-items{opacity:0;will-change:opacity;height:0;transition:opacity .18s;overflow:hidden}.sidebar-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex;position:relative}.sidebar-link:before{content:"";left:var(--bullet-left,24px);background:var(--border-secondary);width:6px;height:6px;transition:all var(--transition-fast);border-radius:50%;position:absolute}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-card)}.sidebar-link:hover:before{background:var(--text-accent)}.sidebar-link.active{color:var(--text-accent);font-weight:var(--weight-medium);background:#667eea14}.sidebar-link.active:before{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.sidebar-sublink{padding-left:calc(var(--space-3) + 24px + var(--space-2) + var(--space-5));font-size:var(--text-xs)}.main-content{min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-10);max-width:calc(var(--content-max-width) + var(--space-10) * 2);grid-area:main;justify-self:center;width:100%}.breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);display:flex}.breadcrumbs a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--text-link)}.breadcrumbs .separator{color:var(--text-muted);opacity:.4}.breadcrumbs .current{color:var(--text-secondary)}.page-content{will-change:transform, opacity;animation:.35s cubic-bezier(.25,.46,.45,.94) both fadeInUp}.toc-sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));padding:var(--space-6) var(--space-4);border-left:1px solid var(--border-primary);grid-area:toc;position:sticky;overflow-y:auto}.toc-content{font-size:var(--text-sm)}.toc-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-4)}.toc-list{padding:0;list-style:none}.toc-list li{margin:0}.toc-list a{padding:var(--space-1) 0;padding-left:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);transition:all var(--transition-fast);border-left:2px solid #0000;line-height:1.5;display:block}.toc-list a:hover{color:var(--text-primary);border-left-color:var(--border-secondary)}.toc-list a.active{color:var(--text-accent);border-left-color:var(--accent-primary)}.toc-list .toc-h3{padding-left:calc(var(--space-3) + var(--space-4));font-size:var(--text-xs)}.ct-wrap{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.ct-root{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px}.ct-root-meta{font-weight:var(--weight-normal);color:var(--text-muted);font-size:var(--text-sm)}.ct-pfx{color:var(--text-muted);white-space:pre;-webkit-user-select:none;user-select:none;opacity:.5;flex-shrink:0}.ct-row{border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:baseline;gap:0;padding:1px 0;text-decoration:none;display:flex}.ct-section-row{cursor:pointer;-webkit-user-select:none;user-select:none}.ct-section-row:hover{background:var(--bg-card)}.ct-section-icon{flex-shrink:0;margin-right:6px}.ct-section-name{font-weight:var(--weight-semibold);margin-right:6px}.ct-group-row{cursor:pointer;-webkit-user-select:none;user-select:none}.ct-group-row:hover{background:var(--bg-card)}.ct-group-name{color:var(--text-secondary);font-weight:var(--weight-medium);margin-right:6px}.ct-node.open>.ct-row .ct-group-name{color:var(--text-primary)}.ct-meta{color:var(--text-muted);opacity:.6;flex-shrink:0;font-size:.85em}.ct-leaf{color:var(--text-secondary)}.ct-leaf:hover{background:var(--bg-card);color:var(--text-primary)}.ct-leaf-name{flex:1;margin-right:8px}.ct-diff{border-radius:var(--radius-full);font-size:.8em;font-weight:var(--weight-medium);opacity:.85;flex-shrink:0;padding:0 6px}.ct-diff.beginner{color:#10b981;background:#10b9811f}.ct-diff.intermediate{color:#f59e0b;background:#f59e0b1f}.ct-diff.advanced{color:#ef4444;background:#ef44441f}.ct-children{opacity:0;will-change:opacity;height:0;transition:opacity .18s;overflow:hidden}.section-cards{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.section-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:block;position:relative;overflow:hidden}.section-card:before{content:"";background:var(--card-accent,var(--accent-gradient));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.section-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-lg), 0 0 30px var(--accent-glow);transform:translateY(-2px)}.section-card:hover:before{opacity:1}.section-card-icon{margin-bottom:var(--space-3);font-size:2rem}.section-card-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.section-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.section-card-stats{align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);display:flex}.section-card-stat{align-items:center;gap:var(--space-1);display:flex}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 8px;display:inline-flex}.badge-difficulty-beginner{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.badge-difficulty-intermediate{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-difficulty-advanced{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.badge-new{color:var(--accent-primary);background:#667eea1a;border:1px solid #667eea33;animation:2s infinite pulse}.badge-tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.alert{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);border-left:4px solid}.alert-title{font-weight:var(--weight-semibold);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.alert-info{background:#3b82f60f;border-color:#3b82f6}.alert-info .alert-title{color:#3b82f6}.alert-tip{background:#10b9810f;border-color:#10b981}.alert-tip .alert-title{color:#10b981}.alert-warning{background:#f59e0b0f;border-color:#f59e0b}.alert-warning .alert-title{color:#f59e0b}.alert-important{background:#8b5cf60f;border-color:#8b5cf6}.alert-important .alert-title{color:#8b5cf6}.interview-block{margin-top:var(--space-8);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);position:relative;overflow:hidden}.interview-block:before{content:"";background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);height:3px;position:absolute;top:0;left:0;right:0}.interview-block-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.interview-question{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.interview-question:hover{background:var(--bg-card-hover)}.interview-question-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.interview-question-text .expand-icon{transition:transform var(--transition-fast);color:var(--text-muted);font-size:var(--text-xs)}.interview-question.open .expand-icon{transform:rotate(180deg)}.interview-answer{max-height:0;transition:max-height var(--transition-slow), padding var(--transition-slow);overflow:hidden}.interview-question.open .interview-answer{max-height:500px;padding-top:var(--space-3)}.interview-answer-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.think-block{margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--border-accent);border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.think-block-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.think-item{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-8);position:relative}.think-item:before{content:"💡";left:var(--space-3);position:absolute}.think-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;align-items:center;gap:var(--space-1);display:inline-flex}.think-hint:hover{color:var(--text-accent)}.think-hint-content{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);display:none}.think-hint.revealed .think-hint-content{display:block}.cross-ref{margin-top:var(--space-8);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.cross-ref-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.cross-ref-list{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.cross-ref-list li{margin:0}.cross-ref-link{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-link);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.cross-ref-link:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);background:#667eea14;transform:translateY(-1px)}.topic-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.topic-meta-item{align-items:center;gap:var(--space-1);display:flex}.progress-ring{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:inline-flex}.progress-ring-circle{width:36px;height:36px}.progress-ring-bg{fill:none;stroke:var(--border-primary);stroke-width:3px}.progress-ring-fill{fill:none;stroke:var(--accent-primary);stroke-width:3px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset var(--transition-slow);transform:rotate(-90deg)}.tag-list{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.search-overlay{z-index:var(--z-search);-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.search-overlay.hidden{display:none!important}.search-modal{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-xl), var(--shadow-glow);animation:.2s ease-out slideDown;overflow:hidden}.search-input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);display:flex}.search-input-wrapper .search-icon{color:var(--text-muted);flex-shrink:0}#search-input{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}#search-input::placeholder{color:var(--text-muted)}.search-kbd{font-family:var(--font-sans);font-size:var(--text-xs);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);padding:2px 8px}.search-results{max-height:400px;padding:var(--space-2);overflow-y:auto}.search-results:empty{display:none}.search-result-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-decoration:none;display:flex}.search-result-item:hover,.search-result-item.focused{background:var(--bg-card-hover)}.search-result-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.2em}.search-result-info{flex:1;min-width:0}.search-result-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result-path{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.search-result-badge{flex-shrink:0}.search-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.search-empty-icon{margin-bottom:var(--space-2);font-size:2rem}.search-highlight{color:var(--text-accent);font-weight:var(--weight-semibold);background:#667eea1a;border-radius:2px;padding:0 2px}.code-block{margin-top:var(--space-4);border-radius:var(--radius-md);position:relative;overflow:hidden}.code-block-header{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--text-xs);color:var(--text-muted);border-bottom:none;justify-content:space-between;align-items:center;display:flex}.code-block-lang{font-family:var(--font-mono);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.code-block-copy{padding:var(--space-1) var(--space-2);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.code-block-copy:hover{color:var(--text-accent);border-color:var(--border-accent)}.code-block-copy.copied{color:#10b981;border-color:#10b9814d}.code-block pre{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;margin-top:0}[data-theme=dark]{--code-keyword:#c792ea;--code-string:#c3e88d;--code-number:#f78c6c;--code-comment:#546e7a;--code-function:#82aaff;--code-class:#ffcb6b;--code-operator:#89ddff;--code-punctuation:#89ddff;--code-builtin:#82aaff;--code-variable:#f07178;--code-attr:#ffcb6b}[data-theme=light]{--code-keyword:#7c3aed;--code-string:#16a34a;--code-number:#ea580c;--code-comment:#94a3b8;--code-function:#2563eb;--code-class:#ca8a04;--code-operator:#0891b2;--code-punctuation:#64748b;--code-builtin:#2563eb;--code-variable:#dc2626;--code-attr:#ca8a04}.token.keyword{color:var(--code-keyword)}.token.string,.token.char{color:var(--code-string)}.token.number{color:var(--code-number)}.token.comment{color:var(--code-comment);font-style:italic}.token.function{color:var(--code-function)}.token.class-name{color:var(--code-class)}.token.operator{color:var(--code-operator)}.token.punctuation{color:var(--code-punctuation)}.token.builtin{color:var(--code-builtin)}.token.variable{color:var(--code-variable)}.token.attr-name{color:var(--code-attr)}.token.boolean{color:var(--code-number)}.token.namespace{opacity:.7}.line-numbers .line-numbers-rows{border-right:1px solid var(--border-primary);padding-right:var(--space-2)}.line-numbers-rows>span:before{color:var(--text-muted)}.mermaid-wrapper{margin-top:var(--space-5);margin-bottom:var(--space-5);overflow-x:auto}.mermaid-wrapper .mermaid{justify-content:center;width:100%;display:flex}.mermaid-wrapper .mermaid svg{max-width:100%;height:auto!important}[data-theme=dark] .mermaid-wrapper{--mermaid-bg:transparent}.mermaid-wrapper .label{font-family:var(--font-sans)!important}.diagram-caption{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-align:center;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in,.animate-fade-in-up,.animate-slide-in-left,.animate-scale-in{will-change:transform, opacity;backface-visibility:hidden}.animate-fade-in{animation:.25s cubic-bezier(.25,.46,.45,.94) both fadeIn}.animate-fade-in-up{animation:.35s cubic-bezier(.25,.46,.45,.94) both fadeInUp}.animate-slide-in-left{animation:.3s cubic-bezier(.25,.46,.45,.94) both slideInLeft}.animate-scale-in{animation:.2s cubic-bezier(.25,.46,.45,.94) both scaleIn}.stagger-children>*{opacity:0;will-change:transform, opacity;backface-visibility:hidden;animation:.35s cubic-bezier(.25,.46,.45,.94) both fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}.stagger-children>:nth-child(9){animation-delay:.48s}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--bg-card) 50%, transparent 100%);will-change:transform;animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0}.skeleton-text{height:1em;margin-top:var(--space-2)}.skeleton-heading{width:50%;height:2em;margin-bottom:var(--space-4)}.reveal{opacity:0;will-change:transform, opacity;backface-visibility:hidden;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);transform:translateY(18px)}.reveal.visible{opacity:1;transform:translate(0,0)}.hover-lift{transition:transform var(--transition-base);will-change:transform;backface-visibility:hidden;position:relative}.hover-lift:after{content:"";border-radius:inherit;box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.hover-lift:hover{transform:translateY(-3px)}.hover-lift:hover:after{opacity:1}@media (width<=1200px){.toc-sidebar{display:none}.app-layout{grid-template-areas:"header header""sidebar main";grid-template-columns:var(--sidebar-width) 1fr}}@media (width<=768px){.app-layout{grid-template-columns:1fr;grid-template-areas:"header""main"}.sidebar{top:var(--header-height);width:var(--sidebar-width);z-index:var(--z-sidebar);box-shadow:var(--shadow-xl);position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.main-content{padding:var(--space-4) var(--space-5)}.header-center{display:none}.search-modal{margin:0 var(--space-4);max-width:none}.section-cards{grid-template-columns:1fr}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}@media (width<=480px){.main-content{padding:var(--space-3) var(--space-4)}.section-card{padding:var(--space-4)}}.algo-visualizer{margin:var(--space-6) 0;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);gap:var(--space-4);flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000001a}.algo-visualizer.expanded{gap:var(--space-5);grid-template-columns:2fr 1fr;align-items:flex-start;display:grid}.algo-visualizer-main{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}.algo-expand-btn{top:var(--space-3);right:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--text-secondary);cursor:pointer;opacity:0;z-index:10;align-items:center;gap:var(--space-1);font-size:var(--text-sm);transition:opacity .2s,background .2s;display:flex;position:absolute}.algo-visualizer:hover .algo-expand-btn{opacity:1}.algo-expand-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.algo-sidebar{border-left:1px solid var(--border-primary);height:100%;padding-left:var(--space-4);flex-direction:column;display:none}.algo-visualizer.expanded .algo-sidebar{display:flex}.algo-sidebar-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.algo-log-list{gap:var(--space-2);max-height:300px;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent;flex-direction:column;display:flex;overflow-y:auto}.algo-log-item{padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;transition:all .2s}.algo-log-item:hover{background:var(--bg-card-hover)}.algo-log-item.active{color:var(--text-primary);border-left-color:var(--accent-primary);background:#667eea1a}.algo-visualizer.compact .algo-controls{display:none}.algo-controls{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.algo-btn{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.algo-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.algo-btn:disabled{opacity:.5;cursor:not-allowed}.algo-btn.primary{border-color:var(--accent-primary);color:var(--accent-primary);background:#667eea26}.algo-status{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;min-height:24px}.algo-array{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:56px;margin-bottom:24px;display:flex}.algo-array-cell{background:var(--bg-elevated);border:2px solid var(--border-secondary);border-radius:var(--radius-sm);width:48px;height:48px;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.algo-array-index{color:var(--text-muted);font-size:10px;position:absolute;bottom:-20px}.algo-array-cell.active{border-color:var(--accent-primary);background:#667eea33;transform:translateY(-4px);box-shadow:0 4px 12px #667eea4d}.algo-array-cell.found{color:#10b981;background:#10b98133;border-color:#10b981;transform:scale(1.1);box-shadow:0 0 20px #10b98166}.algo-array-cell.dimmed{opacity:.3;filter:grayscale()}.algo-array-cell.swapped-highlight{border-color:var(--accent-danger,#ef4444);color:#fff;background:#ef444433;transform:translateY(-4px)scale(1.05);box-shadow:0 4px 12px #ef44444d}.algo-pointer{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;transition:all .3s;position:absolute;top:-24px}.algo-pointer.left{color:#fff;background:#ef4444}.algo-pointer.right{color:#fff;background:#3b82f6}.algo-pointer.mid{background:var(--accent-primary);color:#fff;top:-48px}