:root{--bg:#f6f7fb;--card:#fff;--fg:#171923;--muted:#676e83;--accent:#5b5bd6;--accent-2:#9333ea;--border:#e4e6ef;--code-bg:#eef0f7;--shadow:0 1px 2px #1719230d, 0 8px 24px #1719230f;--glow:none;color-scheme:light}:root[data-theme=dark]{--bg:#0e1018;--card:#171a26;--fg:#e8eaf6;--muted:#9aa1b9;--accent:#8b8bf0;--accent-2:#c084fc;--border:#262a3a;--code-bg:#1e2231;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--glow:0 0 40px #8b8bf01f;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);max-width:46rem;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0 auto;padding:0 1.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.65;transition:background .25s,color .25s}header{z-index:10;-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb, var(--bg) 75%, transparent);border-bottom:1px solid var(--border);margin:0 -1.25rem;padding:0 1.25rem;position:sticky;top:0}header nav{flex-wrap:wrap;align-items:center;gap:.3rem;padding:.8rem 0;display:flex}.logo{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;background-clip:text;margin-right:.8rem;font-size:1.05rem;font-weight:800;text-decoration:none}header nav a.item{color:var(--muted);border-radius:999px;padding:.35rem .75rem;font-size:.9rem;text-decoration:none}header nav a.item:hover{color:var(--fg);background:var(--code-bg)}header nav a.item.active{color:var(--fg);background:var(--code-bg);font-weight:600}.spacer{flex:1}.iconbtn{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;place-items:center;min-width:2.1rem;height:2.1rem;font-family:inherit;font-size:.95rem;display:grid}.iconbtn:hover{border-color:var(--accent)}.lang-toggle{letter-spacing:.06em;padding:0 .7rem;font-size:.78rem;text-decoration:none}main{min-height:60vh;padding:2rem 0 3rem}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px}h1,h2,h3{letter-spacing:-.02em;line-height:1.3}h1{font-size:1.9rem}.gradient-text{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;background-clip:text;width:fit-content}.btn{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#fff;box-shadow:var(--shadow), var(--glow);border-radius:10px;padding:.55rem 1.1rem;font-size:.93rem;font-weight:600;text-decoration:none;display:inline-block}.btn.ghost{background:var(--card);color:var(--fg);border:1px solid var(--border)}.cards{gap:.7rem;display:grid}a.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 1.1rem;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}a.card:hover{border-color:var(--accent);transform:translateY(-2px)}a.card .title{color:var(--fg);font-size:.97rem;font-weight:600}a.card .date{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}code{background:var(--code-bg);border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.87em}pre{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:1rem 1.1rem;overflow-x:auto}pre code{background:0 0;padding:0;font-size:.85rem;line-height:1.6}img{border-radius:8px;max-width:100%;height:auto}.mermaid-diagram{margin:1rem 0;overflow-x:auto}.mermaid-diagram svg{margin:0 auto;display:block}blockquote{border-left:3px solid var(--accent);background:var(--card);color:var(--muted);border-radius:0 12px 12px 0;margin:1.2rem 0;padding:.7rem 1.2rem}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}th,td{border:1px solid var(--border);text-align:left;padding:.4rem .7rem}footer{border-top:1px solid var(--border);color:var(--muted);padding:1.4rem 0 2.5rem;font-size:.85rem}footer p{margin:.25rem 0}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-bottom:.7rem;display:flex}.footer-brand{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.footer-brand .mark{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:.02em;width:1.75rem;height:1.75rem;box-shadow:var(--shadow);border-radius:8px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.footer-brand .wordmark{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;background-clip:text;font-size:.95rem;font-weight:800}.footer-brand:hover .mark{box-shadow:var(--shadow), var(--glow)}footer a{color:var(--muted)}footer a:hover{color:var(--accent)}.muted{color:var(--muted)}