.guide-page.svelte-1ky6wzy{--guide-accent: #04A459;--guide-accent-soft: rgba(4, 164, 89, .1);--guide-accent-border: rgba(4, 164, 89, .3);--guide-accent-glow: rgba(4, 164, 89, .12);--guide-bg-start: #0a0c10;--guide-bg-mid: #0f1419;--guide-bg-end: #0a0c10;--guide-text-base: #9ca3af;--guide-text-bright: #d1d5db;--guide-accent-15: rgba(4, 164, 89, .15);--guide-accent-20: rgba(4, 164, 89, .2);--guide-accent-05: rgba(4, 164, 89, .05);--guide-accent-08: rgba(4, 164, 89, .08);--guide-card-bg: rgba(15, 23, 42, .5);--guide-card-border: rgba(255, 255, 255, .05);--guide-error: #ef4444;--guide-warning: #f59e0b;--guide-info: #3b82f6;--guide-muted: #4b5563;--guide-code-bg: #0f172a;--guide-code-text: #a5b4fc}.guide-page.svelte-1ky6wzy{background:linear-gradient(180deg,var(--guide-bg-start) 0%,var(--guide-bg-mid) 50%,var(--guide-bg-end) 100%);color:var(--guide-text-base);min-height:100vh;font-family:JetBrains Mono,monospace;padding-top:calc(80px + 2rem);position:relative}.container.svelte-1ky6wzy{max-width:1520px;margin:0 auto;padding:0 2rem 4rem;position:relative}.guide-page.svelte-1ky6wzy h1:where(.svelte-1ky6wzy){font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;line-height:1.2}.guide-page.svelte-1ky6wzy h2:where(.svelte-1ky6wzy){font-size:1.75rem;font-weight:700;color:#fff}.guide-page.svelte-1ky6wzy strong:where(.svelte-1ky6wzy){color:#fff}.guide-page.svelte-1ky6wzy code:where(.svelte-1ky6wzy){background:var(--guide-accent-soft);padding:.1rem .4rem;font-size:.9em;color:var(--guide-accent);font-family:JetBrains Mono,monospace}.breadcrumb.svelte-1ky6wzy{font-size:.85rem;color:var(--guide-muted);margin-bottom:1rem}.breadcrumb.svelte-1ky6wzy a:where(.svelte-1ky6wzy){color:var(--guide-accent);text-decoration:none}.page-label.svelte-1ky6wzy{font-size:.75rem;font-weight:600;color:var(--guide-accent);letter-spacing:.1em;margin-bottom:1rem}@media(max-width:768px){.container.svelte-1ky6wzy{padding:0 1.25rem 3rem}.guide-page.svelte-1ky6wzy h1:where(.svelte-1ky6wzy){font-size:1.75rem}}.guide-page{--guide-accent: #14b8a6;--guide-accent-soft: rgba(20, 184, 166, .1);--guide-accent-border: rgba(20, 184, 166, .3);--guide-accent-glow: rgba(20, 184, 166, .12);--guide-accent-15: rgba(20, 184, 166, .15);--guide-accent-20: rgba(20, 184, 166, .2);--guide-accent-05: rgba(20, 184, 166, .05);--guide-accent-08: rgba(20, 184, 166, .08);--guide-bg-start: #0f1115;--guide-bg-mid: #0f1115;--guide-bg-end: #0f1115;--guide-text-base: #a8a29e}.guide-page.svelte-1ky6wzy{background:#0f1115;font-family:Mulish,sans-serif;padding-top:calc(80px + 4rem);padding-bottom:4rem}.container.svelte-1ky6wzy{padding:0 2rem}.page-nav.svelte-1ky6wzy{position:fixed;right:2rem;top:calc(80px + 4rem);width:240px;background:#18181b;border:1px solid #27272a;display:none;z-index:10}@media(min-width:1280px){.page-nav.svelte-1ky6wzy{display:block}}.nav-header.svelte-1ky6wzy{padding:.75rem 1rem;background:#ef4444;color:#fff;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em}.nav-content.svelte-1ky6wzy{padding:.5rem}.nav-item.svelte-1ky6wzy{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.6rem .75rem;font-size:.8rem;font-family:JetBrains Mono,monospace;color:#71717a;background:none;border:none;cursor:pointer;transition:all .1s}.nav-item.svelte-1ky6wzy:hover{color:#ef4444;background:#ef44440d}.nav-item.active.svelte-1ky6wzy{color:#ef4444;background:#ef44441a}.nav-marker.svelte-1ky6wzy{font-weight:700}.hero.svelte-1ky6wzy{margin-bottom:4rem;text-align:center;padding-right:0}@media(min-width:1280px){.hero.svelte-1ky6wzy{text-align:left;padding-right:300px}}.breadcrumb.svelte-1ky6wzy{font-size:.8rem;color:#57534e;margin-bottom:1rem;font-family:JetBrains Mono,monospace}.breadcrumb.svelte-1ky6wzy a:where(.svelte-1ky6wzy){color:#a8a29e;text-decoration:none}.panic-bread.svelte-1ky6wzy{color:#ef4444}.page-label.svelte-1ky6wzy{font-size:.75rem;font-weight:700;color:#ef4444;letter-spacing:.15em;margin-bottom:1rem;display:inline-block;border:1px solid rgba(239,68,68,.3);padding:.25rem .75rem;background:#ef44441a;border-radius:0}h1.svelte-1ky6wzy{font-family:Quicksand,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#fafaf9;margin-bottom:1.5rem}.hero-intro.svelte-1ky6wzy{font-size:1.2rem;line-height:1.6;color:#d6d3d1;max-width:600px;margin:0 auto}@media(min-width:1280px){.hero-intro.svelte-1ky6wzy{margin:0}}.grid-layout.svelte-1ky6wzy{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:4rem;padding-right:0}@media(min-width:768px){.grid-layout.svelte-1ky6wzy{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.grid-layout.svelte-1ky6wzy{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid-layout.svelte-1ky6wzy{padding-right:280px}}.card.svelte-1ky6wzy{background:#18181b;border:1px solid #27272a;border-radius:0;overflow:hidden;position:relative;scroll-margin-top:calc(80px + 6rem)}.card-header.svelte-1ky6wzy{padding:1.5rem;border-bottom:1px solid #27272a;display:flex;align-items:center;gap:1rem;background:#0003}.icon.svelte-1ky6wzy{font-size:1.5rem}.card.svelte-1ky6wzy h2:where(.svelte-1ky6wzy){font-family:Quicksand,sans-serif;font-size:1.25rem;font-weight:700;color:#fafaf9;margin:0}.card-body.svelte-1ky6wzy{padding:1.5rem}.problem.svelte-1ky6wzy{font-size:1rem;color:#d6d3d1;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px dashed #44403c}.problem.svelte-1ky6wzy strong:where(.svelte-1ky6wzy){color:#fafaf9;display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;opacity:.7}.focus-card.svelte-1ky6wzy{border-color:#f59e0b4d}.focus-card.svelte-1ky6wzy .card-header:where(.svelte-1ky6wzy){background:#f59e0b1a}.focus-card.svelte-1ky6wzy h2:where(.svelte-1ky6wzy){color:#fbbf24}.solution-steps.svelte-1ky6wzy{display:grid;gap:1rem}.step.svelte-1ky6wzy{display:flex;align-items:center;gap:1rem;background:#ffffff08;padding:1rem;border-radius:0}.step-num.svelte-1ky6wzy{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:#fbbf24;opacity:.5}.step.svelte-1ky6wzy p:where(.svelte-1ky6wzy){margin:0;color:#fafaf9}.step.svelte-1ky6wzy code:where(.svelte-1ky6wzy){background:#fb923c26;color:#fbbf24;padding:.2rem .4rem;border-radius:0;font-size:.9em}.why-box.svelte-1ky6wzy{margin-top:2rem;background:#f59e0b0d;padding:1rem;border-radius:0;border:1px solid rgba(245,158,11,.1)}.why-title.svelte-1ky6wzy{display:block;font-size:.7rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.why-box.svelte-1ky6wzy p:where(.svelte-1ky6wzy){font-size:.9rem;margin:0;color:#d6d3d1}.hang-card.svelte-1ky6wzy{border-color:#ef44444d}.hang-card.svelte-1ky6wzy .card-header:where(.svelte-1ky6wzy){background:#ef44441a}.hang-card.svelte-1ky6wzy h2:where(.svelte-1ky6wzy){color:#f87171}.solution-big.svelte-1ky6wzy{text-align:center;margin-bottom:1.5rem}.solution-big.svelte-1ky6wzy .label:where(.svelte-1ky6wzy){display:block;font-size:.8rem;color:#ef4444;margin-bottom:1rem;font-weight:700}kbd.svelte-1ky6wzy{background:#27272a;border:1px solid #44403c;border-bottom:3px solid #44403c;border-radius:0;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.5rem;color:#fafaf9;font-weight:700}.solution-desc.svelte-1ky6wzy{text-align:center;font-size:.95rem;color:#a8a29e}.trap-card.svelte-1ky6wzy{border-color:#3b82f64d}.trap-card.svelte-1ky6wzy .card-header:where(.svelte-1ky6wzy){background:#3b82f61a}.trap-card.svelte-1ky6wzy h2:where(.svelte-1ky6wzy){color:#60a5fa}.editor-grid.svelte-1ky6wzy{display:grid;gap:1rem}.editor-item.svelte-1ky6wzy{background:#ffffff08;padding:1rem;border-radius:0;display:flex;justify-content:space-between;align-items:center}.editor-name.svelte-1ky6wzy{font-size:.9rem;color:#d6d3d1}.editor-item.svelte-1ky6wzy kbd:where(.svelte-1ky6wzy){font-size:1rem;padding:.2rem .5rem}.editor-item.svelte-1ky6wzy code:where(.svelte-1ky6wzy){font-family:JetBrains Mono,monospace;color:#60a5fa}.explanation-section.svelte-1ky6wzy{background:#1c1917;padding:2rem;border-radius:0;border:1px solid #292524;scroll-margin-top:calc(80px + 6rem);max-width:1000px}@media(min-width:1280px){.explanation-section.svelte-1ky6wzy{margin-right:280px}}.explanation-section.svelte-1ky6wzy h2:where(.svelte-1ky6wzy){font-family:Quicksand,sans-serif;color:#fafaf9;margin-top:0}.explanation-section.svelte-1ky6wzy p:where(.svelte-1ky6wzy),.explanation-section.svelte-1ky6wzy li:where(.svelte-1ky6wzy){font-size:1rem;line-height:1.7;color:#a8a29e}.explanation-section.svelte-1ky6wzy ul:where(.svelte-1ky6wzy){margin:1rem 0;padding-left:1.5rem}