:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-card-project: #1a2332;--bg-sidebar: #151820;--bg-header: #12141c;--bg-code: #0d0f16;--bg-hover: #252836;--text: #e0e0e6;--text-dim: #888da0;--text-heading: #f0f0f5;--accent: #7c6ef5;--accent-glow: rgba(124, 110, 245, .15);--green: #4ec9b0;--yellow: #e5c07b;--orange: #e8925a;--blue: #61afef;--pink: #c678dd;--red: #e06c75;--border: #2a2d3a;--border-accent: #3d3580;--radius: 8px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.header{position:sticky;top:0;z-index:100;background:var(--bg-header);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 24px}.header-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;transition:background .15s,color .15s}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text)}@media (min-width: 1024px){.sidebar-toggle{display:none}}.header-brand{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.header-title{font-size:1.25rem;font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.header-icon{margin-right:4px}.header-subtitle{font-size:.8rem;color:var(--text-dim);display:none}@media (min-width: 768px){.header-subtitle{display:inline}}.search-wrapper{position:relative;flex:1;max-width:420px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-dim);pointer-events:none}.search-input{width:100%;padding:8px 80px 8px 36px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-dim)}.search-kbd{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.7rem;color:var(--text-dim);font-family:var(--font-sans);pointer-events:none}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:4px;line-height:1}.search-clear:hover{color:var(--text)}.filter-bar{border-top:1px solid var(--border);padding:8px 0;overflow-x:auto}.filter-bar-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;padding:0 4px}.filter-toggle{flex-shrink:0;padding:4px 14px;border-radius:20px;border:2px solid #4a4d5a;background:transparent;color:var(--text-dim);font-size:.78rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap}.filter-toggle:hover{border-color:#6b6f7e;color:var(--text);background:var(--bg-hover)}.filter-toggle.filter-active{font-weight:600}.filter-divider{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 4px}.filter-clear{flex-shrink:0;padding:4px 12px;border-radius:20px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:.72rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s;text-decoration:underline;text-underline-offset:2px}.filter-clear:hover{color:var(--text)}.section-tech-badge{font-size:.65rem;padding:2px 10px;border-radius:12px;border:1px solid;font-weight:500;letter-spacing:.02em;margin-left:4px}.sidebar-link-text{display:flex;align-items:center;gap:8px}.sidebar-tech-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.layout{display:flex;max-width:1600px;margin:0 auto;min-height:calc(100vh - 106px)}.sidebar{width:220px;flex-shrink:0;position:sticky;top:106px;height:calc(100vh - 106px);overflow-y:auto;padding:16px 0;border-right:1px solid var(--border);background:var(--bg-sidebar);display:none}@media (min-width: 1024px){.sidebar{display:block}}.sidebar-overlay{display:none}@media (max-width: 1023px){.sidebar-open{display:block;position:fixed;left:0;top:106px;z-index:50;box-shadow:4px 0 24px #00000080}.sidebar-overlay{display:block;position:fixed;right:0;bottom:0;left:0;top:106px;z-index:40;background:#00000080}}.sidebar-header{padding:10px 20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:600}.sidebar-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 20px;background:none;border:none;color:var(--text-dim);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:all .15s;border-left:3px solid transparent}.sidebar-link:hover{color:var(--text);background:var(--bg-hover)}.sidebar-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow)}.sidebar-link.dimmed{opacity:.35}.match-count{background:var(--accent);color:#fff;font-size:.65rem;padding:1px 6px;border-radius:10px;font-weight:600}.main{flex:1;padding:24px;min-width:0}@media (min-width: 768px){.main{padding:32px}}.search-results-bar{background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:var(--radius);padding:10px 16px;margin-bottom:24px;font-size:.85rem;color:var(--text-dim)}.search-results-bar strong{color:var(--accent)}.cheat-section{margin-bottom:40px}.section-title{font-size:1.3rem;font-weight:700;color:var(--text-heading);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.section-anchor{color:var(--accent);text-decoration:none;opacity:0;transition:opacity .2s;font-weight:400}.section-title:hover .section-anchor{opacity:1}.card-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#3a3d4a;box-shadow:0 4px 16px #0003}.card-project{background:var(--bg-card-project);border-color:#1e3a50}.card-project:hover{border-color:#2a5070}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.card-title{font-size:.85rem;font-weight:600;color:var(--text-heading);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-badge{font-size:.6rem;background:#1a4a6a;color:var(--blue);padding:2px 8px;border-radius:10px;font-weight:500;letter-spacing:.02em}.card-body{padding:14px 16px;font-size:.8rem;line-height:1.65}.card-text{margin-bottom:8px;color:var(--text)}.code-block{position:relative;margin:8px 0;background:var(--bg-code);border:1px solid var(--border);border-radius:6px;overflow-x:auto}.code-lang{position:absolute;top:6px;right:8px;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;opacity:.6;z-index:1}code[class*=language-],pre[class*=language-]{color:#abb2bf;text-shadow:none;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none;background:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#5c6370;font-style:italic}.token.punctuation{color:#abb2bf}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#d19a66}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#98c379}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#56b6c2}.token.atrule,.token.attr-value,.token.keyword{color:#c678dd}.token.function,.token.class-name{color:#61afef}.token.regex,.token.important,.token.variable{color:#e5c07b}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.template-string,.token.template-punctuation{color:#98c379}.token.interpolation{color:#abb2bf}.token.interpolation-punctuation{color:#c678dd}.code-block pre{margin:0;padding:12px 14px;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--green);white-space:pre}.table-wrapper{margin:8px 0;overflow-x:auto;border:1px solid var(--border);border-radius:6px}table{width:100%;border-collapse:collapse;font-size:.78rem}th{background:var(--bg-code);padding:8px 12px;text-align:left;font-weight:600;color:var(--text-heading);border-bottom:1px solid var(--border)}td{padding:6px 12px;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.75rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.highlight{background:#7c6ef54d;color:var(--text-heading);padding:1px 2px;border-radius:2px}.no-results{text-align:center;padding:80px 24px;color:var(--text-dim)}.no-results-icon{font-size:3rem;margin-bottom:16px}.no-results h3{font-size:1.2rem;color:var(--text-heading);margin-bottom:8px}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit}.inline-code{font-family:var(--font-mono);font-size:.8em;background:var(--bg-code);border:1px solid var(--border);padding:1px 5px;border-radius:4px;color:var(--green)}.footer{text-align:center;padding:40px 0 24px;color:var(--text-dim);font-size:.75rem;border-top:1px solid var(--border);margin-top:40px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3d4a}