.json-code-example.svelte-1vox4j5{background:var(--code-bg,#f8fafc);border:1px solid var(--code-border,#e2e8f0);border-radius:12px;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Consolas,monospace;overflow:hidden;transition:all .2s ease}.json-code-example.svelte-1vox4j5:hover{border-color:var(--code-border-hover,#cbd5e0);box-shadow:0 4px 12px #0000000d}.example-good.svelte-1vox4j5{background:var(--success-bg,#f0fdf4);border-color:var(--success-border,#10b981)}.example-bad.svelte-1vox4j5{background:var(--error-bg,#fef2f2);border-color:var(--error-border,#ef4444)}.example-neutral.svelte-1vox4j5{background:var(--neutral-bg,#f8fafc);border-color:var(--neutral-border,#e2e8f0)}.compact.svelte-1vox4j5{font-size:.875rem}.compact.svelte-1vox4j5 .code-container:where(.svelte-1vox4j5),.compact.svelte-1vox4j5 .example-header:where(.svelte-1vox4j5){padding:.75rem 1rem}.example-header.svelte-1vox4j5{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg,hsla(0,0%,100%,.5));border-bottom:1px solid var(--header-border,rgba(0,0,0,.05));justify-content:space-between;padding:1rem 1.25rem}.example-header.svelte-1vox4j5,.example-title.svelte-1vox4j5{align-items:center;display:flex}.example-title.svelte-1vox4j5{color:var(--title-color,#374151);font-size:.875rem;font-weight:600;gap:.5rem}.variant-icon.svelte-1vox4j5{font-size:1rem}.copy-button.svelte-1vox4j5,.title-text.svelte-1vox4j5{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.copy-button.svelte-1vox4j5{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--button-bg,hsla(0,0%,100%,.8));border:1px solid var(--button-border,#d1d5db);border-radius:6px;color:var(--button-color,#4b5563);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.copy-button.svelte-1vox4j5:hover{background:var(--button-hover-bg,#fff);border-color:var(--button-hover-border,#9ca3af);box-shadow:0 2px 4px #0000001a;color:var(--button-hover-color,#374151);transform:translateY(-1px)}.copy-button.svelte-1vox4j5:active{transform:translateY(0)}.icon.svelte-1vox4j5{flex-shrink:0;height:16px;width:16px}.code-container.svelte-1vox4j5{overflow-x:auto;padding:1.25rem}.code-block.svelte-1vox4j5{color:var(--code-color,#1f2937);font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;white-space:pre;word-wrap:normal}.code-block.svelte-1vox4j5,.code-block.svelte-1vox4j5 code:where(.svelte-1vox4j5){background:transparent;padding:0}.code-block.svelte-1vox4j5 code:where(.svelte-1vox4j5){border-radius:0;color:inherit;font-family:inherit;font-size:inherit}[data-theme=dark] .json-code-example.svelte-1vox4j5{--code-bg:#1e293b;--code-border:#334155;--code-border-hover:#475569;--code-color:#e2e8f0;--header-bg:rgba(0,0,0,.2);--header-border:hsla(0,0%,100%,.1);--title-color:#f1f5f9;--button-bg:rgba(0,0,0,.3);--button-border:#475569;--button-color:#cbd5e1;--button-hover-bg:rgba(0,0,0,.5);--button-hover-border:#64748b;--button-hover-color:#f1f5f9}[data-theme=dark] .example-good.svelte-1vox4j5{--success-bg:rgba(16,185,129,.1);--success-border:#10b981}[data-theme=dark] .example-bad.svelte-1vox4j5{--error-bg:rgba(239,68,68,.1);--error-border:#ef4444}@media (max-width:768px){.example-header.svelte-1vox4j5{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.copy-button.svelte-1vox4j5{align-self:flex-end}.code-container.svelte-1vox4j5{padding:1rem}.code-block.svelte-1vox4j5{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.copy-button.svelte-1vox4j5,.json-code-example.svelte-1vox4j5{transition:none}}@media print{.copy-button.svelte-1vox4j5{display:none}.json-code-example.svelte-1vox4j5{border:1px solid #000;box-shadow:none}}.overview-section.svelte-1cb2e4l{color:var(--text-primary,#1f2937);max-width:100%}.hero-section.svelte-1cb2e4l{background:linear-gradient(135deg,var(--primary-color,#3b82f6) 0,var(--primary-hover,#2563eb) 100%);border-radius:16px;color:#fff;margin-bottom:4rem;padding:3rem 2rem;text-align:center}.hero-title.svelte-1cb2e4l{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.hero-subtitle.svelte-1cb2e4l{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-stats.svelte-1cb2e4l{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.stat-item.svelte-1cb2e4l{text-align:center}.stat-number.svelte-1cb2e4l{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label.svelte-1cb2e4l{font-size:.9rem;opacity:.8}.intro-section.svelte-1cb2e4l{margin-bottom:4rem}.intro-content.svelte-1cb2e4l h2:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:1rem}.intro-text.svelte-1cb2e4l{color:var(--text-secondary,#4b5563);font-size:1.1rem;line-height:1.7}.intro-text.svelte-1cb2e4l,.why-json.svelte-1cb2e4l{margin-bottom:3rem}.why-json.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.reasons-grid.svelte-1cb2e4l{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.reason-card.svelte-1cb2e4l{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.reason-card.svelte-1cb2e4l:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.reason-icon.svelte-1cb2e4l{font-size:2rem;margin-bottom:1rem}.reason-card.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.reason-card.svelte-1cb2e4l p:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5}.key-features.svelte-1cb2e4l{margin-top:3rem}.key-features.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.feature-grid.svelte-1cb2e4l{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card.svelte-1cb2e4l{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.feature-card.svelte-1cb2e4l:hover{border-color:var(--border-hover,#d1d5db);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.feature-icon.svelte-1cb2e4l{font-size:2rem;margin-bottom:1rem}.feature-card.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.feature-card.svelte-1cb2e4l p:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5}.history-section.svelte-1cb2e4l{margin-bottom:4rem}.history-section.svelte-1cb2e4l h2:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:2rem}.timeline.svelte-1cb2e4l{padding-left:2rem;position:relative}.timeline.svelte-1cb2e4l:before{background:var(--primary-color,#3b82f6);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item.svelte-1cb2e4l{margin-bottom:3rem;padding-left:2rem;position:relative}.timeline-item.svelte-1cb2e4l:before{background:var(--primary-color,#3b82f6);border-radius:50%;content:"";height:12px;left:-1.5rem;position:absolute;top:.5rem;width:12px}.timeline-date.svelte-1cb2e4l{color:var(--primary-color,#3b82f6);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.timeline-content.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.timeline-content.svelte-1cb2e4l p:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);line-height:1.6}.code-example-section.svelte-1cb2e4l,.real-world-example.svelte-1cb2e4l{margin-bottom:3rem}.example-header.svelte-1cb2e4l{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.example-header.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600}.copy-btn.svelte-1cb2e4l{align-items:center;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.copy-btn.svelte-1cb2e4l:hover{background:var(--primary-hover,#2563eb)}.code-block.svelte-1cb2e4l{background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-code,#374151);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;padding:1.5rem}.example-description.svelte-1cb2e4l{color:var(--text-secondary,#6b7280);line-height:1.6;margin-top:1rem}.use-cases-section.svelte-1cb2e4l{margin-bottom:4rem}.use-cases-section.svelte-1cb2e4l h2:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:2rem}.use-cases-grid.svelte-1cb2e4l{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.use-case-card.svelte-1cb2e4l{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:2rem;transition:all .2s ease}.use-case-card.svelte-1cb2e4l:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.use-case-icon.svelte-1cb2e4l{font-size:2.5rem;margin-bottom:1rem}.use-case-card.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.use-case-card.svelte-1cb2e4l p:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);line-height:1.6;margin-bottom:1.5rem}.use-case-examples.svelte-1cb2e4l{display:flex;flex-wrap:wrap;gap:.5rem}.use-case-examples.svelte-1cb2e4l span:where(.svelte-1cb2e4l){background:var(--bg-secondary,#f9fafb);border-radius:12px;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.industry-adoption.svelte-1cb2e4l{margin-bottom:4rem}.industry-adoption.svelte-1cb2e4l h2:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:2rem}.industry-stats.svelte-1cb2e4l{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card.svelte-1cb2e4l{background:linear-gradient(135deg,var(--primary-color,#3b82f6) 0,var(--primary-hover,#2563eb) 100%);border-radius:12px;color:#fff;padding:2rem;text-align:center}.stat-card.svelte-1cb2e4l .stat-number:where(.svelte-1cb2e4l){font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-card.svelte-1cb2e4l .stat-label:where(.svelte-1cb2e4l){font-size:.9rem;opacity:.9}.industry-examples.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.company-grid.svelte-1cb2e4l{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.company-card.svelte-1cb2e4l{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.company-card.svelte-1cb2e4l:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.company-logo.svelte-1cb2e4l{font-size:2rem;margin-bottom:1rem}.company-card.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.company-card.svelte-1cb2e4l p:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5}.comparison-section.svelte-1cb2e4l{margin-bottom:4rem}.comparison-section.svelte-1cb2e4l h2:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:2rem}.comparison-grid.svelte-1cb2e4l{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.comparison-card.svelte-1cb2e4l{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.comparison-card.svelte-1cb2e4l:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.comparison-card.json.svelte-1cb2e4l{border-top:4px solid var(--primary-color,#3b82f6)}.comparison-card.xml.svelte-1cb2e4l{border-top:4px solid var(--warning-color,#f59e0b)}.comparison-card.yaml.svelte-1cb2e4l{border-top:4px solid var(--success-color,#10b981)}.comparison-card.csv.svelte-1cb2e4l{border-top:4px solid var(--text-secondary,#6b7280)}.comparison-card.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.pros-cons.svelte-1cb2e4l{display:grid;gap:1rem;grid-template-columns:1fr}.cons.svelte-1cb2e4l h4:where(.svelte-1cb2e4l),.pros.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){font-size:1rem;font-weight:600;margin-bottom:.75rem}.pros.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){color:var(--success-color,#10b981)}.cons.svelte-1cb2e4l h4:where(.svelte-1cb2e4l){color:var(--error-color,#ef4444)}.cons.svelte-1cb2e4l ul:where(.svelte-1cb2e4l),.pros.svelte-1cb2e4l ul:where(.svelte-1cb2e4l){margin:0;padding-left:1.25rem}.cons.svelte-1cb2e4l li:where(.svelte-1cb2e4l),.pros.svelte-1cb2e4l li:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.getting-started.svelte-1cb2e4l{background:var(--bg-secondary,#f9fafb);border-radius:16px;margin-bottom:2rem;padding:3rem 2rem}.getting-started.svelte-1cb2e4l h2:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.getting-started-grid.svelte-1cb2e4l{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-card.svelte-1cb2e4l{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease}.step-card.svelte-1cb2e4l:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.step-number.svelte-1cb2e4l{align-items:center;background:var(--primary-color,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step-card.svelte-1cb2e4l h3:where(.svelte-1cb2e4l){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.step-card.svelte-1cb2e4l p:where(.svelte-1cb2e4l){color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.6}.step-card.svelte-1cb2e4l a:where(.svelte-1cb2e4l){color:var(--primary-color,#3b82f6);font-weight:500;text-decoration:none}.step-card.svelte-1cb2e4l a:where(.svelte-1cb2e4l):hover{text-decoration:underline}@media (max-width:768px){.hero-title.svelte-1cb2e4l{font-size:2rem}.hero-subtitle.svelte-1cb2e4l{font-size:1rem}.hero-stats.svelte-1cb2e4l{gap:1.5rem}.comparison-grid.svelte-1cb2e4l,.feature-grid.svelte-1cb2e4l,.reasons-grid.svelte-1cb2e4l,.use-cases-grid.svelte-1cb2e4l{grid-template-columns:1fr}.timeline-item.svelte-1cb2e4l,.timeline.svelte-1cb2e4l{padding-left:1rem}.company-grid.svelte-1cb2e4l,.industry-stats.svelte-1cb2e4l{grid-template-columns:1fr}}@media (max-width:480px){.hero-title.svelte-1cb2e4l{font-size:1.3rem;margin-bottom:.5rem}.hero-subtitle.svelte-1cb2e4l{font-size:.9rem;margin-bottom:.5rem}.hero-section.svelte-1cb2e4l{padding:1.2rem 0 .5rem}.hero-content.svelte-1cb2e4l{padding:0 .5rem}.hero-stats.svelte-1cb2e4l{gap:.5rem;margin-bottom:.5rem}}[data-theme=dark] .overview-section.svelte-1cb2e4l{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-code:#f9fafb;--bg-primary:#1f2937;--bg-secondary:#374151;--bg-code:#111827;--border-color:#4b5563;--border-hover:#6b7280;--primary-color:#60a5fa;--primary-hover:#3b82f6;--success-color:#6ee7b7;--warning-color:#fbbf24;--error-color:#fca5a5}.mermaid-container.svelte-kvo18p{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:1.5rem 0;overflow:hidden}.diagram-header.svelte-kvo18p{align-items:center;background:var(--light-color,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1rem 1.5rem}.diagram-title.svelte-kvo18p{color:var(--text-color,#2d3748);font-size:1.1rem;font-weight:600;margin:0}.copy-btn.svelte-kvo18p,.header-controls.svelte-kvo18p,.toggle-btn.svelte-kvo18p{align-items:center;display:flex;gap:.5rem}.copy-btn.svelte-kvo18p,.toggle-btn.svelte-kvo18p{background:transparent;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:var(--text-light,#718096);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.copy-btn.svelte-kvo18p:hover,.toggle-btn.svelte-kvo18p:hover{background:var(--primary-50,#eff6ff);border-color:var(--primary-light,#7c93f0);color:var(--primary-color,#667eea)}.toggle-btn.svelte-kvo18p{border-color:var(--primary-color,#667eea);color:var(--primary-color,#667eea)}.toggle-btn.svelte-kvo18p:hover{background:var(--primary-color,#667eea);color:#fff}.diagram-content.svelte-kvo18p{padding:1.5rem;text-align:center}.mermaid-diagram.svelte-kvo18p{background:#00000005!important;border-radius:8px!important;display:block!important;margin:16px auto!important;min-height:200px;opacity:1!important;overflow-x:auto;overflow-y:visible;padding:16px!important;position:relative;text-align:center!important;visibility:visible!important;width:100%}.mermaid-diagram.svelte-kvo18p:not(.force-hidden){display:block!important}.loading-state.svelte-kvo18p{align-items:center;color:var(--text-light,#718096);display:flex;flex-direction:column;gap:1rem;padding:2rem}.loading-spinner.svelte-kvo18p{animation:svelte-kvo18p-spin 1s linear infinite;border-radius:50%;border-top:3px solid var(--border-color,#e2e8f0);border:3px solid var(--border-color,#e2e8f0);border-top-color:var(--primary-color,#667eea);height:32px;width:32px}.error-state.svelte-kvo18p{color:var(--text-color,#2d3748);padding:2rem}.error-icon.svelte-kvo18p{align-items:center;color:#ef4444;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.error-state.svelte-kvo18p h4:where(.svelte-kvo18p){color:#ef4444;margin:0 0 .5rem}.error-state.svelte-kvo18p p:where(.svelte-kvo18p){color:var(--text-light,#718096);margin:0 0 1rem}.retry-btn.svelte-kvo18p{background:var(--primary-color,#667eea);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease}.retry-btn.svelte-kvo18p:hover{background:var(--primary-hover,#5a67d8)}.syntax-view.svelte-kvo18p{background:var(--light-color,#f8fafc);border-radius:8px;overflow:hidden;text-align:left}.syntax-header.svelte-kvo18p{align-items:center;background:var(--background-color,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1rem 1.25rem}.syntax-header.svelte-kvo18p h5:where(.svelte-kvo18p){color:var(--text-color,#2d3748);font-size:.9rem;font-weight:600;margin:0}.syntax-info.svelte-kvo18p{align-items:center;display:flex;gap:.75rem}.code-lines.svelte-kvo18p{background:var(--light-color,#f8fafc);border-radius:4px;color:var(--text-light,#718096);font-size:.75rem;padding:.25rem .5rem}.syntax-code.svelte-kvo18p{background:var(--background-color,#fff);color:var(--text-color,#2d3748);font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1.25rem;white-space:pre}@keyframes svelte-kvo18p-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-theme=dark] .mermaid-container.svelte-kvo18p{background:var(--dark-background,#1a202c);border-color:var(--dark-border,#2d3748)}[data-theme=dark] .diagram-header.svelte-kvo18p{background:var(--dark-surface,#2d3748);border-color:var(--dark-border,#4a5568)}[data-theme=dark] .diagram-title.svelte-kvo18p{color:var(--dark-text,#f7fafc)}[data-theme=dark] .copy-btn.svelte-kvo18p,[data-theme=dark] .toggle-btn.svelte-kvo18p{border-color:var(--dark-border,#4a5568);color:var(--dark-text-secondary,#cbd5e0)}[data-theme=dark] .copy-btn.svelte-kvo18p:hover,[data-theme=dark] .toggle-btn.svelte-kvo18p:hover{background:var(--dark-primary-50,#1e3a8a);color:var(--primary-light,#7c93f0)}[data-theme=dark] .syntax-code.svelte-kvo18p,[data-theme=dark] .syntax-header.svelte-kvo18p,[data-theme=dark] .syntax-view.svelte-kvo18p{background:var(--dark-surface,#2d3748);border-color:var(--dark-border,#4a5568);color:var(--dark-text,#f7fafc)}@media (max-width:768px){.diagram-header.svelte-kvo18p{padding:.75rem 1rem}.diagram-title.svelte-kvo18p{font-size:1rem}.copy-btn.svelte-kvo18p,.toggle-btn.svelte-kvo18p{font-size:.8rem;padding:.4rem .6rem}.copy-btn.svelte-kvo18p span:where(.svelte-kvo18p),.toggle-btn.svelte-kvo18p span:where(.svelte-kvo18p){display:none}.header-controls.svelte-kvo18p{gap:.25rem}.diagram-content.svelte-kvo18p{padding:1rem}.mermaid-diagram.svelte-kvo18p{overflow-x:auto;-webkit-overflow-scrolling:touch}.syntax-header.svelte-kvo18p{padding:.75rem 1rem}.syntax-code.svelte-kvo18p{font-size:.8125rem;padding:1rem}}.syntax-section.svelte-1633ie3{line-height:1.7;margin:0 auto;max-width:1200px;padding:2rem}.intro-content.svelte-1633ie3{margin-bottom:3rem;text-align:center}.section-description.svelte-1633ie3{color:var(--text-light,#718096);font-size:1.2rem;margin:0 auto;max-width:800px}section.svelte-1633ie3{margin-bottom:4rem}section.svelte-1633ie3 h3:where(.svelte-1633ie3){align-items:center;color:var(--text-color,#2d3748);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}section.svelte-1633ie3>p:where(.svelte-1633ie3){color:var(--text-light,#718096);font-size:1.1rem;margin-bottom:2rem}.data-types-grid.svelte-1633ie3{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.data-type-card.svelte-1633ie3{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.type-header.svelte-1633ie3{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.type-icon.svelte-1633ie3{font-size:1.5rem}.type-header.svelte-1633ie3 h4:where(.svelte-1633ie3){color:var(--text-color,#2d3748);font-size:1.25rem;font-weight:600;margin:0}.data-type-card.svelte-1633ie3>p:where(.svelte-1633ie3){color:var(--text-light,#718096);margin-bottom:1rem}.code-example.svelte-1633ie3{margin-bottom:1rem;position:relative}.code-example.svelte-1633ie3 pre:where(.svelte-1633ie3){background:var(--code-bg,#f7fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.code-example.svelte-1633ie3 code:where(.svelte-1633ie3){color:var(--code-color,#2d3748);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.copy-btn.svelte-1633ie3{background:var(--primary-color,#667eea);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;opacity:.8;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s}.copy-btn.svelte-1633ie3:hover{opacity:1}.type-details.svelte-1633ie3{font-size:.9rem}.type-details.svelte-1633ie3 strong:where(.svelte-1633ie3){color:var(--text-color,#2d3748)}.type-details.svelte-1633ie3 ul:where(.svelte-1633ie3){margin:.5rem 0 0;padding-left:1.5rem}.type-details.svelte-1633ie3 li:where(.svelte-1633ie3){color:var(--text-light,#718096);margin-bottom:.25rem}.nested-example.svelte-1633ie3{margin-bottom:2rem;position:relative}.nested-example.svelte-1633ie3 pre:where(.svelte-1633ie3){background:var(--code-bg,#f7fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:.9rem;margin:0;overflow-x:auto;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.structure-diagram.svelte-1633ie3{margin-top:2rem}.rules-grid.svelte-1633ie3{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rule-card.svelte-1633ie3{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.rule-card.svelte-1633ie3 h4:where(.svelte-1633ie3){color:var(--text-color,#2d3748);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.rule-card.svelte-1633ie3 ul:where(.svelte-1633ie3){margin:0;padding-left:1.5rem}.rule-card.svelte-1633ie3 li:where(.svelte-1633ie3){color:var(--text-light,#718096);margin-bottom:.5rem}.mistakes-grid.svelte-1633ie3{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.mistake-card.svelte-1633ie3{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.mistake-card.svelte-1633ie3 h4:where(.svelte-1633ie3){color:var(--text-color,#2d3748);font-size:1.25rem;font-weight:600}.mistake-card.svelte-1633ie3 h4:where(.svelte-1633ie3),.mistake-example.svelte-1633ie3{margin-bottom:1rem}.mistake-example.svelte-1633ie3 pre:where(.svelte-1633ie3){background:var(--error-bg,#fef2f2);border:1px solid var(--error-border,#fecaca);border-radius:8px;font-size:.9rem;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.error-indicator.svelte-1633ie3{background:var(--error-color,#dc2626);border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;margin-top:.5rem;padding:.5rem}.correction.svelte-1633ie3 h5:where(.svelte-1633ie3){color:var(--success-color,#059669);font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.correction.svelte-1633ie3 pre:where(.svelte-1633ie3){background:var(--success-bg,#f0fdf4);border:1px solid var(--success-border,#bbf7d0);border-radius:8px;font-size:.9rem;margin:0 0 .5rem;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.reference-table.svelte-1633ie3{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.reference-table.svelte-1633ie3 table:where(.svelte-1633ie3){border-collapse:collapse;width:100%}.reference-table.svelte-1633ie3 td:where(.svelte-1633ie3),.reference-table.svelte-1633ie3 th:where(.svelte-1633ie3){border-bottom:1px solid var(--border-color,#e2e8f0);padding:1rem;text-align:left}.reference-table.svelte-1633ie3 th:where(.svelte-1633ie3){background:var(--light-color,#f8fafc);color:var(--text-color,#2d3748);font-weight:600}.reference-table.svelte-1633ie3 td:where(.svelte-1633ie3){color:var(--text-light,#718096)}.reference-table.svelte-1633ie3 code:where(.svelte-1633ie3){background:var(--code-bg,#f7fafc);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.25rem .5rem}.steps-grid.svelte-1633ie3{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-card.svelte-1633ie3{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center}.step-number.svelte-1633ie3{align-items:center;background:var(--primary-color,#667eea);border-radius:50%;color:#fff;display:inline-flex;height:3rem;justify-content:center;width:3rem}.step-card.svelte-1633ie3 h4:where(.svelte-1633ie3),.step-number.svelte-1633ie3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step-card.svelte-1633ie3 h4:where(.svelte-1633ie3){color:var(--text-color,#2d3748)}.step-card.svelte-1633ie3 p:where(.svelte-1633ie3){color:var(--text-light,#718096);margin:0}.step-card.svelte-1633ie3 a:where(.svelte-1633ie3){color:var(--primary-color,#667eea);font-weight:500;text-decoration:none}.step-card.svelte-1633ie3 a:where(.svelte-1633ie3):hover{text-decoration:underline}@media (max-width:768px){.syntax-section.svelte-1633ie3{padding:1rem}.data-types-grid.svelte-1633ie3,.mistakes-grid.svelte-1633ie3,.rules-grid.svelte-1633ie3,.steps-grid.svelte-1633ie3{grid-template-columns:1fr}.reference-table.svelte-1633ie3{font-size:.9rem}.reference-table.svelte-1633ie3 td:where(.svelte-1633ie3),.reference-table.svelte-1633ie3 th:where(.svelte-1633ie3){padding:.75rem}}.validation-section.svelte-1i7vm2g{margin:0 auto;max-width:1200px;padding:2rem}.intro.svelte-1i7vm2g{padding:1.5rem}.content-card.svelte-1i7vm2g,.intro.svelte-1i7vm2g{background:var(--card-bg,#1f2937);border:1px solid var(--border-color,#374151);border-radius:.75rem;margin-bottom:2rem}.content-card.svelte-1i7vm2g{padding:2rem}.content-card.svelte-1i7vm2g h3:where(.svelte-1i7vm2g){border-bottom:2px solid var(--border-color,#374151);color:var(--primary-color,#3b82f6);margin-bottom:1.5rem;padding-bottom:.5rem}.content-card.svelte-1i7vm2g h4:where(.svelte-1i7vm2g){color:var(--text-primary,#f9fafb);margin:1.5rem 0 1rem}.code-example.svelte-1i7vm2g{margin:1.5rem 0;position:relative}.copy-btn.svelte-1i7vm2g{background:var(--primary-color,#3b82f6);border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.copy-btn.svelte-1i7vm2g:hover{background:var(--primary-hover,#2563eb)}.code-example.svelte-1i7vm2g pre:where(.svelte-1i7vm2g){background:var(--code-bg,#111827);border:1px solid var(--border-color,#374151);border-radius:.5rem;margin:0;overflow-x:auto;padding:1rem}.code-example.svelte-1i7vm2g code:where(.svelte-1i7vm2g){color:var(--code-text,#e5e7eb);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.error-grid.svelte-1i7vm2g{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.error-item.svelte-1i7vm2g{background:var(--error-bg,#1f1f1f);border:1px solid var(--error-border,#dc2626);border-radius:.5rem;padding:1rem}.error-item.svelte-1i7vm2g h4:where(.svelte-1i7vm2g){color:var(--error-color,#ef4444);margin-bottom:1rem}.error-example.svelte-1i7vm2g pre:where(.svelte-1i7vm2g){background:var(--code-bg,#111827);border:1px solid var(--border-color,#374151);border-radius:.25rem;font-size:.75rem;margin:.5rem 0;overflow-x:auto;padding:.5rem}.best-practices.svelte-1i7vm2g{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.practice-item.svelte-1i7vm2g{background:var(--success-bg,#1f1f1f);border:1px solid var(--success-border,#059669);border-radius:.5rem;padding:1rem}.practice-item.svelte-1i7vm2g h4:where(.svelte-1i7vm2g){color:var(--success-color,#10b981);margin-bottom:.5rem}.reference-table.svelte-1i7vm2g{border-collapse:collapse;margin:1rem 0;width:100%}.reference-table.svelte-1i7vm2g td:where(.svelte-1i7vm2g),.reference-table.svelte-1i7vm2g th:where(.svelte-1i7vm2g){border:1px solid var(--border-color,#374151);padding:.75rem;text-align:left}.reference-table.svelte-1i7vm2g th:where(.svelte-1i7vm2g){background:var(--table-header-bg,#374151);color:var(--text-primary,#f9fafb);font-weight:600}.reference-table.svelte-1i7vm2g td:where(.svelte-1i7vm2g){background:var(--table-cell-bg,#1f2937);color:var(--text-secondary,#d1d5db)}.mermaid-diagram.svelte-1i7vm2g{background:var(--code-bg,#111827);border:1px solid var(--border-color,#374151);border-radius:.5rem;overflow-x:auto;padding:1rem}.mermaid-diagram.svelte-1i7vm2g pre:where(.svelte-1i7vm2g){color:var(--code-text,#e5e7eb);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;margin:0}.next-steps.svelte-1i7vm2g{list-style:none;padding:0}.next-steps.svelte-1i7vm2g li:where(.svelte-1i7vm2g){margin:.75rem 0;padding-left:1.5rem;position:relative}.next-steps.svelte-1i7vm2g li:where(.svelte-1i7vm2g):before{color:var(--primary-color,#3b82f6);content:"→";font-weight:700;left:0;position:absolute}.next-steps.svelte-1i7vm2g a:where(.svelte-1i7vm2g){color:var(--primary-color,#3b82f6);text-decoration:none}.next-steps.svelte-1i7vm2g a:where(.svelte-1i7vm2g):hover{text-decoration:underline}@media (max-width:768px){.validation-section.svelte-1i7vm2g{padding:1rem}.content-card.svelte-1i7vm2g{padding:1.5rem}.best-practices.svelte-1i7vm2g,.error-grid.svelte-1i7vm2g{grid-template-columns:1fr}.reference-table.svelte-1i7vm2g{font-size:.875rem}}.best-practices-section.svelte-sns66s{margin:0 auto;max-width:1200px;padding:2rem}.intro.svelte-sns66s{padding:1.5rem}.content-card.svelte-sns66s,.intro.svelte-sns66s{background:var(--card-bg,#1f2937);border:1px solid var(--border-color,#374151);border-radius:.75rem;margin-bottom:2rem}.content-card.svelte-sns66s{padding:2rem}.content-card.svelte-sns66s h3:where(.svelte-sns66s){border-bottom:2px solid var(--border-color,#374151);color:var(--primary-color,#3b82f6);margin-bottom:1.5rem;padding-bottom:.5rem}.content-card.svelte-sns66s h4:where(.svelte-sns66s){color:var(--text-primary,#f9fafb);margin:1.5rem 0 1rem}.code-example.svelte-sns66s{margin:1.5rem 0;position:relative}.copy-btn.svelte-sns66s{background:var(--primary-color,#3b82f6);border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.copy-btn.svelte-sns66s:hover{background:var(--primary-hover,#2563eb)}.code-example.svelte-sns66s pre:where(.svelte-sns66s){background:var(--code-bg,#111827);border:1px solid var(--border-color,#374151);border-radius:.5rem;margin:0;overflow-x:auto;padding:1rem}.code-example.svelte-sns66s code:where(.svelte-sns66s){color:var(--code-text,#e5e7eb);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.performance-grid.svelte-sns66s,.security-grid.svelte-sns66s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.performance-item.svelte-sns66s,.security-item.svelte-sns66s{background:var(--success-bg,#1f1f1f);border:1px solid var(--success-border,#059669);border-radius:.5rem;padding:1rem}.performance-item.svelte-sns66s h4:where(.svelte-sns66s),.security-item.svelte-sns66s h4:where(.svelte-sns66s){color:var(--success-color,#10b981);margin-bottom:.5rem}.checklist-grid.svelte-sns66s{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checklist-item.svelte-sns66s{background:var(--info-bg,#1f1f1f);border:1px solid var(--info-border,#0ea5e9);border-radius:.5rem;padding:1rem}.checklist-item.svelte-sns66s h4:where(.svelte-sns66s){color:var(--info-color,#06b6d4);margin-bottom:.75rem}.checklist-item.svelte-sns66s ul:where(.svelte-sns66s){list-style:none;margin:0;padding:0}.checklist-item.svelte-sns66s li:where(.svelte-sns66s){color:var(--text-secondary,#d1d5db);margin:.5rem 0;padding-left:1.5rem;position:relative}.checklist-item.svelte-sns66s li:where(.svelte-sns66s):before{color:var(--success-color,#10b981);content:"✓";font-weight:700;left:0;position:absolute}.next-steps.svelte-sns66s{list-style:none;padding:0}.next-steps.svelte-sns66s li:where(.svelte-sns66s){margin:.75rem 0;padding-left:1.5rem;position:relative}.next-steps.svelte-sns66s li:where(.svelte-sns66s):before{color:var(--primary-color,#3b82f6);content:"→";font-weight:700;left:0;position:absolute}.next-steps.svelte-sns66s a:where(.svelte-sns66s){color:var(--primary-color,#3b82f6);text-decoration:none}.next-steps.svelte-sns66s a:where(.svelte-sns66s):hover{text-decoration:underline}@media (max-width:768px){.best-practices-section.svelte-sns66s{padding:1rem}.content-card.svelte-sns66s{padding:1.5rem}.checklist-grid.svelte-sns66s,.performance-grid.svelte-sns66s,.security-grid.svelte-sns66s{grid-template-columns:1fr}}.examples-section.svelte-9t5z4b{line-height:1.6;max-width:100%}.examples-section.svelte-9t5z4b h2:where(.svelte-9t5z4b){border-bottom:3px solid var(--primary-color,#3b82f6);color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.examples-section.svelte-9t5z4b h3:where(.svelte-9t5z4b){border-left:4px solid var(--primary-color,#3b82f6);font-size:1.5rem;margin:2rem 0 1rem;padding-left:.5rem}.examples-section.svelte-9t5z4b h3:where(.svelte-9t5z4b),.examples-section.svelte-9t5z4b h4:where(.svelte-9t5z4b){color:var(--text-primary,#1f2937);font-weight:600}.examples-section.svelte-9t5z4b h4:where(.svelte-9t5z4b){font-size:1.25rem;margin:1.5rem 0 .75rem}.examples-section.svelte-9t5z4b h5:where(.svelte-9t5z4b){color:var(--text-secondary,#4b5563);font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem}.examples-section.svelte-9t5z4b p:where(.svelte-9t5z4b){color:var(--text-secondary,#4b5563);font-size:1rem;margin-bottom:1rem}.example-category.svelte-9t5z4b{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin:2rem 0;padding:1.5rem}.example-breakdown.svelte-9t5z4b{background:var(--bg-light,#f8fafc);border:1px solid var(--border-light,#f1f5f9);border-radius:8px;margin:1.5rem 0;padding:1rem}.example-breakdown.svelte-9t5z4b h5:where(.svelte-9t5z4b){color:var(--text-primary,#1f2937);margin:0 0 .75rem}.feature-list.svelte-9t5z4b{list-style:none;margin:0;padding:0}.feature-list.svelte-9t5z4b li:where(.svelte-9t5z4b){color:var(--text-secondary,#4b5563);font-size:.9rem;padding:.25rem 0}.feature-list.svelte-9t5z4b li:where(.svelte-9t5z4b):before{color:var(--primary-color,#3b82f6);content:"•";font-weight:700;margin-right:.5rem}.feature-list.svelte-9t5z4b strong:where(.svelte-9t5z4b){color:var(--text-primary,#1f2937)}.pattern-grid.svelte-9t5z4b,.tip-grid.svelte-9t5z4b{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.pattern-card.svelte-9t5z4b,.tip-card.svelte-9t5z4b{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.pattern-card.svelte-9t5z4b:hover,.tip-card.svelte-9t5z4b:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.pattern-card.svelte-9t5z4b h4:where(.svelte-9t5z4b),.tip-card.svelte-9t5z4b h4:where(.svelte-9t5z4b){align-items:center;color:var(--text-primary,#1f2937);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .75rem}.tip-card.svelte-9t5z4b ul:where(.svelte-9t5z4b){list-style:none;margin:0;padding:0}.tip-card.svelte-9t5z4b li:where(.svelte-9t5z4b){color:var(--text-secondary,#6b7280);font-size:.9rem;padding:.25rem 0}.tip-card.svelte-9t5z4b li:where(.svelte-9t5z4b):before{color:var(--primary-color,#3b82f6);content:"•";font-weight:700;margin-right:.5rem}.pattern-card.svelte-9t5z4b p:where(.svelte-9t5z4b){color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0 0 1rem}.pattern-features.svelte-9t5z4b{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-tag.svelte-9t5z4b{background:var(--primary-color,#3b82f6);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.practice-checklist.svelte-9t5z4b{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.checklist-column.svelte-9t5z4b{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem}.checklist-column.svelte-9t5z4b h4:where(.svelte-9t5z4b){color:var(--text-primary,#1f2937);font-size:1.1rem;margin:0 0 1rem}.checklist.svelte-9t5z4b{list-style:none;margin:0;padding:0}.checklist.svelte-9t5z4b li:where(.svelte-9t5z4b){border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#4b5563);font-size:.9rem;padding:.5rem 0}.checklist.svelte-9t5z4b li:where(.svelte-9t5z4b):last-child{border-bottom:none}.checklist.svelte-9t5z4b li:where(.svelte-9t5z4b):before{color:var(--success-text,#10b981);content:"✓";font-weight:700;margin-right:.5rem}@media (max-width:768px){.pattern-grid.svelte-9t5z4b,.practice-checklist.svelte-9t5z4b,.tip-grid.svelte-9t5z4b{grid-template-columns:1fr}.examples-section.svelte-9t5z4b h2:where(.svelte-9t5z4b){font-size:1.75rem}.examples-section.svelte-9t5z4b h3:where(.svelte-9t5z4b){font-size:1.25rem}.example-category.svelte-9t5z4b{padding:1rem}}[data-theme=dark] .examples-section.svelte-9t5z4b{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-code:#f9fafb;--bg-primary:#1f2937;--bg-secondary:#374151;--bg-code:#111827;--bg-light:#374151;--border-color:#4b5563;--border-light:#6b7280;--success-text:#6ee7b7;--primary-color:#60a5fa;--primary-hover:#3b82f6}.advanced-section.svelte-tuclx0{line-height:1.6;max-width:100%}.advanced-section.svelte-tuclx0 h2:where(.svelte-tuclx0){border-bottom:3px solid var(--primary-color,#3b82f6);color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.advanced-section.svelte-tuclx0 h3:where(.svelte-tuclx0){border-left:4px solid var(--primary-color,#3b82f6);font-size:1.5rem;margin:2rem 0 1rem;padding-left:.5rem}.advanced-section.svelte-tuclx0 h3:where(.svelte-tuclx0),.advanced-section.svelte-tuclx0 h4:where(.svelte-tuclx0){color:var(--text-primary,#1f2937);font-weight:600}.advanced-section.svelte-tuclx0 h4:where(.svelte-tuclx0){font-size:1.25rem;margin:1.5rem 0 .75rem}.advanced-section.svelte-tuclx0 h5:where(.svelte-tuclx0){color:var(--text-secondary,#4b5563);font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem}.advanced-section.svelte-tuclx0 p:where(.svelte-tuclx0){color:var(--text-secondary,#4b5563);font-size:1rem;margin-bottom:1rem}.schema-category.svelte-tuclx0,.streaming-category.svelte-tuclx0,.transformation-category.svelte-tuclx0{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin:2rem 0;padding:1.5rem}.schema-features.svelte-tuclx0,.streaming-benefits.svelte-tuclx0{background:var(--bg-light,#f8fafc);border:1px solid var(--border-light,#f1f5f9);border-radius:8px;margin:1.5rem 0;padding:1rem}.feature-list.svelte-tuclx0{list-style:none;margin:0;padding:0}.feature-list.svelte-tuclx0 li:where(.svelte-tuclx0){color:var(--text-secondary,#4b5563);font-size:.9rem;padding:.25rem 0}.feature-list.svelte-tuclx0 li:where(.svelte-tuclx0):before{color:var(--primary-color,#3b82f6);content:"•";font-weight:700;margin-right:.5rem}.feature-list.svelte-tuclx0 strong:where(.svelte-tuclx0){color:var(--text-primary,#1f2937)}.benefits-grid.svelte-tuclx0,.enterprise-grid.svelte-tuclx0,.operations-grid.svelte-tuclx0,.patterns-grid.svelte-tuclx0,.tools-grid.svelte-tuclx0,.trends-grid.svelte-tuclx0{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.benefit-card.svelte-tuclx0,.enterprise-card.svelte-tuclx0,.operation-card.svelte-tuclx0,.pattern-card.svelte-tuclx0,.trend-card.svelte-tuclx0{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.benefit-card.svelte-tuclx0:hover,.enterprise-card.svelte-tuclx0:hover,.operation-card.svelte-tuclx0:hover,.pattern-card.svelte-tuclx0:hover,.trend-card.svelte-tuclx0:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.benefit-card.svelte-tuclx0 h5:where(.svelte-tuclx0),.enterprise-card.svelte-tuclx0 h4:where(.svelte-tuclx0),.operation-card.svelte-tuclx0 h6:where(.svelte-tuclx0),.pattern-card.svelte-tuclx0 h5:where(.svelte-tuclx0),.trend-card.svelte-tuclx0 h4:where(.svelte-tuclx0){align-items:center;color:var(--text-primary,#1f2937);display:flex;gap:.5rem;margin:0 0 .75rem}.benefit-card.svelte-tuclx0 p:where(.svelte-tuclx0),.pattern-card.svelte-tuclx0 p:where(.svelte-tuclx0){color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0}.pattern-uses.svelte-tuclx0{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.use-tag.svelte-tuclx0{background:var(--primary-color,#3b82f6);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.syntax-table.svelte-tuclx0{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin:1rem 0;overflow:hidden}.syntax-row.svelte-tuclx0{border-bottom:1px solid var(--border-color,#e5e7eb);display:grid;grid-template-columns:1fr 2fr}.syntax-row.svelte-tuclx0:last-child{border-bottom:none}.syntax-expression.svelte-tuclx0{background:var(--bg-light,#f8fafc);border-right:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#1f2937);font-family:JetBrains Mono,monospace;font-weight:600;padding:.75rem}.syntax-description.svelte-tuclx0{color:var(--text-secondary,#4b5563);font-size:.9rem;padding:.75rem}.enterprise-card.svelte-tuclx0 .card-content:where(.svelte-tuclx0) h5:where(.svelte-tuclx0){color:var(--text-primary,#1f2937);font-size:1rem;margin:1rem 0 .5rem}.enterprise-card.svelte-tuclx0 ul:where(.svelte-tuclx0){list-style:none;margin:0 0 1.5rem;padding:0}.enterprise-card.svelte-tuclx0 li:where(.svelte-tuclx0){color:var(--text-secondary,#6b7280);font-size:.9rem;padding:.25rem 0}.enterprise-card.svelte-tuclx0 li:where(.svelte-tuclx0):before{color:var(--primary-color,#3b82f6);content:"•";font-weight:700;margin-right:.5rem}.tool-category.svelte-tuclx0{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem}.tool-category.svelte-tuclx0 h4:where(.svelte-tuclx0){color:var(--text-primary,#1f2937);font-size:1.1rem;margin:0 0 1rem}.tool-list.svelte-tuclx0{display:flex;flex-direction:column;gap:1rem}.tool-item.svelte-tuclx0{background:var(--bg-primary,#fff);border:1px solid var(--border-light,#f1f5f9);border-radius:8px;padding:1rem}.tool-item.svelte-tuclx0 h5:where(.svelte-tuclx0){color:var(--text-primary,#1f2937);font-family:JetBrains Mono,monospace;font-size:.9rem;margin:0 0 .5rem}.tool-item.svelte-tuclx0 p:where(.svelte-tuclx0){color:var(--text-secondary,#6b7280);font-size:.85rem;margin:0}.trend-card.svelte-tuclx0 ul:where(.svelte-tuclx0){list-style:none;margin:.75rem 0 0;padding:0}.trend-card.svelte-tuclx0 li:where(.svelte-tuclx0){color:var(--text-secondary,#6b7280);font-size:.9rem;padding:.25rem 0}.trend-card.svelte-tuclx0 li:where(.svelte-tuclx0):before{color:var(--primary-color,#3b82f6);content:"→";font-weight:700;margin-right:.5rem}@media (max-width:768px){.benefits-grid.svelte-tuclx0,.enterprise-grid.svelte-tuclx0,.operations-grid.svelte-tuclx0,.patterns-grid.svelte-tuclx0,.tools-grid.svelte-tuclx0,.trends-grid.svelte-tuclx0{grid-template-columns:1fr}.advanced-section.svelte-tuclx0 h2:where(.svelte-tuclx0){font-size:1.75rem}.advanced-section.svelte-tuclx0 h3:where(.svelte-tuclx0){font-size:1.25rem}.schema-category.svelte-tuclx0,.streaming-category.svelte-tuclx0,.transformation-category.svelte-tuclx0{padding:1rem}.syntax-row.svelte-tuclx0{grid-template-columns:1fr}.syntax-expression.svelte-tuclx0{border-bottom:1px solid var(--border-color,#e5e7eb);border-right:none}}[data-theme=dark] .advanced-section.svelte-tuclx0{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-code:#f9fafb;--bg-primary:#1f2937;--bg-secondary:#374151;--bg-code:#111827;--bg-light:#374151;--border-color:#4b5563;--border-light:#6b7280;--primary-color:#60a5fa;--primary-hover:#3b82f6}.diagrams-section.svelte-1b2cms9{line-height:1.7;margin:0 auto;max-width:1200px;padding:2rem}.content-header.svelte-1b2cms9{border-bottom:2px solid var(--border-color,#e2e8f0);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.content-header.svelte-1b2cms9 h1:where(.svelte-1b2cms9){align-items:center;color:var(--text-color,#2d3748);display:flex;font-size:3rem;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem}.content-header.svelte-1b2cms9 svg:where(.svelte-1b2cms9){color:var(--primary-color,#667eea)}.section-description.svelte-1b2cms9{color:var(--text-light,#718096);font-size:1.2rem;margin:0 auto;max-width:800px}.section-description.svelte-1b2cms9 a:where(.svelte-1b2cms9){color:var(--primary-color,#667eea);font-weight:500;text-decoration:none}.section-description.svelte-1b2cms9 a:where(.svelte-1b2cms9):hover{text-decoration:underline}.content-sections.svelte-1b2cms9{display:flex;flex-direction:column;gap:4rem}.content-section.svelte-1b2cms9{background:var(--background-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.content-section.svelte-1b2cms9 h2:where(.svelte-1b2cms9){align-items:center;color:var(--text-color,#2d3748);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.content-section.svelte-1b2cms9>p:where(.svelte-1b2cms9){color:var(--text-light,#718096);font-size:1.1rem;margin-bottom:2rem}.diagram-description.svelte-1b2cms9{background:var(--light-color,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin-top:2rem;padding:1.5rem}.diagram-description.svelte-1b2cms9 h4:where(.svelte-1b2cms9){color:var(--text-color,#2d3748);font-weight:600;margin:0 0 1rem}.diagram-description.svelte-1b2cms9 ol:where(.svelte-1b2cms9),.diagram-description.svelte-1b2cms9 ul:where(.svelte-1b2cms9){margin:0;padding-left:1.5rem}.diagram-description.svelte-1b2cms9 li:where(.svelte-1b2cms9){color:var(--text-light,#718096);margin-bottom:.5rem}.diagram-description.svelte-1b2cms9 strong:where(.svelte-1b2cms9){color:var(--text-color,#2d3748);font-weight:600}.diagram-types.svelte-1b2cms9{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.diagram-type.svelte-1b2cms9{background:var(--light-color,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:1.5rem}.diagram-type.svelte-1b2cms9 h4:where(.svelte-1b2cms9){color:var(--text-color,#2d3748);font-weight:600;margin:0 0 1rem}.diagram-type.svelte-1b2cms9 ul:where(.svelte-1b2cms9){margin:0;padding-left:1.5rem}.diagram-type.svelte-1b2cms9 li:where(.svelte-1b2cms9){color:var(--text-light,#718096);margin-bottom:.5rem}.diagram-type.svelte-1b2cms9 strong:where(.svelte-1b2cms9){color:var(--text-color,#2d3748);font-weight:600}.example-syntax.svelte-1b2cms9{margin-top:2rem}.example-syntax.svelte-1b2cms9 h4:where(.svelte-1b2cms9){color:var(--text-color,#2d3748);font-weight:600;margin:0 0 1.5rem}.syntax-grid.svelte-1b2cms9{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.syntax-example.svelte-1b2cms9{background:var(--light-color,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}.syntax-example.svelte-1b2cms9 h5:where(.svelte-1b2cms9){background:var(--primary-color,#667eea);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;padding:1rem 1.5rem;text-transform:uppercase}.syntax-example.svelte-1b2cms9 pre:where(.svelte-1b2cms9){background:var(--background-color,#fff);margin:0;overflow-x:auto;padding:1.5rem}.syntax-example.svelte-1b2cms9 code:where(.svelte-1b2cms9){color:var(--text-color,#2d3748);font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.5}[data-theme=dark] .content-section.svelte-1b2cms9{background:var(--dark-surface,#2d3748);border-color:var(--dark-border,#4a5568)}[data-theme=dark] .content-header.svelte-1b2cms9 h1:where(.svelte-1b2cms9){color:var(--dark-text,#f7fafc)}[data-theme=dark] .content-section.svelte-1b2cms9 h2:where(.svelte-1b2cms9){color:var(--dark-text,#f7fafc)}[data-theme=dark] .section-description.svelte-1b2cms9{color:var(--dark-text-secondary,#cbd5e0)}[data-theme=dark] .diagram-description.svelte-1b2cms9,[data-theme=dark] .diagram-type.svelte-1b2cms9,[data-theme=dark] .syntax-example.svelte-1b2cms9{background:var(--dark-background,#1a202c);border-color:var(--dark-border,#4a5568)}[data-theme=dark] .diagram-description.svelte-1b2cms9 h4:where(.svelte-1b2cms9),[data-theme=dark] .diagram-type.svelte-1b2cms9 h4:where(.svelte-1b2cms9),[data-theme=dark] .example-syntax.svelte-1b2cms9 h4:where(.svelte-1b2cms9){color:var(--dark-text,#f7fafc)}[data-theme=dark] .syntax-example.svelte-1b2cms9 pre:where(.svelte-1b2cms9){background:var(--dark-surface,#2d3748)}[data-theme=dark] .syntax-example.svelte-1b2cms9 code:where(.svelte-1b2cms9){color:var(--dark-text,#f7fafc)}@media (max-width:768px){.diagrams-section.svelte-1b2cms9{padding:1rem}.content-header.svelte-1b2cms9 h1:where(.svelte-1b2cms9){flex-direction:column;font-size:2rem;gap:.5rem}.content-header.svelte-1b2cms9 svg:where(.svelte-1b2cms9){height:24px;width:24px}.section-description.svelte-1b2cms9{font-size:1rem}.content-section.svelte-1b2cms9{padding:1.5rem}.content-section.svelte-1b2cms9 h2:where(.svelte-1b2cms9){font-size:1.5rem}.diagram-types.svelte-1b2cms9,.syntax-grid.svelte-1b2cms9{gap:1rem;grid-template-columns:1fr}.diagram-description.svelte-1b2cms9{padding:1rem}}.faq-section.svelte-3g4t5z{max-width:100%}.faq-section.svelte-3g4t5z,.faq-section.svelte-3g4t5z h2:where(.svelte-3g4t5z){color:var(--text-primary,#1f2937)}.faq-section.svelte-3g4t5z h2:where(.svelte-3g4t5z){font-size:2rem;font-weight:700;margin-bottom:1rem}.faq-section.svelte-3g4t5z>p:where(.svelte-3g4t5z){color:var(--text-secondary,#4b5563);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.faq-categories.svelte-3g4t5z{border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.category-btn.svelte-3g4t5z{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.category-btn.svelte-3g4t5z:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db)}.category-btn.active.svelte-3g4t5z{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.faq-content.svelte-3g4t5z{margin-bottom:3rem}.faq-item.svelte-3g4t5z{border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:1rem;overflow:hidden}.faq-question.svelte-3g4t5z{align-items:center;background:var(--bg-secondary,#f9fafb);border:none;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.faq-question.svelte-3g4t5z:hover{background:var(--bg-hover,#f3f4f6)}.faq-question.active.svelte-3g4t5z{background:var(--primary-color,#3b82f6);color:#fff}.question-text.svelte-3g4t5z{flex:1}.toggle-icon.svelte-3g4t5z{font-size:1.2rem;font-weight:700;margin-left:1rem}.faq-answer.svelte-3g4t5z{animation:svelte-3g4t5z-fadeIn .3s ease;background:var(--bg-primary,#fff);border-top:1px solid var(--border-color,#e5e7eb);padding:1.5rem}.faq-answer.svelte-3g4t5z p:where(.svelte-3g4t5z){color:var(--text-secondary,#4b5563);line-height:1.6;margin:0}@keyframes svelte-3g4t5z-fadeIn{0%{opacity:0}to{opacity:1}}.helpful-tips.svelte-3g4t5z{background:var(--bg-secondary,#f9fafb);border-radius:12px;margin-bottom:3rem;padding:2rem}.helpful-tips.svelte-3g4t5z h3:where(.svelte-3g4t5z){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.tips-grid.svelte-3g4t5z{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip-card.svelte-3g4t5z{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem}.tip-card.svelte-3g4t5z h4:where(.svelte-3g4t5z){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.tip-card.svelte-3g4t5z ul:where(.svelte-3g4t5z){list-style:none;margin:0;padding:0}.tip-card.svelte-3g4t5z li:where(.svelte-3g4t5z){color:var(--text-secondary,#6b7280);font-size:.9rem;padding:.25rem 0}.tip-card.svelte-3g4t5z li:where(.svelte-3g4t5z):before{color:var(--primary-color,#3b82f6);content:"•";font-weight:700;margin-right:.5rem}.common-patterns.svelte-3g4t5z{margin-bottom:3rem}.common-patterns.svelte-3g4t5z h3:where(.svelte-3g4t5z){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.pattern-examples.svelte-3g4t5z{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.pattern-item.svelte-3g4t5z h4:where(.svelte-3g4t5z){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.code-example.svelte-3g4t5z{background:var(--bg-code,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden;position:relative}.copy-btn.svelte-3g4t5z{background:var(--primary-color,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}.copy-btn.svelte-3g4t5z:hover{background:var(--primary-hover,#2563eb)}.code-example.svelte-3g4t5z pre:where(.svelte-3g4t5z){background:transparent;margin:0;overflow-x:auto;padding:2.5rem 1rem 1rem}.code-example.svelte-3g4t5z code:where(.svelte-3g4t5z){color:var(--text-code,#374151);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.need-help.svelte-3g4t5z{background:linear-gradient(135deg,var(--primary-color,#3b82f6) 0,var(--primary-hover,#2563eb) 100%);border-radius:12px;color:#fff;padding:2rem}.need-help.svelte-3g4t5z h3:where(.svelte-3g4t5z){color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.help-options.svelte-3g4t5z{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-card.svelte-3g4t5z{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:1.5rem;text-align:center}.help-card.svelte-3g4t5z h4:where(.svelte-3g4t5z){color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.help-card.svelte-3g4t5z p:where(.svelte-3g4t5z){color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.help-link.svelte-3g4t5z{background:#fff;border-radius:6px;color:var(--primary-color,#3b82f6);display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.help-link.svelte-3g4t5z:hover{background:#ffffffe6;transform:translateY(-1px)}@media (max-width:768px){.faq-categories.svelte-3g4t5z{justify-content:center}.help-options.svelte-3g4t5z,.pattern-examples.svelte-3g4t5z,.tips-grid.svelte-3g4t5z{grid-template-columns:1fr}.faq-question.svelte-3g4t5z{padding:.75rem 1rem}.faq-answer.svelte-3g4t5z{padding:1rem}}[data-theme=dark] .faq-section.svelte-3g4t5z{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-code:#f9fafb;--bg-primary:#1f2937;--bg-secondary:#374151;--bg-code:#111827;--bg-hover:#4b5563;--border-color:#4b5563;--border-hover:#6b7280;--primary-color:#60a5fa;--primary-hover:#3b82f6}.resources-section.svelte-16z3xsp{color:var(--text-primary,#1f2937);max-width:100%}.resources-section.svelte-16z3xsp h2:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700;margin-bottom:1rem}.resources-section.svelte-16z3xsp>p:where(.svelte-16z3xsp){color:var(--text-secondary,#4b5563);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.resource-categories.svelte-16z3xsp{border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.category-btn.svelte-16z3xsp{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.category-btn.svelte-16z3xsp:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db)}.category-btn.active.svelte-16z3xsp{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.resource-content.svelte-16z3xsp h3:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.resource-content.svelte-16z3xsp>section:where(.svelte-16z3xsp)>p:where(.svelte-16z3xsp){color:var(--text-secondary,#6b7280);line-height:1.6;margin-bottom:2rem}.tools-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.tool-card.svelte-16z3xsp{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.tool-card.svelte-16z3xsp:hover{border-color:var(--border-hover,#d1d5db);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.tool-header.svelte-16z3xsp{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tool-header.svelte-16z3xsp h4:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0}.api-category.svelte-16z3xsp,.book-category.svelte-16z3xsp,.community-category.svelte-16z3xsp,.doc-category.svelte-16z3xsp,.tool-category.svelte-16z3xsp{background:var(--bg-secondary,#f9fafb);border-radius:12px;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.api-description.svelte-16z3xsp,.book-description.svelte-16z3xsp,.community-description.svelte-16z3xsp,.doc-description.svelte-16z3xsp,.library-description.svelte-16z3xsp,.tool-description.svelte-16z3xsp{color:var(--text-secondary,#6b7280);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.api-features.svelte-16z3xsp,.library-features.svelte-16z3xsp,.tool-features.svelte-16z3xsp{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-tag.svelte-16z3xsp{background:var(--primary-color,#3b82f6);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.api-link.svelte-16z3xsp,.book-link.svelte-16z3xsp,.community-link.svelte-16z3xsp,.doc-link.svelte-16z3xsp,.library-link.svelte-16z3xsp,.tool-link.svelte-16z3xsp{color:var(--primary-color,#3b82f6);display:inline-block;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.api-link.svelte-16z3xsp:hover,.book-link.svelte-16z3xsp:hover,.community-link.svelte-16z3xsp:hover,.doc-link.svelte-16z3xsp:hover,.library-link.svelte-16z3xsp:hover,.tool-link.svelte-16z3xsp:hover{color:var(--primary-hover,#2563eb)}.language-group.svelte-16z3xsp{margin-bottom:3rem}.language-group.svelte-16z3xsp h4:where(.svelte-16z3xsp){border-bottom:2px solid var(--primary-color,#3b82f6);color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.libraries-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.library-card.svelte-16z3xsp{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.25rem;transition:all .2s ease}.library-card.svelte-16z3xsp:hover{background:var(--bg-primary,#fff);box-shadow:0 4px 12px #0000000d}.library-card.svelte-16z3xsp h5:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:.75rem}.docs-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.doc-card.svelte-16z3xsp{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.doc-card.essential.svelte-16z3xsp{border-left:4px solid var(--success-color,#10b981)}.doc-card.important.svelte-16z3xsp{border-left:4px solid var(--warning-color,#f59e0b)}.doc-card.recommended.svelte-16z3xsp{border-left:4px solid var(--primary-color,#3b82f6)}.doc-card.specialized.svelte-16z3xsp{border-left:4px solid var(--text-secondary,#6b7280)}.doc-header.svelte-16z3xsp{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.doc-header.svelte-16z3xsp h4:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);flex:1;font-size:1.1rem;font-weight:600;margin:0}.importance-badge.svelte-16z3xsp{border-radius:12px;font-size:.75rem;font-weight:500;margin-left:1rem;padding:.25rem .5rem}.importance-badge.essential.svelte-16z3xsp{background:var(--success-color,#10b981);color:#fff}.importance-badge.important.svelte-16z3xsp{background:var(--warning-color,#f59e0b);color:#fff}.importance-badge.recommended.svelte-16z3xsp{background:var(--primary-color,#3b82f6);color:#fff}.importance-badge.specialized.svelte-16z3xsp{background:var(--text-secondary,#6b7280);color:#fff}.doc-meta.svelte-16z3xsp{margin-bottom:1rem}.books-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.book-card.svelte-16z3xsp{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.book-card.svelte-16z3xsp:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.book-header.svelte-16z3xsp{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.book-header.svelte-16z3xsp h4:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);flex:1;font-size:1.1rem;font-weight:600;margin:0}.book-level.svelte-16z3xsp{background:var(--primary-color,#3b82f6);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;margin-left:1rem;padding:.25rem .5rem}.book-author.svelte-16z3xsp{color:var(--text-secondary,#6b7280);font-size:.9rem;font-style:italic;margin-bottom:.75rem}.book-meta.svelte-16z3xsp{margin-bottom:1rem}.community-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.community-card.svelte-16z3xsp{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.community-card.svelte-16z3xsp:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.community-header.svelte-16z3xsp{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.community-header.svelte-16z3xsp h4:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0}.community-stats.svelte-16z3xsp{background:var(--bg-secondary,#f9fafb);border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding:1rem}.stat.svelte-16z3xsp{display:flex;flex-direction:column;gap:.25rem}.stat-label.svelte-16z3xsp{color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500}.stat-value.svelte-16z3xsp{color:var(--text-primary,#1f2937);font-size:.9rem;font-weight:600}.stat-value.very-high.svelte-16z3xsp{color:var(--success-color,#10b981)}.stat-value.high.svelte-16z3xsp{color:var(--primary-color,#3b82f6)}.stat-value.moderate.svelte-16z3xsp{color:var(--warning-color,#f59e0b)}.apis-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.api-card.svelte-16z3xsp{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.api-card.svelte-16z3xsp:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.api-header.svelte-16z3xsp{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.api-header.svelte-16z3xsp h4:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0}.quick-links.svelte-16z3xsp{background:var(--bg-secondary,#f9fafb);border-radius:12px;margin:3rem 0;padding:2rem}.quick-links.svelte-16z3xsp h3:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.quick-links-grid.svelte-16z3xsp{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-link-card.svelte-16z3xsp{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.25rem}.quick-link-card.svelte-16z3xsp h4:where(.svelte-16z3xsp){color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:1rem}.quick-link-card.svelte-16z3xsp ul:where(.svelte-16z3xsp){list-style:none;margin:0;padding:0}.quick-link-card.svelte-16z3xsp li:where(.svelte-16z3xsp){margin-bottom:.5rem}.quick-link-card.svelte-16z3xsp a:where(.svelte-16z3xsp){color:var(--primary-color,#3b82f6);font-size:.9rem;text-decoration:none;transition:color .2s ease}.quick-link-card.svelte-16z3xsp a:where(.svelte-16z3xsp):hover{color:var(--primary-hover,#2563eb);text-decoration:underline}[data-theme=dark] .resources-section.svelte-16z3xsp{--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#1f2937;--bg-secondary:#374151;--bg-hover:#4b5563;--border-color:#4b5563;--border-hover:#6b7280;--primary-color:#60a5fa;--primary-hover:#3b82f6;--success-color:#6ee7b7;--warning-color:#fbbf24}.wiki-section.svelte-1hennqv{opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.wiki-section.active.svelte-1hennqv{opacity:1;transform:translateY(0)}.wiki-section.hidden.svelte-1hennqv{display:none}.section-header.svelte-1hennqv{align-items:flex-start;border-bottom:2px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-title.svelte-1hennqv{align-items:center;display:flex;gap:1rem}.section-icon.svelte-1hennqv{font-size:2rem;opacity:.8}.section-title.svelte-1hennqv h1:where(.svelte-1hennqv){color:var(--text-primary,#1f2937);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.section-actions.svelte-1hennqv{display:flex;gap:.5rem}.action-btn.svelte-1hennqv{align-items:center;background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.action-btn.svelte-1hennqv:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db);box-shadow:0 4px 12px #0000001a;color:var(--text-primary,#374151);transform:translateY(-1px)}.error-state.svelte-1hennqv,.placeholder-state.svelte-1hennqv{align-items:center;background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:3rem;text-align:center}.error-icon.svelte-1hennqv,.placeholder-icon.svelte-1hennqv{font-size:3rem;margin-bottom:1rem}.error-state.svelte-1hennqv p:where(.svelte-1hennqv),.placeholder-state.svelte-1hennqv p:where(.svelte-1hennqv){color:var(--text-secondary,#6b7280);font-size:1.1rem;margin:0}.section-content.svelte-1hennqv{min-height:400px}@keyframes svelte-1hennqv-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-state.svelte-1hennqv{align-items:center;color:var(--text-error,#dc2626);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon.svelte-1hennqv{font-size:3rem;margin-bottom:1rem}.placeholder-state.svelte-1hennqv{align-items:center;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.placeholder-icon.svelte-1hennqv{font-size:3rem;margin-bottom:1rem;opacity:.6}[data-theme=dark] .wiki-section.svelte-1hennqv{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-error:#fca5a5;--bg-secondary:#374151;--bg-primary:#1f2937;--bg-hover:#4b5563;--bg-error:#450a0a;--bg-error-hover:#7f1d1d;--border-color:#4b5563;--border-hover:#6b7280;--border-error:#7f1d1d;--border-error-hover:#991b1b}.learning-module.svelte-ydp1pv{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px #0000000d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.learning-module.svelte-ydp1pv:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.learning-module.completed.svelte-ydp1pv{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:var(--success-color,#10b981)}.learning-module.expanded.svelte-ydp1pv{box-shadow:0 8px 25px #00000026}.module-header.svelte-ydp1pv{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background-color .2s ease}.module-header.svelte-ydp1pv:hover{background:var(--bg-hover,#f8fafc)}.module-main.svelte-ydp1pv{flex:1;gap:1rem}.module-icon.svelte-ydp1pv,.module-main.svelte-ydp1pv{align-items:center;display:flex}.module-icon.svelte-ydp1pv{background:var(--bg-secondary,#f8fafc);border-radius:12px;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.module-details.svelte-ydp1pv{flex:1}.module-title.svelte-ydp1pv{color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.module-meta.svelte-ydp1pv{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.difficulty-badge.svelte-ydp1pv,.duration-badge.svelte-ydp1pv{border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.difficulty-badge.svelte-ydp1pv{border:1px solid}.duration-badge.svelte-ydp1pv{background:var(--bg-secondary,#f8fafc);color:var(--text-secondary,#6b7280)}.interactive-badge.svelte-ydp1pv{background:var(--primary-bg,#f0f4ff);border:1px solid var(--primary-color,#667eea);border-radius:6px;color:var(--primary-color,#667eea);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.tags-container.svelte-ydp1pv{display:flex;flex-wrap:wrap;gap:.25rem}.tag.svelte-ydp1pv{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:4px;color:var(--text-secondary,#6b7280);font-size:.625rem;font-weight:500;padding:.125rem .5rem}.module-status.svelte-ydp1pv{align-items:center;display:flex;gap:1rem}.completion-badge.svelte-ydp1pv,.reading-time.svelte-ydp1pv{border-radius:8px;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.completion-badge.svelte-ydp1pv{background:var(--success-bg,#f0fdf4);border:1px solid var(--success-color,#10b981);color:var(--success-color,#10b981)}.reading-time.svelte-ydp1pv{background:var(--primary-bg,#f0f4ff);border:1px solid var(--primary-color,#667eea);color:var(--primary-color,#667eea)}.expand-btn.svelte-ydp1pv{align-items:center;background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.expand-btn.svelte-ydp1pv:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db);color:var(--text-primary,#374151)}.module-content.svelte-ydp1pv{background:var(--bg-primary,#fff);border-top:1px solid var(--border-color,#e5e7eb)}.content-wrapper.svelte-ydp1pv{padding:2rem}.content-body.svelte-ydp1pv{color:var(--text-primary,#374151);line-height:1.7}.simple-content.svelte-ydp1pv h4:where(.svelte-ydp1pv){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.simple-content.svelte-ydp1pv p:where(.svelte-ydp1pv){color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.7;margin:0 0 2rem}.content-sections.svelte-ydp1pv{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section.svelte-ydp1pv{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.5rem}.section.svelte-ydp1pv h5:where(.svelte-ydp1pv){color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.section.svelte-ydp1pv p:where(.svelte-ydp1pv){line-height:1.6}.section.svelte-ydp1pv p:where(.svelte-ydp1pv),.section.svelte-ydp1pv ul:where(.svelte-ydp1pv){color:var(--text-secondary,#6b7280);margin:0}.section.svelte-ydp1pv ul:where(.svelte-ydp1pv){padding-left:1.5rem}.section.svelte-ydp1pv li:where(.svelte-ydp1pv){line-height:1.6;margin-bottom:.5rem}.section.svelte-ydp1pv li:where(.svelte-ydp1pv):last-child{margin-bottom:0}.module-footer.svelte-ydp1pv{align-items:center;background:var(--bg-secondary,#f8fafc);border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.5rem}.footer-left.svelte-ydp1pv{flex:1}.progress-info.svelte-ydp1pv{align-items:center;display:flex;gap:.75rem}.completion-status.svelte-ydp1pv,.reading-status.svelte-ydp1pv,.start-reading.svelte-ydp1pv{color:var(--text-secondary,#6b7280);font-size:.875rem}.completion-status.svelte-ydp1pv{color:var(--success-color,#10b981);font-weight:500}.reading-status.svelte-ydp1pv{color:var(--primary-color,#667eea);font-weight:500}.footer-actions.svelte-ydp1pv{gap:.75rem}.action-btn.svelte-ydp1pv,.footer-actions.svelte-ydp1pv{align-items:center;display:flex}.action-btn.svelte-ydp1pv{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-primary,#374151);cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.action-btn.svelte-ydp1pv:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.interactive-btn.svelte-ydp1pv{background:var(--primary-bg,#f0f4ff);border-color:var(--primary-color,#667eea);color:var(--primary-color,#667eea)}.interactive-btn.svelte-ydp1pv:hover{background:var(--primary-color,#667eea);box-shadow:0 4px 12px #667eea4d;color:#fff}.complete-btn.svelte-ydp1pv{background:var(--success-bg,#f0fdf4);border-color:var(--success-color,#10b981);color:var(--success-color,#10b981)}.complete-btn.svelte-ydp1pv:hover{background:var(--success-color,#10b981);box-shadow:0 4px 12px #10b9814d;color:#fff}.secondary-btn.svelte-ydp1pv{background:var(--bg-secondary,#f8fafc);border-color:var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280)}.secondary-btn.svelte-ydp1pv:hover{background:var(--bg-hover,#f3f4f6);color:var(--text-primary,#374151)}.content-wrapper.svelte-ydp1pv h1,.content-wrapper.svelte-ydp1pv h2,.content-wrapper.svelte-ydp1pv h3,.content-wrapper.svelte-ydp1pv h4,.content-wrapper.svelte-ydp1pv h5,.content-wrapper.svelte-ydp1pv h6{color:var(--text-primary,#1f2937);font-weight:600;line-height:1.3;margin:1.5rem 0 1rem}.content-wrapper.svelte-ydp1pv h1{font-size:2rem}.content-wrapper.svelte-ydp1pv h2{font-size:1.75rem}.content-wrapper.svelte-ydp1pv h3{font-size:1.5rem}.content-wrapper.svelte-ydp1pv h4{font-size:1.25rem}.content-wrapper.svelte-ydp1pv h5{font-size:1.125rem}.content-wrapper.svelte-ydp1pv h6{font-size:1rem}.content-wrapper.svelte-ydp1pv p{color:var(--text-secondary,#6b7280);line-height:1.7;margin:1rem 0}.content-wrapper.svelte-ydp1pv ol,.content-wrapper.svelte-ydp1pv ul{color:var(--text-secondary,#6b7280);margin:1rem 0;padding-left:1.5rem}.content-wrapper.svelte-ydp1pv li{line-height:1.6;margin-bottom:.5rem}.content-wrapper.svelte-ydp1pv code{background:var(--bg-secondary,#f8fafc);border-radius:4px;color:var(--text-primary,#1f2937);font-family:Monaco,Menlo,monospace;font-size:.875rem;padding:.25rem .5rem}.content-wrapper.svelte-ydp1pv pre{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.content-wrapper.svelte-ydp1pv pre code{background:none;padding:0}.content-wrapper.svelte-ydp1pv blockquote{border-left:4px solid var(--primary-color,#667eea);color:var(--text-secondary,#6b7280);font-style:italic;margin:1rem 0;padding-left:1rem}.content-wrapper.svelte-ydp1pv strong{color:var(--text-primary,#1f2937);font-weight:600}.content-wrapper.svelte-ydp1pv em{color:var(--text-primary,#1f2937)}.content-wrapper.svelte-ydp1pv a{border-bottom:1px solid transparent;color:var(--primary-color,#667eea);text-decoration:none;transition:all .2s ease}.content-wrapper.svelte-ydp1pv a:hover{border-bottom-color:var(--primary-color,#667eea)}[data-theme=dark] .learning-module.svelte-ydp1pv{--bg-primary:#1e293b;--bg-secondary:#334155;--bg-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#334155;--border-hover:#475569;--primary-color:#667eea;--primary-bg:#1e293b;--success-color:#34d399;--success-bg:#064e3b;--warning-color:#fbbf24;--warning-bg:#78350f;--error-color:#f87171;--error-bg:#7f1d1d}@media (max-width:768px){.module-header.svelte-ydp1pv{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.module-main.svelte-ydp1pv{gap:.75rem}.module-icon.svelte-ydp1pv{font-size:1.25rem;height:40px;width:40px}.module-title.svelte-ydp1pv{font-size:1.125rem}.module-meta.svelte-ydp1pv{gap:.5rem}.module-status.svelte-ydp1pv{justify-content:space-between}.content-wrapper.svelte-ydp1pv{padding:1.5rem}.content-sections.svelte-ydp1pv{gap:1.5rem;grid-template-columns:1fr}.section.svelte-ydp1pv{padding:1rem}.module-footer.svelte-ydp1pv{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.footer-actions.svelte-ydp1pv{justify-content:center}.action-btn.svelte-ydp1pv{flex:1}}@media (max-width:480px){.module-header.svelte-ydp1pv{padding:.75rem}.module-title.svelte-ydp1pv{font-size:1rem}.tags-container.svelte-ydp1pv{width:100%}.content-wrapper.svelte-ydp1pv{padding:1rem}.footer-actions.svelte-ydp1pv{flex-direction:column;gap:.5rem}.action-btn.svelte-ydp1pv{font-size:.875rem;padding:.75rem 1rem}}@media (prefers-reduced-motion:reduce){.action-btn.svelte-ydp1pv,.expand-btn.svelte-ydp1pv,.learning-module.svelte-ydp1pv{transition:none}.action-btn.svelte-ydp1pv:hover,.learning-module.svelte-ydp1pv:hover{transform:none}}.learning-path.svelte-13wzgdr{display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}.path-header.svelte-13wzgdr{border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:1rem;padding:1.5rem 0}.path-header.svelte-13wzgdr h2:where(.svelte-13wzgdr){color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.progress-overview.svelte-13wzgdr{align-items:center;display:flex;gap:1rem}.progress-bar.svelte-13wzgdr{background:var(--bg-secondary,#f8fafc);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill.svelte-13wzgdr{background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--primary-hover,#764ba2) 100%);height:100%;transition:width .3s ease}.progress-info.svelte-13wzgdr{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.progress-text.svelte-13wzgdr{color:var(--text-secondary,#6b7280);font-size:.875rem}.progress-percent.svelte-13wzgdr{color:var(--text-primary,#1f2937);font-size:.875rem;font-weight:600}.sections-container.svelte-13wzgdr{display:flex;flex:1;flex-direction:column;gap:1rem}.section.svelte-13wzgdr{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;transition:all .2s ease}.section.svelte-13wzgdr:hover{box-shadow:0 4px 12px #0000001a}.section.active.svelte-13wzgdr{border-color:var(--primary-color,#667eea)}.section.completed.svelte-13wzgdr{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:var(--success-color,#10b981)}.section-header.svelte-13wzgdr{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background-color .2s ease}.section-header.svelte-13wzgdr:hover{background:var(--bg-hover,#f8fafc)}.section-main.svelte-13wzgdr{flex:1;gap:1rem}.section-main.svelte-13wzgdr,.section-number.svelte-13wzgdr{align-items:center;display:flex}.section-number.svelte-13wzgdr{background:var(--primary-color,#667eea);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.section-icon.svelte-13wzgdr{flex-shrink:0;font-size:1.5rem}.section-details.svelte-13wzgdr{flex:1}.section-title.svelte-13wzgdr{color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.section-description.svelte-13wzgdr{color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.section-meta.svelte-13wzgdr{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.difficulty-badge.svelte-13wzgdr,.duration-badge.svelte-13wzgdr,.topics-badge.svelte-13wzgdr{background:var(--bg-secondary,#f8fafc);border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.difficulty-badge.beginner.svelte-13wzgdr{background:var(--success-bg,#f0fdf4)}.difficulty-badge.intermediate.svelte-13wzgdr{background:var(--warning-bg,#fffbeb)}.difficulty-badge.advanced.svelte-13wzgdr{background:var(--error-bg,#fef2f2)}.section-status.svelte-13wzgdr{align-items:center;display:flex;gap:1rem}.completion-badge.svelte-13wzgdr{font-size:1.5rem}.progress-circle.svelte-13wzgdr,.progress-indicator.svelte-13wzgdr{align-items:center;display:flex;justify-content:center}.progress-circle.svelte-13wzgdr{background:conic-gradient(var(--primary-color,#667eea) calc(var(--progress)*1%),var(--border-color,#e5e7eb) 0deg);border-radius:50%;height:40px;position:relative;width:40px}.progress-circle.svelte-13wzgdr:before{background:var(--bg-primary,#fff);border-radius:50%;bottom:3px;content:"";left:3px;position:absolute;right:3px;top:3px}.progress-value.svelte-13wzgdr{color:var(--text-primary,#1f2937);font-size:.625rem;font-weight:600;position:relative;z-index:1}.expand-btn.svelte-13wzgdr{align-items:center;background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.expand-btn.svelte-13wzgdr:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db)}.topics-container.svelte-13wzgdr{background:var(--bg-secondary,#f8fafc);border-top:1px solid var(--border-color,#e5e7eb)}.topic.svelte-13wzgdr{background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);transition:all .2s ease}.topic.svelte-13wzgdr:last-child{border-bottom:none}.topic.svelte-13wzgdr:hover{background:var(--bg-hover,#f8fafc)}.topic.active.svelte-13wzgdr{background:var(--primary-bg,#f0f4ff);border-color:var(--primary-color,#667eea)}.topic.completed.svelte-13wzgdr{background:var(--success-bg,#f0fdf4);border-color:var(--success-color,#10b981)}.topic-header.svelte-13wzgdr{cursor:pointer;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s ease}.topic-header.svelte-13wzgdr,.topic-main.svelte-13wzgdr{align-items:center;display:flex}.topic-main.svelte-13wzgdr{flex:1;gap:1rem}.topic-number.svelte-13wzgdr{align-items:center;background:var(--text-secondary,#6b7280);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.topic.active.svelte-13wzgdr .topic-number:where(.svelte-13wzgdr){background:var(--primary-color,#667eea)}.topic.completed.svelte-13wzgdr .topic-number:where(.svelte-13wzgdr){background:var(--success-color,#10b981)}.topic-content.svelte-13wzgdr{flex:1}.topic-title.svelte-13wzgdr{color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .5rem}.topic-meta.svelte-13wzgdr{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.difficulty-indicator.svelte-13wzgdr,.duration-indicator.svelte-13wzgdr{color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500}.interactive-badge.svelte-13wzgdr{background:var(--primary-bg,#f0f4ff);border-radius:4px;color:var(--primary-color,#667eea);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.topic-tags.svelte-13wzgdr{display:flex;flex-wrap:wrap;gap:.25rem}.tag.svelte-13wzgdr{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:3px;color:var(--text-secondary,#6b7280);font-size:.625rem;font-weight:500;padding:.125rem .375rem}.topic-status.svelte-13wzgdr{align-items:center;display:flex}.completion-indicator.svelte-13wzgdr{font-size:1.25rem}.status-indicator.svelte-13wzgdr{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.status-dot.svelte-13wzgdr{background:var(--text-secondary,#6b7280);border-radius:50%;height:8px;width:8px}.topic.active.svelte-13wzgdr .status-dot:where(.svelte-13wzgdr){background:var(--primary-color,#667eea)}.topic-actions.svelte-13wzgdr{background:var(--bg-secondary,#f8fafc);border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:.5rem;padding:.75rem 1.5rem}.action-btn.svelte-13wzgdr{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:var(--text-primary,#374151);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.action-btn.svelte-13wzgdr:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--border-hover,#d1d5db);transform:translateY(-1px)}.interactive-btn.svelte-13wzgdr{background:var(--primary-bg,#f0f4ff);border-color:var(--primary-color,#667eea);color:var(--primary-color,#667eea)}.interactive-btn.svelte-13wzgdr:hover{background:var(--primary-color,#667eea);color:#fff}.complete-btn.svelte-13wzgdr{background:var(--success-bg,#f0fdf4);border-color:var(--success-color,#10b981);color:var(--success-color,#10b981)}.complete-btn.svelte-13wzgdr:hover{background:var(--success-color,#10b981);color:#fff}[data-theme=dark] .learning-path.svelte-13wzgdr{--bg-primary:#1e293b;--bg-secondary:#334155;--bg-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#334155;--border-hover:#475569;--primary-color:#667eea;--primary-bg:#1e293b;--success-color:#34d399;--success-bg:#064e3b;--warning-color:#fbbf24;--warning-bg:#78350f;--error-color:#f87171;--error-bg:#7f1d1d}@media (max-width:768px){.section-header.svelte-13wzgdr{padding:1rem}.section-main.svelte-13wzgdr{gap:.75rem}.section-number.svelte-13wzgdr{font-size:.75rem;height:28px;width:28px}.section-icon.svelte-13wzgdr{font-size:1.25rem}.section-title.svelte-13wzgdr{font-size:1rem}.section-description.svelte-13wzgdr{font-size:.8125rem}.section-meta.svelte-13wzgdr{gap:.5rem}.topic-header.svelte-13wzgdr{padding:.75rem 1rem}.topic-main.svelte-13wzgdr{gap:.75rem}.topic-number.svelte-13wzgdr{font-size:.6875rem;height:20px;width:20px}.topic-title.svelte-13wzgdr{font-size:.9375rem}.topic-meta.svelte-13wzgdr{gap:.5rem}.topic-actions.svelte-13wzgdr{gap:.375rem;padding:.5rem 1rem}.action-btn.svelte-13wzgdr{font-size:.8125rem;padding:.375rem .75rem}.progress-circle.svelte-13wzgdr{height:32px;width:32px}.progress-value.svelte-13wzgdr{font-size:.5rem}}@media (max-width:480px){.section-header.svelte-13wzgdr{align-items:stretch;flex-direction:column;gap:1rem}.section-status.svelte-13wzgdr{justify-content:space-between}.topic-header.svelte-13wzgdr{align-items:stretch;flex-direction:column;gap:.75rem}.topic-status.svelte-13wzgdr{justify-content:flex-end}.topic-actions.svelte-13wzgdr{flex-direction:column}.action-btn.svelte-13wzgdr{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.action-btn.svelte-13wzgdr,.expand-btn.svelte-13wzgdr,.section.svelte-13wzgdr,.topic.svelte-13wzgdr{transition:none}.action-btn.svelte-13wzgdr:hover,.section.svelte-13wzgdr:hover,.topic.svelte-13wzgdr:hover{transform:none}}