*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg-surface:#161822;--bg-card:#1c1f2e;--bg-card-hover:#242840;--bg-code:#1a1d2e;--border:#2a2d3e;--border-light:#363a50;--text:#e1e4ed;--text-muted:#8b8fa7;--text-dim:#5c6078;--accent:#6c63ff;--accent-hover:#7f78ff;--accent-dim:#6c63ff1f;--green:#4ade80;--green-dim:#4ade801f;--orange:#fb923c;--orange-dim:#fb923c1f;--red:#f87171;--red-dim:#f871711f;--blue:#60a5fa;--blue-dim:#60a5fa1f;--yellow:#fbbf24;--yellow-dim:#fbbf241f;--sidebar-width:280px;--header-height:0px;--radius:8px;--radius-lg:12px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code{font-family:var(--font-mono);background:var(--bg-code);color:var(--accent);border-radius:4px;padding:.15em .4em;font-size:.9em}pre code{color:inherit;background:0 0;padding:0}img{max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;max-width:900px;min-height:100vh;padding:2.5rem 3rem 4rem}@media (width<=1200px){.main-content{max-width:100%;padding:2rem}}@media (width<=768px){:root{--sidebar-width:0px}.main-content{margin-left:0;padding:4rem 1.25rem 1.25rem}}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);padding:1.5rem 1.25rem 1rem}.sidebar-logo{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:flex}.sidebar-logo h1{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.sidebar-logo span{color:var(--accent)}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-category{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:.5rem;padding:.5rem 1.25rem .25rem;font-size:.7rem;font-weight:600}.sidebar-link{color:var(--text-muted);border-left:2px solid #0000;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:var(--text);background:var(--accent-dim)}.sidebar-link.active{color:var(--accent);background:var(--accent-dim);border-left-color:var(--accent);font-weight:500}.sidebar-link svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.sidebar-link.active svg{opacity:1}.mobile-toggle{z-index:200;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:fixed;top:.75rem;left:.75rem}.sidebar-overlay{display:none}@media (width<=768px){.mobile-toggle{display:flex}.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:99;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}.topic-page{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topic-breadcrumb{color:var(--text-dim);margin-bottom:.5rem;font-size:.8rem}.topic-breadcrumb a{color:var(--text-muted)}.topic-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}.topic-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.section{margin-bottom:2.5rem}.section h2{color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.35rem;font-weight:600}.section h3{color:var(--text);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.section p{color:var(--text-muted);margin-bottom:.85rem;line-height:1.75}.section ul,.section ol{color:var(--text-muted);margin-bottom:1rem;padding-left:1.5rem}.section li{margin-bottom:.4rem;line-height:1.65}.section strong{color:var(--text);font-weight:600}.topic-nav{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.topic-nav-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.25rem;min-width:0;max-width:48%;padding:1rem 1.25rem;text-decoration:none;transition:all .15s;display:flex}.topic-nav-link:hover{background:var(--bg-card-hover);border-color:var(--accent)}.topic-nav-link.next{text-align:right;margin-left:auto}.topic-nav-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.topic-nav-title{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.code-block{border-radius:var(--radius);border:1px solid var(--border);margin:1rem 0 1.5rem;overflow:hidden}.code-block-header{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.8rem;display:flex}.code-block-lang{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.code-block-copy{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.8rem;transition:all .15s;display:flex}.code-block-copy:hover{color:var(--text);background:var(--accent-dim)}.code-block pre{font-family:var(--font-mono);margin:0;padding:1rem 1.25rem;font-size:.85rem;line-height:1.7;overflow-x:auto;background:var(--bg-code)!important}.complexity-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius);width:100%;margin:1rem 0 1.5rem;font-size:.9rem;overflow:hidden}.complexity-table th{background:var(--bg-surface);text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:.8rem;font-weight:600}.complexity-table td{border-bottom:1px solid var(--border);color:var(--text-muted);padding:.6rem 1rem}.complexity-table tr:last-child td{border-bottom:none}.complexity-table td:first-child{color:var(--text);font-weight:500}.big-o{font-family:var(--font-mono);font-size:.85rem;font-weight:600}.big-o.excellent{color:var(--green)}.big-o.good{color:var(--blue)}.big-o.fair{color:var(--yellow)}.big-o.poor{color:var(--orange)}.big-o.bad{color:var(--red)}.callout{border-radius:var(--radius);border-left:3px solid;margin:1rem 0 1.5rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.65}.callout p{color:inherit;margin-bottom:.5rem}.callout p:last-child{margin-bottom:0}.callout-title{align-items:center;gap:.4rem;margin-bottom:.4rem;font-weight:600;display:flex}.callout.tip{background:var(--green-dim);border-color:var(--green);color:var(--green)}.callout.warning{background:var(--orange-dim);border-color:var(--orange);color:var(--orange)}.callout.info{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.callout.interview{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.home-page{animation:.3s fadeIn}.home-hero{margin-bottom:3rem}.home-hero h1{letter-spacing:-.04em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1.15}.home-hero h1 span{color:var(--accent)}.home-hero p{color:var(--text-muted);max-width:520px;font-size:1.1rem;line-height:1.6}.home-category{margin-bottom:2.5rem}.home-category-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.home-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.4rem;padding:1.15rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.home-card:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-2px)}.home-card-icon{color:var(--accent);opacity:.8}.home-card-title{color:var(--text);font-size:1rem;font-weight:600}.home-card-desc{color:var(--text-dim);font-size:.82rem;line-height:1.5}