.patterns-page.svelte-1nb9z54{width:min(1180px,calc(100vw - 48px));margin:0 auto 48px;color:var(--text-primary);font-family:var(--font-body)}.patterns-hero.svelte-1nb9z54{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:16px 0 24px;padding:28px;border:2px solid var(--border-default);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 13%,transparent),transparent 50%),var(--bg-surface);box-shadow:4px 4px #1a1a2e33}.quest-label.svelte-1nb9z54{display:inline-flex;margin-bottom:10px;font-family:var(--font-pixel, var(--font-heading));font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-secondary)}.patterns-hero.svelte-1nb9z54 h1:where(.svelte-1nb9z54),.detail-head.svelte-1nb9z54 h2:where(.svelte-1nb9z54){margin:0;font-family:var(--font-heading);letter-spacing:0;color:var(--text-primary)}.patterns-hero.svelte-1nb9z54 h1:where(.svelte-1nb9z54){font-size:clamp(2rem,1.5rem + 2vw,3.25rem)}.patterns-hero.svelte-1nb9z54 p:where(.svelte-1nb9z54),.detail-head.svelte-1nb9z54 p:where(.svelte-1nb9z54){max-width:720px;margin:10px 0 0;color:var(--text-secondary);line-height:1.65}.hero-stats.svelte-1nb9z54{display:grid;gap:8px;min-width:185px}.hero-stats.svelte-1nb9z54 span:where(.svelte-1nb9z54){display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-heading);font-size:13px;font-weight:700}.patterns-layout.svelte-1nb9z54{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.pattern-nav.svelte-1nb9z54{position:sticky;top:88px;display:grid;gap:10px;padding:14px;border:2px solid var(--border-default);border-radius:8px;background:var(--bg-surface);box-shadow:4px 4px #1a1a2e2e}.nav-title.svelte-1nb9z54{padding:0 4px 4px;font-family:var(--font-pixel, var(--font-heading));font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary)}.pattern-btn.svelte-1nb9z54{display:grid;grid-template-columns:28px 34px minmax(0,1fr);gap:10px;align-items:center;min-height:74px;padding:12px;border:2px solid transparent;border-radius:7px;background:var(--bg-elevated);color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pattern-btn.svelte-1nb9z54:hover,.pattern-btn.active.svelte-1nb9z54{transform:translateY(-1px);border-color:var(--pattern-accent);background:color-mix(in srgb,var(--pattern-accent) 12%,var(--bg-elevated))}.pattern-btn.active.svelte-1nb9z54{box-shadow:3px 3px #1a1a2e3d}.pattern-index.svelte-1nb9z54{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:var(--pattern-accent);color:#121728;font-family:var(--font-heading);font-weight:800}.pattern-icon.svelte-1nb9z54{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--pattern-accent) 45%,transparent);border-radius:7px;color:var(--pattern-accent);background:color-mix(in srgb,var(--pattern-accent) 10%,transparent)}.pattern-info.svelte-1nb9z54{min-width:0}.pattern-info.svelte-1nb9z54 strong:where(.svelte-1nb9z54),.pattern-info.svelte-1nb9z54 small:where(.svelte-1nb9z54),.pattern-meta.svelte-1nb9z54{display:block}.pattern-info.svelte-1nb9z54 strong:where(.svelte-1nb9z54){font-family:var(--font-heading);font-size:.98rem}.pattern-info.svelte-1nb9z54 small:where(.svelte-1nb9z54),.pattern-meta.svelte-1nb9z54{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.pattern-meta.svelte-1nb9z54{grid-column:2 / 4;color:var(--pattern-accent);font-weight:700}.pattern-content.svelte-1nb9z54{min-width:0}.pattern-detail.svelte-1nb9z54{display:grid;gap:18px}.detail-head.svelte-1nb9z54,.quest-panel.svelte-1nb9z54,.code-section.svelte-1nb9z54{border:2px solid var(--border-default);border-radius:8px;background:var(--bg-surface);box-shadow:4px 4px #1a1a2e2e}.detail-head.svelte-1nb9z54{padding:22px;border-left:7px solid var(--pattern-accent)}.detail-head.svelte-1nb9z54 h2:where(.svelte-1nb9z54){font-size:clamp(1.55rem,1.2rem + 1.3vw,2.25rem)}.tutor-grid.svelte-1nb9z54,.setup-layout.svelte-1nb9z54,.finish-grid.svelte-1nb9z54{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tutor-card.svelte-1nb9z54{padding:16px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-elevated)}.tutor-card.gold.svelte-1nb9z54{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,var(--bg-elevated))}.tutor-card.svelte-1nb9z54 span:where(.svelte-1nb9z54),.quest-panel.svelte-1nb9z54 h3:where(.svelte-1nb9z54),.code-section-head.svelte-1nb9z54 h3:where(.svelte-1nb9z54){font-family:var(--font-heading);color:var(--text-primary)}.tutor-card.svelte-1nb9z54 span:where(.svelte-1nb9z54){display:block;margin-bottom:6px;font-weight:700}.tutor-card.svelte-1nb9z54 p:where(.svelte-1nb9z54),.quest-panel.svelte-1nb9z54 p:where(.svelte-1nb9z54),.quest-panel.svelte-1nb9z54 li:where(.svelte-1nb9z54),.code-section-head.svelte-1nb9z54 p:where(.svelte-1nb9z54){color:var(--text-secondary);line-height:1.55}.tutor-card.svelte-1nb9z54 p:where(.svelte-1nb9z54),.quest-panel.svelte-1nb9z54 p:where(.svelte-1nb9z54){margin:0}.quest-panel.svelte-1nb9z54{padding:18px}.quest-panel.svelte-1nb9z54 h3:where(.svelte-1nb9z54),.code-section-head.svelte-1nb9z54 h3:where(.svelte-1nb9z54){display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.15rem}.quest-panel.svelte-1nb9z54 ul:where(.svelte-1nb9z54){display:grid;gap:8px;margin:0;padding-left:20px}.tree-panel.svelte-1nb9z54 pre:where(.svelte-1nb9z54){margin:0;padding:14px;border-radius:7px;background:var(--bg-code);color:#d8cfaf;font-family:var(--font-code);font-size:.84rem;line-height:1.6;overflow-x:auto}.chip-grid.svelte-1nb9z54,.extension-list.svelte-1nb9z54{display:flex;flex-wrap:wrap;gap:8px}.chip-grid.svelte-1nb9z54 span:where(.svelte-1nb9z54),.extension-list.svelte-1nb9z54 span:where(.svelte-1nb9z54){padding:8px 10px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary);font-size:.88rem}.code-list.svelte-1nb9z54{display:grid;gap:18px}.code-section.svelte-1nb9z54{overflow:hidden}.code-section-head.svelte-1nb9z54{padding:18px 18px 8px}.code-section-head.svelte-1nb9z54 h3:where(.svelte-1nb9z54){margin-bottom:6px}.code-section-head.svelte-1nb9z54 p:where(.svelte-1nb9z54){margin:0 0 12px}.warning.svelte-1nb9z54{border-color:color-mix(in srgb,var(--color-warning) 65%,var(--border-default))}.challenge.svelte-1nb9z54{border-color:var(--accent-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 13%,transparent),transparent 58%),var(--bg-surface)}[data-theme=dark] .patterns-hero.svelte-1nb9z54,[data-theme=dark] .pattern-nav.svelte-1nb9z54,[data-theme=dark] .detail-head.svelte-1nb9z54,[data-theme=dark] .quest-panel.svelte-1nb9z54,[data-theme=dark] .code-section.svelte-1nb9z54{border-color:#d8cfaf;box-shadow:4px 4px #0000008c}@media(max-width:980px){.patterns-layout.svelte-1nb9z54{grid-template-columns:1fr}.pattern-nav.svelte-1nb9z54{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.patterns-page.svelte-1nb9z54{width:calc(100vw - 28px)}.patterns-hero.svelte-1nb9z54,.tutor-grid.svelte-1nb9z54,.setup-layout.svelte-1nb9z54,.finish-grid.svelte-1nb9z54{grid-template-columns:1fr}.patterns-hero.svelte-1nb9z54{align-items:stretch;flex-direction:column;padding:20px}.pattern-nav.svelte-1nb9z54{grid-template-columns:1fr}.pattern-btn.svelte-1nb9z54{grid-template-columns:28px 34px minmax(0,1fr)}}