@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #ffffff;--bg-alt: #f9f9f9;--bg-card: #ffffff;--bg-nav: rgba(255, 255, 255, .95);--border: #e5e5e5;--border-hover: #800020;--text-primary: #000000;--text-secondary: #222222;--text-muted: #666666;--accent: #800020;--accent-hover: #5a0016;--accent-soft: #fdf2f2;--accent-dim: rgba(128, 0, 32, .05);--tag-bg: #fdf2f2;--tag-text: #800020;--shadow-card: 0 2px 16px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 32px rgba(128, 0, 32, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 10px;--radius-sm: 5px;--transition: .2s ease;--max-width: 760px;--nav-height: 64px}[data-theme=dark]{--bg: #0e0e0e;--bg-alt: #161616;--bg-card: #1a1a1a;--bg-nav: rgba(14, 14, 14, .88);--border: #2a2a2a;--border-hover: #5b21b6;--text-primary: #f0f0f0;--text-secondary: #a89ccc;--text-muted: #665f85;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-soft: #1e1030;--accent-dim: rgba(167, 139, 250, .1);--tag-bg: #1e1030;--tag-text: #c4b5fd;--shadow-card: 0 2px 16px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.page-wrapper{min-height:calc(100vh - var(--nav-height));padding:64px 0 120px}h1,h2,h3,h4{font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:1.5rem}h3{font-size:1.15rem}p{color:var(--text-secondary)}code{font-family:var(--font-mono);font-size:.85em;background:var(--tag-bg);border:1px solid var(--border);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent)}pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow-x:auto;margin:1.5rem 0;box-shadow:var(--shadow-card)}pre code{background:none;border:none;padding:0;font-size:.875rem;color:var(--text-secondary)}.accent{color:var(--accent)}.btn-accent{display:inline-block;background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;padding:10px 20px;border-radius:var(--radius);border:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);font-family:var(--font-sans)}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed40}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);cursor:pointer}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tag{display:inline-block;background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--border);font-family:var(--font-mono);font-size:.72rem;padding:3px 10px;border-radius:100px;letter-spacing:.02em;font-weight:500}.divider{border:none;border-top:1px solid var(--border);margin:48px 0}.page-header{margin-bottom:48px}.page-header h1{margin-bottom:10px}.page-header p{font-size:1rem;color:var(--text-secondary)}.markdown-body{color:var(--text-secondary);line-height:1.85}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-primary);margin:2rem 0 .75rem}.markdown-body h1{font-size:1.9rem}.markdown-body h2{font-size:1.4rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.markdown-body h3{font-size:1.1rem}.markdown-body p{margin-bottom:1.2rem}.markdown-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-hover)}.markdown-body a:hover{text-decoration-color:var(--accent)}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin-bottom:1.2rem}.markdown-body li{margin-bottom:.4rem}.markdown-body blockquote{border-left:3px solid var(--accent);padding:.5rem 0 .5rem 1.2rem;margin:1.5rem 0;background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.markdown-body img{border-radius:var(--radius);border:1px solid var(--border);margin:1.5rem 0}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.markdown-body th,.markdown-body td{padding:10px 14px;border:1px solid var(--border);text-align:left}.markdown-body th{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.875rem;margin-bottom:40px;transition:color var(--transition)}.back-link:hover{color:var(--accent)}.cards-grid{display:grid;gap:16px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.flex-wrap{flex-wrap:wrap}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:20px}.mt-4{margin-top:32px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:32px}nav.svelte-12qhfyh{position:sticky;top:0;z-index:100;background:var(--bg-nav);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:background .25s ease,border-color .25s ease}.nav-inner.svelte-12qhfyh{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}.nav-brand.svelte-12qhfyh{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.05rem;letter-spacing:-.03em;color:var(--text-primary);transition:opacity var(--transition)}.nav-brand.svelte-12qhfyh:hover{opacity:.75}.brand-circle.svelte-12qhfyh{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.nav-right.svelte-12qhfyh{display:flex;align-items:center;gap:4px}.nav-links.svelte-12qhfyh{display:flex;align-items:center;gap:2px;list-style:none}.nav-link.svelte-12qhfyh{font-size:.875rem;color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);font-weight:400}.nav-link.svelte-12qhfyh:hover{color:var(--accent);background:var(--accent-dim)}.nav-link.active.svelte-12qhfyh{color:var(--accent);font-weight:600;background:var(--accent-dim)}.theme-toggle.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition);margin-left:8px}.theme-toggle.svelte-12qhfyh:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.hamburger.svelte-12qhfyh{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;margin-left:4px}.hamburger.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;width:20px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .2s ease}.mobile-menu.svelte-12qhfyh{display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--bg-nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:8px 24px 16px}.mobile-link.svelte-12qhfyh{font-size:.95rem;color:var(--text-muted);padding:10px 0;border-bottom:1px solid var(--border);transition:color var(--transition);font-weight:400}.mobile-link.svelte-12qhfyh:last-child{border-bottom:none}.mobile-link.svelte-12qhfyh:hover,.mobile-link.active.svelte-12qhfyh{color:var(--accent);font-weight:500}@media(max-width:560px){.nav-links.svelte-12qhfyh{display:none}.hamburger.svelte-12qhfyh{display:flex}}footer.svelte-12qhfyh{border-top:1px solid var(--border);padding:28px 0;background:var(--bg);transition:background .25s ease}.footer-text.svelte-12qhfyh{font-size:.8rem;color:var(--text-muted);text-align:center}.footer-accent.svelte-12qhfyh{color:var(--accent);font-weight:600}
