:root{--bg: #f4f1ec;--bg-secondary: #ebe8e3;--bg-card: #f4f1ec;--bg-card-hover: #efece7;--text: #111114;--text-secondary: #3c3c43;--text-muted: #86868b;--accent: #47b5ff;--accent-soft: rgba(71, 181, 255, .08);--accent-hover: #2ea1f0;--accent-glow: rgba(71, 181, 255, .15);--border: #dedad4;--border-hover: #c8c4be;--code-bg: #e9e6e0;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", Consolas, "Roboto Mono", Menlo, Monaco, monospace;--transition: .2s cubic-bezier(.25, .46, .45, .94)}[data-theme=dark]{--bg: #0c0c0e;--bg-secondary: #141416;--bg-card: #18181b;--bg-card-hover: #1e1e22;--text: #ececf1;--text-secondary: #b4b4bd;--text-muted: #6e6e78;--accent: #47b5ff;--accent-soft: rgba(71, 181, 255, .1);--accent-hover: #6dc4ff;--accent-glow: rgba(71, 181, 255, .12);--border: #27272a;--border-hover: #3f3f45;--code-bg: #1e1e22;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 30px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.layout{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:0 2rem;min-height:100vh;display:flex;flex-direction:column}header{padding:1.25rem 0;margin-bottom:2.5rem;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border)}header.no-sticky{position:relative}nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none;letter-spacing:-.02em;transition:opacity var(--transition)}.logo:hover{opacity:.7}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#fff;border-radius:8px}.nav-links{display:flex;align-items:center;gap:.25rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;margin-left:.5rem;transition:all var(--transition)}.theme-toggle:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-secondary)}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:block}main{flex:1}footer{padding:2rem 0;margin-top:4rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem;display:flex;align-items:center;gap:.5rem}footer a{color:var(--accent);text-decoration:none}a{color:var(--accent);transition:color var(--transition)}a:hover{color:var(--accent-hover)}ul,ol{padding-left:1.5rem}li{margin:.25rem 0}li a{text-decoration:none}li a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{text-align:left;letter-spacing:-.02em;line-height:1.3}code,kbd,pre,samp{font-family:var(--font-mono)}p code,li code,td code,th code{background:var(--code-bg);padding:.15em .4em;border-radius:5px;font-size:.875em;border:1px solid var(--border)}pre{background:var(--code-bg);padding:1.125rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto;margin:1rem 0;font-size:.875em;line-height:1.7}pre code{background:none;padding:0;border:none}kbd{padding:2px 6px;font-size:.85em;color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;box-shadow:0 1px 0 var(--border)}table{border-collapse:collapse;border-spacing:0;font-size:inherit;width:100%;margin:1rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}th,td{border:1px solid var(--border);padding:.6rem .85rem;text-align:left}th{background:var(--bg-secondary);font-weight:600;font-size:.875em;color:var(--text-secondary)}.syntax,.command{background-color:var(--code-bg)}.example{background-color:#e8f5e9}[data-theme=dark] .example{background-color:#1a2e1e}.output{color:#1f51ff}pre.output{background-color:var(--bg-secondary)}.comment{color:#4fa432}.highlight{color:#e31b23}mark{background-color:#6d5cff26;padding:.15em .3em;border-radius:3px}[data-theme=dark] mark{background-color:#8b7cff33}.side-note{margin:1.25em 0;padding:1rem 1.25rem;background:var(--accent-soft);border-radius:var(--radius);border-left:3px solid var(--accent);color:var(--text-secondary);font-size:.925em}.image-center{display:block;margin:1rem auto;max-width:100%;border-radius:var(--radius)}.image-left{display:block;margin:1rem 0;max-width:100%;border-radius:var(--radius)}.table-zebra{margin:.75rem auto;width:90%}.table-zebra tr>th{background:var(--accent);color:#fff;text-align:center}.table-zebra tr:nth-child(odd)>td{background-color:var(--bg-secondary)}img{max-width:100%;border-radius:var(--radius)}.footer-sep{color:var(--border)}.search-trigger{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:.8rem;min-width:200px;transition:all var(--transition)}.search-label{flex:1;text-align:left}.search-trigger:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-secondary)}.search-shortcut{display:flex;gap:2px}.search-shortcut kbd{font-family:var(--font-sans);font-size:.7rem;padding:1px 5px;border-radius:4px;line-height:1.4}@media(max-width:640px){.search-shortcut{display:none}}.search-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#00000080;backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding-top:min(20vh,140px)}.search-overlay.open{display:flex}.search-modal{width:100%;max-width:560px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin:0 1rem}.search-input-wrap{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.search-icon{flex-shrink:0;color:var(--text-muted)}#search-input{flex:1;border:none;outline:none;background:none;font-size:.95rem;font-family:var(--font-sans);color:var(--text)}#search-input::placeholder{color:var(--text-muted)}.search-esc{font-family:var(--font-sans);font-size:.65rem;padding:2px 6px;flex-shrink:0}.search-results{max-height:360px;overflow-y:auto;padding:.5rem}.search-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}.search-result-item{display:block;padding:.6rem .85rem;border-radius:8px;text-decoration:none;color:var(--text);transition:background var(--transition)}.search-result-item:hover,.search-result-item.active{background:var(--accent-soft)}.search-result-title{font-size:.875rem;font-weight:500;color:var(--text)}.search-result-meta{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.search-result-preview{font-size:.775rem;color:var(--text-secondary);margin-top:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.search-highlight{background:#47b5ff33;color:var(--accent);padding:.05em .15em;border-radius:3px}[data-theme=dark] .search-highlight{background:#47b5ff26}.search-no-results{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:640px){.layout{padding:0 .75rem}header{margin-bottom:1rem}}