.tldr.svelte-1nv5zz8{background:var(--color-surface);border:1px solid rgba(0,0,0,.5);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}[data-theme=light] .tldr.svelte-1nv5zz8{background:#f5f5f7}.example-card.svelte-1nv5zz8{margin:var(--space-lg) 0 var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:#00d9ff0d;border:1px solid rgba(0,217,255,.2)}[data-theme=light] .example-card.svelte-1nv5zz8{background:#00d9ff14;border-color:#00d9ff4d}.example-label.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text);margin-bottom:var(--space-md)}.example-grid.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-sm)}.example-item.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-4xs)}.example-name.svelte-1nv5zz8{font-family:var(--font-mono, monospace);font-size:var(--font-small-size);font-weight:700;color:var(--color-accent)}.example-desc.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.6}.why-cards.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-lg) 0 var(--space-2xl)}.why-card.svelte-1nv5zz8{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg)}.why-card.level-1.svelte-1nv5zz8{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2)}.why-card.level-2.svelte-1nv5zz8{background:#00d9ff17;border:1px solid rgba(0,217,255,.3)}.why-card.level-3.svelte-1nv5zz8{background:#00d9ff24;border:1px solid rgba(0,217,255,.4)}[data-theme=light] .why-card.level-1.svelte-1nv5zz8{background:#00d9ff14;border-color:#00d9ff4d}[data-theme=light] .why-card.level-2.svelte-1nv5zz8{background:#00d9ff24;border-color:#00d9ff73}[data-theme=light] .why-card.level-3.svelte-1nv5zz8{background:#00d9ff38;border-color:#00d9ff99}.why-title.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3xs)}.why-body.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.6}.when-cards.svelte-1nv5zz8{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-2xl)}.when-card.svelte-1nv5zz8{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.5);background:var(--color-surface)}[data-theme=light] .when-card.svelte-1nv5zz8{background:#f5f5f7;border-color:#00000080}.when-card-label.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs)}.when-card.svelte-1nv5zz8 ul:where(.svelte-1nv5zz8){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3xs)}.when-card.svelte-1nv5zz8 ul:where(.svelte-1nv5zz8) li:where(.svelte-1nv5zz8){font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5;padding-left:var(--space-md);position:relative}.when-card.svelte-1nv5zz8 ul:where(.svelte-1nv5zz8) li:where(.svelte-1nv5zz8):before{content:"·";position:absolute;left:0;color:var(--color-text-secondary)}.scope-cards.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-lg) 0 var(--space-2xl)}.scope-card.svelte-1nv5zz8{display:grid;grid-template-columns:120px 220px 1fr;align-items:baseline;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid rgba(0,0,0,.5)}[data-theme=light] .scope-card.svelte-1nv5zz8{background:#f5f5f7;border-color:#00000080}.scope-name.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text)}.scope-path.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-accent)}.scope-note.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.layers-card.svelte-1nv5zz8{display:flex;flex-direction:column;margin:var(--space-lg) 0 var(--space-2xl);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.3);background:var(--color-surface);overflow:hidden}[data-theme=light] .layers-card.svelte-1nv5zz8{background:#f5f5f7;border-color:#00000014}.layer-row.svelte-1nv5zz8{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid rgba(0,0,0,.08)}.layer-row.svelte-1nv5zz8:last-child{border-bottom:none}.layer-row-accent.svelte-1nv5zz8{background:#00d9ff0d}[data-theme=light] .layer-row-accent.svelte-1nv5zz8{background:#00d9ff14}.layer-path.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary)}.layer-row-accent.svelte-1nv5zz8 .layer-path:where(.svelte-1nv5zz8){color:var(--color-accent)}.layer-role.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.security-rule.svelte-1nv5zz8{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0 var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid rgba(0,0,0,.5)}[data-theme=light] .security-rule.svelte-1nv5zz8{background:#f5f5f7;border-color:#00000014}.security-rule-text.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text);text-align:center}.separation-card.svelte-1nv5zz8{margin:var(--space-lg) 0 var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:#00d9ff0d;border:1px solid rgba(0,217,255,.2)}[data-theme=light] .separation-card.svelte-1nv5zz8{background:#00d9ff14;border-color:#00d9ff4d}.separation-row.svelte-1nv5zz8{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md)}.separation-item.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-3xs)}.separation-label.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text)}.separation-text.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.6}.separation-divider.svelte-1nv5zz8{width:1px;height:100%;min-height:60px;background:#00d9ff4d}.next-step-card.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xl);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);border:1px solid rgba(0,217,255,.3);background:#00d9ff0d}.next-step-title.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text)}.next-step-body.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.6}.setup-steps.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-lg) 0 var(--space-lg)}.setup-step.svelte-1nv5zz8{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid rgba(0,0,0,.5)}[data-theme=light] .setup-step.svelte-1nv5zz8{background:#f5f5f7;border-color:#00000080}.setup-num.svelte-1nv5zz8{flex-shrink:0;width:1.618rem;height:1.618rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00d9ff26;border:1px solid rgba(0,217,255,.4);font-size:var(--font-small-size);font-weight:700;color:var(--color-accent);margin-top:2px}.setup-body.svelte-1nv5zz8{display:flex;flex-direction:column;gap:var(--space-3xs)}.setup-title.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;color:var(--color-text)}.setup-code.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-accent)}.setup-note.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.starter-card.svelte-1nv5zz8{display:flex;flex-direction:column;gap:0;margin-top:var(--space-xl);border:1px solid rgba(0,0,0,.5);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}[data-theme=light] .starter-card.svelte-1nv5zz8{background:#f5f5f7;border-color:#00000080}.starter-label.svelte-1nv5zz8{font-size:var(--font-small-size);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .starter-label.svelte-1nv5zz8{border-bottom-color:#0000000f}.starter-row.svelte-1nv5zz8{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(0,0,0,.06)}.starter-row.svelte-1nv5zz8:last-child{border-bottom:none}.starter-info.svelte-1nv5zz8{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.starter-name.svelte-1nv5zz8{font-size:var(--font-body-size);font-weight:600;color:var(--color-text)}.starter-desc.svelte-1nv5zz8{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.starter-btn.svelte-1nv5zz8{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-small-size);font-weight:600;color:var(--color-accent);text-decoration:none;border:1px solid var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;white-space:nowrap}.starter-btn.svelte-1nv5zz8:hover{background:#00d9ff1a;transform:translateY(-1px)}.starter-gate.svelte-1nv5zz8{flex-shrink:0;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-small-size);font-weight:600;color:var(--color-text-secondary);text-decoration:none;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;white-space:nowrap}.starter-gate.svelte-1nv5zz8:hover{color:var(--color-text);border-color:#0006}@media(max-width:38.2rem){.starter-row.svelte-1nv5zz8{flex-wrap:wrap}.starter-btn.svelte-1nv5zz8,.starter-gate.svelte-1nv5zz8{width:100%;justify-content:center}}.prev-next.svelte-1nv5zz8{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(0,0,0,.5)}@media(max-width:38.2rem){.when-cards.svelte-1nv5zz8{grid-template-columns:1fr}.scope-card.svelte-1nv5zz8,.layer-row.svelte-1nv5zz8{grid-template-columns:1fr;gap:var(--space-3xs)}.separation-row.svelte-1nv5zz8{grid-template-columns:1fr}.separation-divider.svelte-1nv5zz8{width:100%;height:1px;min-height:unset}.prev-next.svelte-1nv5zz8{flex-direction:column}}