#dot-container.svelte-1ao2qfq{width:100%;height:400px;background-color:var(--vcsi-bg)}canvas.svelte-1ao2qfq{width:100%;height:100%;display:block}@media(max-width:768px){#dot-container.svelte-1ao2qfq{width:100%;height:300px}}.level-section.svelte-1konuqd{margin-bottom:var(--vcsi-space-2xl)}.level-section.svelte-1konuqd:last-child{margin-bottom:0}.level-heading.svelte-1konuqd{font-size:var(--vcsi-font-size-md);font-family:var(--vcsi-font-serif);margin:0 0 var(--vcsi-space-lg) 0;color:var(--vcsi-fg);border-bottom:2px solid var(--vcsi-border);padding-bottom:var(--vcsi-space-sm)}.story-grid.svelte-1konuqd{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:var(--vcsi-space-xl);margin:0}.story-card.svelte-1konuqd{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);height:285px;box-shadow:0 2px 8px #00000014;text-decoration:none;color:inherit;display:flex;flex-direction:column}.story-card.svelte-1konuqd:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;background:#fff;border-color:#0000001f}.dark .story-card.svelte-1konuqd{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.dark .story-card.svelte-1konuqd:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 12px 32px #0006}.card-content.svelte-1konuqd{padding:0rem var(--vcsi-space-lg);display:flex;flex-direction:column;height:100%;gap:var(--vcsi-space-md)}.card-footer.svelte-1konuqd{margin-top:auto;margin-bottom:var(--vcsi-space-md);display:flex;justify-content:space-between;align-items:center;padding-top:var(--vcsi-space-md);border-top:1px solid rgba(0,0,0,.08)}.dark .card-footer.svelte-1konuqd{border-top-color:#ffffff1a}.read-more.svelte-1konuqd{font-size:.95rem;font-weight:600;color:var(--vcsi-color-accent, #007a87);transition:transform var(--vcsi-transition-base)}.story-card.svelte-1konuqd:hover .read-more:where(.svelte-1konuqd){transform:translate(4px)}.description.svelte-1konuqd{font-size:1rem;line-height:1.6;color:#000000b3;flex-grow:1}.dark .description.svelte-1konuqd{color:#ffffffb3}.date.svelte-1konuqd{margin:0;font-size:.9rem;color:#00000080;font-family:var(--vcsi-font-sans)}.dark .date.svelte-1konuqd{color:#ffffff80}.tags.svelte-1konuqd{display:flex;flex-wrap:wrap;gap:var(--vcsi-space-sm)}.tag.svelte-1konuqd{font-size:.75rem;font-family:var(--vcsi-font-sans);padding:var(--vcsi-space-xs) .6rem;background:#0000000f;border-radius:12px;color:#0009}.dark .tag.svelte-1konuqd{background:#ffffff1a;color:#ffffffb3}@media(max-width:768px){.story-grid.svelte-1konuqd{grid-template-columns:1fr;gap:var(--vcsi-space-lg)}.story-card.svelte-1konuqd{min-height:220px}.card-content.svelte-1konuqd{padding:var(--vcsi-space-lg)}}.remote-functions.svelte-11aes9u{padding:4rem var(--vcsi-page-inline-padding);margin-bottom:var(--vcsi-bottom-padding, 7.5rem);background:#00000005;overflow-x:hidden}.remote-functions.svelte-11aes9u h2:where(.svelte-11aes9u){font-size:clamp(1.8rem,4vw,2.5rem);font-family:var(--vcsi-font-serif);margin:0 0 var(--vcsi-space-md) 0;text-align:center}.section-intro.svelte-11aes9u{max-width:700px;margin:0 auto var(--vcsi-space-xl);text-align:center;font-size:1rem;line-height:1.6;color:var(--vcsi-gray-700)}.section-intro.svelte-11aes9u code:where(.svelte-11aes9u){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;background:#0000000d;padding:.15rem .35rem;border-radius:4px}.dark .section-intro.svelte-11aes9u code:where(.svelte-11aes9u){background:#ffffff1a}.remote-layout.svelte-11aes9u{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;min-width:0}.remote-layout.svelte-11aes9u>:where(.svelte-11aes9u){min-width:0}.remote-explanations.svelte-11aes9u{display:grid;grid-template-columns:1fr;gap:1rem}.explanation.svelte-11aes9u{padding:var(--vcsi-space-md) 1.25rem;background:var(--vcsi-bg);border-radius:10px;border:1px solid rgba(0,0,0,.06)}.explanation.svelte-11aes9u h3:where(.svelte-11aes9u){font-family:var(--vcsi-font-sans);font-size:1rem;font-weight:600;margin:0 0 var(--vcsi-space-sm) 0;color:var(--vcsi-fg)}.explanation.svelte-11aes9u p:where(.svelte-11aes9u){font-size:.9rem;line-height:1.5;margin:0;color:var(--vcsi-gray-700)}.explanation.svelte-11aes9u code:where(.svelte-11aes9u){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8em;background:#0000000d;padding:.15rem .35rem;border-radius:4px}.dark .explanation.svelte-11aes9u code:where(.svelte-11aes9u){background:#ffffff1a}.static-note.svelte-11aes9u{padding:1rem 1.25rem;background:#f65a3b0f;border:1px solid rgba(246,100,59,.15);border-radius:10px;position:relative}.static-note.svelte-11aes9u .note-label:where(.svelte-11aes9u){position:absolute;top:-.6rem;left:var(--vcsi-space-md);background:var(--vcsi-bg);padding:0 var(--vcsi-space-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f6643b}.static-note.svelte-11aes9u pre:where(.svelte-11aes9u){margin:0;padding:.75rem;background:#f6f8fa;border:1px solid #d1d9e0;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;line-height:1.5;overflow-x:auto}.static-note.svelte-11aes9u pre:where(.svelte-11aes9u) code:where(.svelte-11aes9u){background:none;padding:0;color:#1f2328}.dark .static-note.svelte-11aes9u{background:#3b82f614;border-color:#3b82f633}.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u){background:#161b22;border-color:#30363d}.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u) code:where(.svelte-11aes9u){color:#e6edf3}.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u) .hljs-keyword{color:#ff7b72}.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u) .hljs-string{color:#a5d6ff}.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u) .hljs-title,.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u) .hljs-title.function_{color:#d2a8ff}.dark .static-note.svelte-11aes9u pre:where(.svelte-11aes9u) .hljs-comment{color:#8b949e}.remote-cta.svelte-11aes9u{text-align:center;margin-top:var(--vcsi-space-lg);font-size:.95rem;color:var(--vcsi-gray-700);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.experimental-badge.svelte-11aes9u{display:inline-block;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:4px}@media(max-width:768px){.remote-functions.svelte-11aes9u{padding:2.5rem var(--vcsi-page-inline-padding);padding-bottom:var(--vcsi-space-2xl, 3rem)}.section-intro.svelte-11aes9u{font-size:.95rem;text-align:left;margin-bottom:1.5rem}.remote-layout.svelte-11aes9u{grid-template-columns:1fr;gap:1.5rem}.remote-explanations.svelte-11aes9u{grid-template-columns:1fr;gap:.75rem}.explanation.svelte-11aes9u{padding:.875rem 1rem}.explanation.svelte-11aes9u h3:where(.svelte-11aes9u){font-size:.95rem}.explanation.svelte-11aes9u p:where(.svelte-11aes9u){font-size:.85rem}.static-note.svelte-11aes9u{padding:1.25rem 1rem .875rem}.static-note.svelte-11aes9u .note-label:where(.svelte-11aes9u){font-size:.6rem;top:-.5rem}.static-note.svelte-11aes9u pre:where(.svelte-11aes9u){font-size:.65rem;padding:.5rem}.remote-cta.svelte-11aes9u{flex-direction:column;gap:.5rem;text-align:center;font-size:.85rem;margin-top:1rem}}.hero.svelte-7ccykd{display:grid;place-items:center;min-height:100dvh;padding-bottom:var(--vcsi-nav-height);box-sizing:border-box}.hero-inner.svelte-7ccykd{display:flex;align-items:center;justify-content:space-between;gap:var(--vcsi-space-2xl);width:100%;max-width:var(--vcsi-page-max-width)}.hero-text.svelte-7ccykd{display:flex;flex-direction:column;gap:var(--vcsi-space-md);max-width:55%}.hero-text.svelte-7ccykd h1:where(.svelte-7ccykd){font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.3;margin:0;font-family:var(--vcsi-font-serif)}.hero-text.svelte-7ccykd p:where(.svelte-7ccykd){font-size:clamp(1.2rem,2.5vw,1.5rem);margin:0;color:var(--vcsi-muted)}.code-blocks.svelte-7ccykd{display:flex;flex-direction:column;gap:var(--vcsi-space-sm)}.github-row.svelte-7ccykd{display:inline-flex;align-items:center;font-family:var(--vcsi-font-sans);font-size:.9rem;color:var(--vcsi-muted);margin-top:var(--vcsi-space-xs)}.github-link.svelte-7ccykd{display:inline-flex;align-items:center;gap:var(--vcsi-space-xs);font-weight:500;color:var(--vcsi-fg);text-decoration:none;margin-left:var(--vcsi-space-xs);transition:gap var(--vcsi-transition-base)}.github-link.svelte-7ccykd:hover{gap:var(--vcsi-space-sm)}.hero-inner.svelte-7ccykd>DotsToImage{flex:1;height:50%}.stories.svelte-7ccykd{padding:4rem var(--vcsi-page-inline-padding)}.loading.svelte-7ccykd{text-align:center;padding:var(--vcsi-space-2xl);font-size:1.2rem;color:var(--vcsi-fg);opacity:.7}.why-svelte.svelte-7ccykd{padding:4rem var(--vcsi-page-inline-padding);background:var(--vcsi-hover)}.why-svelte.svelte-7ccykd h2:where(.svelte-7ccykd){font-size:clamp(1.8rem,4vw,2.5rem);font-family:var(--vcsi-font-serif);margin:0 0 var(--vcsi-space-xl) 0;text-align:center}.reasons-grid.svelte-7ccykd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--vcsi-space-xl)}.reason.svelte-7ccykd{padding:var(--vcsi-space-lg);background:var(--vcsi-bg);border-radius:12px;border:1px solid var(--vcsi-border)}.reason.svelte-7ccykd h3:where(.svelte-7ccykd){font-family:var(--vcsi-font-sans);font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:var(--vcsi-fg)}.reason.svelte-7ccykd p:where(.svelte-7ccykd){font-size:.95rem;line-height:1.6;margin:0;color:var(--vcsi-muted)}.svelte-cta.svelte-7ccykd{text-align:center;margin-top:var(--vcsi-space-xl);font-size:1rem;color:var(--vcsi-muted)}.svelte-cta.svelte-7ccykd a:where(.svelte-7ccykd){color:var(--vcsi-fg);font-weight:500}.project-structure.svelte-7ccykd{padding:4rem var(--vcsi-page-inline-padding)}.project-structure.svelte-7ccykd h2:where(.svelte-7ccykd){font-size:clamp(1.8rem,4vw,2.5rem);font-family:var(--vcsi-font-serif);margin:0 0 var(--vcsi-space-xl) 0;text-align:center}.structure-layout.svelte-7ccykd{display:grid;grid-template-columns:auto 1fr;gap:var(--vcsi-space-2xl);align-items:start}.tree-view.svelte-7ccykd{background:#f6f8fa;border:1px solid #d1d9e0;border-radius:var(--vcsi-radius-lg);padding:var(--vcsi-space-lg);margin:0;overflow-x:auto;font-size:.85rem;line-height:1.5;color:#1f2328}.dark .tree-view.svelte-7ccykd{background:#161b22;border-color:#30363d;color:#e6edf3}.tree-view.svelte-7ccykd code:where(.svelte-7ccykd){background:none;padding:0}.structure-explanations.svelte-7ccykd{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vcsi-space-lg)}.explanation.svelte-7ccykd{padding:1.25rem;background:var(--vcsi-bg);border-radius:10px;border:1px solid var(--vcsi-border)}.explanation.svelte-7ccykd h3:where(.svelte-7ccykd){font-family:var(--vcsi-font-sans);font-size:1rem;font-weight:600;margin:0 0 var(--vcsi-space-sm) 0;color:var(--vcsi-fg)}.explanation.svelte-7ccykd p:where(.svelte-7ccykd){font-size:.9rem;line-height:1.5;margin:0;color:var(--vcsi-muted)}.explanation.svelte-7ccykd code:where(.svelte-7ccykd){font-family:var(--vcsi-font-mono);font-size:.8em;background:var(--vcsi-hover);padding:.15rem .35rem;border-radius:var(--vcsi-radius-sm)}@media(max-width:768px){.hero-inner.svelte-7ccykd{flex-direction:column;gap:var(--vcsi-space-xl);text-align:center}.hero-text.svelte-7ccykd{max-width:90%}.hero-text.svelte-7ccykd h1:where(.svelte-7ccykd){font-size:2.5rem}.hero-text.svelte-7ccykd p:where(.svelte-7ccykd){font-size:1.2rem}.structure-layout.svelte-7ccykd,.structure-explanations.svelte-7ccykd{grid-template-columns:1fr}}