.recipe-card.svelte-1x0lit8{background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s;cursor:pointer;border:2px solid var(--accent-tan);position:relative}.recipe-card.svelte-1x0lit8:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-green) 0%,var(--primary) 50%,var(--accent-green) 100%)}.recipe-card.svelte-1x0lit8:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.recipe-image.svelte-1x0lit8{width:100%;height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.recipe-image-fallback.svelte-1x0lit8{background:var(--accent-cream);font-size:48px;color:var(--primary)}.recipe-category-badge.svelte-1x0lit8{position:absolute;top:10px;right:10px;width:36px;height:36px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 4px #0000001a}.recipe-favorite-badge.svelte-1x0lit8{position:absolute;top:10px;left:10px;width:36px;height:36px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#ff6b6b;box-shadow:0 2px 8px #00000026}.recipe-content.svelte-1x0lit8{padding:15px}.recipe-title.svelte-1x0lit8{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-heading);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;letter-spacing:-.01em}.recipe-meta.svelte-1x0lit8{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px;color:var(--text-secondary)}.meta-item.svelte-1x0lit8{display:flex;align-items:center;gap:4px}.recipe-rating.svelte-1x0lit8{margin-top:8px;color:var(--warning);font-size:14px}.recipe-tags.svelte-1x0lit8{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.recipe-tag.svelte-1x0lit8{padding:3px 8px;background:#f0f0f0;color:var(--text-secondary);border-radius:12px;font-size:11px}.sidebar.svelte-129hoe0{width:280px;background:var(--bg-secondary);border-radius:8px;padding:0;height:calc(100vh - 40px);position:sticky;top:20px;box-shadow:0 2px 4px #0000000d;overflow-y:auto;display:flex;flex-direction:column}.search-section.svelte-129hoe0{padding:15px;border-bottom:3px solid var(--accent-tan);background:linear-gradient(to bottom,var(--accent-cream),white);position:sticky;top:0;z-index:10}#searchInput.svelte-129hoe0{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}#searchInput.svelte-129hoe0:focus{outline:none;border-color:var(--primary)}.search-options.svelte-129hoe0{margin-top:8px}.search-toggle.svelte-129hoe0{display:flex;align-items:center;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.search-toggle.svelte-129hoe0:hover{color:var(--text-primary)}.search-toggle.svelte-129hoe0 input[type=checkbox]:where(.svelte-129hoe0){margin-right:6px}.search-toggle.svelte-129hoe0 span:where(.svelte-129hoe0){font-size:12px}.sidebar-section.svelte-129hoe0{border-bottom:2px solid var(--accent-tan);padding:15px}.sidebar-section.collapsed.svelte-129hoe0 .section-content:where(.svelte-129hoe0){display:none}.sidebar-section.collapsed.svelte-129hoe0 .collapse-arrow:where(.svelte-129hoe0){transform:rotate(-90deg)}.section-header.svelte-129hoe0{display:flex;align-items:center;padding:5px;margin:-5px -5px 5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.section-header.svelte-129hoe0:hover{background:#10b9810d;border-radius:4px}.collapse-arrow.svelte-129hoe0{margin-right:8px;font-size:12px;transition:transform .2s}.section-header.svelte-129hoe0 h3:where(.svelte-129hoe0){flex:1;margin:0;font-size:14px;font-weight:600}.section-content.svelte-129hoe0{animation:svelte-129hoe0-slideDown .2s ease-out}@keyframes svelte-129hoe0-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group.svelte-129hoe0{margin-bottom:15px}.filter-group.svelte-129hoe0:last-child{margin-bottom:0}.filter-group.svelte-129hoe0 label:where(.svelte-129hoe0){display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.filter-group.svelte-129hoe0 select:where(.svelte-129hoe0){width:100%;padding:8px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.filter-group.svelte-129hoe0 select:where(.svelte-129hoe0):focus{outline:none;border-color:var(--primary)}.tag-list.svelte-129hoe0{display:flex;flex-wrap:wrap;gap:5px}.tag.svelte-129hoe0{padding:4px 10px;background:#e8f4f8;color:#06c;border-radius:15px;font-size:12px;border:none;cursor:pointer;transition:background .2s}.tag.svelte-129hoe0:hover{background:#d0e8f2}.tag.active.svelte-129hoe0{background:var(--primary);color:#fff}.filter-actions.svelte-129hoe0{padding:15px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.clear-filters-btn.svelte-129hoe0{width:100%;padding:10px;background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.clear-filters-btn.svelte-129hoe0:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:768px){.sidebar.svelte-129hoe0{position:fixed;top:0;left:0;bottom:0;width:80vw;max-width:320px;height:100vh;max-height:100vh;transform:translate(-100%);transition:transform .3s ease;z-index:999;box-shadow:2px 0 12px #0003;overflow-y:auto}.sidebar.open.svelte-129hoe0{transform:translate(0)}}.modal.svelte-p31jsg{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.svelte-p31jsg{background:var(--bg-secondary);border-radius:12px;width:90vw;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0003}.recipe-view-content.svelte-p31jsg{padding:0}.close.svelte-p31jsg{position:absolute;top:15px;right:15px;font-size:32px;cursor:pointer;color:#fff;background:#00000080;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:2;box-shadow:0 2px 8px #0003}.close.svelte-p31jsg:hover{background:#000000b3;color:#fff;transform:scale(1.05)}.recipe-nav.svelte-p31jsg{position:fixed;top:50%;transform:translateY(-50%);background:#fffffff2;border:2px solid var(--primary);border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;color:var(--primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001;box-shadow:0 4px 12px #00000026;font-weight:700}.recipe-nav.svelte-p31jsg:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1)}.recipe-nav.svelte-p31jsg:disabled{opacity:.3;cursor:not-allowed}.recipe-nav.svelte-p31jsg:disabled:hover{background:#fffffff2;color:#6b7280;transform:translateY(-50%)}.recipe-nav-prev.svelte-p31jsg{left:calc(50% - 540px)}.recipe-nav-next.svelte-p31jsg{right:calc(50% - 540px)}@media(max-width:1200px){.recipe-nav-prev.svelte-p31jsg{left:20px}.recipe-nav-next.svelte-p31jsg{right:20px}}.recipe-header.svelte-p31jsg{background-image:url(./pattern1.r8n1yvOo.png);background-repeat:repeat;background-position:center;background-size:400px;position:relative;color:#fff;padding:25px 30px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.recipe-header.svelte-p31jsg:before{content:"";position:absolute;inset:0;background:#00000026;pointer-events:none;border-radius:12px 12px 0 0}.header-content.svelte-p31jsg{flex:1;position:relative;z-index:1}.header-content.svelte-p31jsg h1:where(.svelte-p31jsg){margin:0 0 10px;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#fff;background:#0000004d;padding:8px 16px;border-radius:6px;display:inline-block}.recipe-info-bar.svelte-p31jsg{display:flex;flex-wrap:wrap;gap:15px;margin-top:5px}.info-item.svelte-p31jsg{display:flex;align-items:center;gap:5px;background:#0006;padding:5px 12px;border-radius:20px;font-size:13px;box-shadow:0 2px 4px #0000001a}.info-icon.svelte-p31jsg{font-size:14px}.info-label.svelte-p31jsg{font-size:13px;color:#ffffffe6;font-weight:400}.info-value.svelte-p31jsg{font-size:13px;font-weight:600;color:#fff}.recipe-actions.svelte-p31jsg{display:flex;gap:10px}.recipe-actions.svelte-p31jsg button:where(.svelte-p31jsg){padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.edit-btn.svelte-p31jsg{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000001a}.edit-btn.svelte-p31jsg:hover{background:#0009}.open-btn.svelte-p31jsg{background:var(--bg-secondary);color:var(--primary)}.open-btn.svelte-p31jsg:hover{background:var(--gray-50)}.open-standalone-btn.svelte-p31jsg{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000001a}.open-standalone-btn.svelte-p31jsg:hover{background:#0009}.favorite-btn.svelte-p31jsg{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 12px;font-size:20px;line-height:1;box-shadow:0 2px 4px #0000001a}.favorite-btn.svelte-p31jsg:hover,.favorite-btn.favorited.svelte-p31jsg{background:#0009}.favorite-btn.favorited.svelte-p31jsg .favorite-icon:where(.svelte-p31jsg){color:#ff6b6b}.delete-btn.svelte-p31jsg{background:#dc2626e6;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000001a}.delete-btn.svelte-p31jsg:hover{background:#b91c1c}.recipe-content-wrapper.svelte-p31jsg{display:flex;gap:0;padding:0;height:calc(90vh - 120px);overflow:hidden}.recipe-left-column.svelte-p31jsg{flex:1.5;min-width:0;overflow-y:auto;padding:30px;border-right:1px solid #e0e0e0}.recipe-right-column.svelte-p31jsg{flex:1;min-width:0;overflow-y:auto;padding:30px}.recipe-image-section.svelte-p31jsg{width:100%;max-height:350px;overflow:hidden;background:var(--bg-primary);border-radius:8px;margin-bottom:20px}.recipe-image-section.svelte-p31jsg img:where(.svelte-p31jsg){width:100%;height:100%;object-fit:cover}.recipe-section.svelte-p31jsg{margin-bottom:24px}.recipe-section.svelte-p31jsg h3:where(.svelte-p31jsg){font-size:18px;font-weight:700;color:var(--text-heading);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--primary-bg);letter-spacing:-.02em}.recipe-description.svelte-p31jsg{font-size:14px;line-height:1.5;color:var(--gray-600);margin-bottom:16px;padding:12px;background:var(--gray-50);border-radius:8px}.instructions-list.svelte-p31jsg{counter-reset:step-counter;list-style:none;padding:0;margin:0}.instructions-list.svelte-p31jsg li:where(.svelte-p31jsg){counter-increment:step-counter;padding:12px 0 12px 40px;position:relative;line-height:1.5;font-size:14px;color:var(--text-secondary);margin-bottom:0}.instructions-list.svelte-p31jsg li:where(.svelte-p31jsg):before{content:counter(step-counter);position:absolute;left:0;top:12px;background:var(--primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.ingredients-list.svelte-p31jsg{list-style:none;padding:15px;margin:0;background:var(--gray-50);border-radius:8px}.ingredient-item.svelte-p31jsg{padding:8px 0;border-bottom:1px solid #e8e8e8}.ingredient-item.svelte-p31jsg:last-child{border-bottom:none}.ingredient-checkbox.svelte-p31jsg{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.ingredient-checkbox.svelte-p31jsg input[type=checkbox]:where(.svelte-p31jsg){margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--primary)}.ingredient-checkbox.svelte-p31jsg span:where(.svelte-p31jsg){flex:1;font-size:13px;line-height:1.4;color:var(--text-secondary);transition:all .2s}.ingredient-checkbox.svelte-p31jsg span.checked:where(.svelte-p31jsg){text-decoration:line-through;opacity:.6;color:var(--gray-400)}.instructions-list.svelte-p31jsg li:where(.svelte-p31jsg),.ingredients-list.svelte-p31jsg li:where(.svelte-p31jsg){margin-bottom:12px;line-height:1.6;color:var(--text-secondary)}.recipe-tags-display.svelte-p31jsg{display:flex;flex-wrap:wrap;gap:8px}.recipe-tag-display.svelte-p31jsg{padding:6px 12px;background:#e8f4f8;color:#06c;border-radius:20px;font-size:13px;font-weight:500}.nutrition-table.svelte-p31jsg{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.nutrition-header.svelte-p31jsg{background:var(--bg-primary);padding:12px;font-weight:600;text-align:center;border-bottom:1px solid var(--border-color)}.nutrition-row.svelte-p31jsg{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color)}.nutrition-row.svelte-p31jsg:last-child{border-bottom:none}.nutrition-label.svelte-p31jsg{color:var(--text-secondary)}.nutrition-value.svelte-p31jsg{font-weight:600;color:var(--text-primary)}.notes-display.svelte-p31jsg{background:#fffbea;border-left:4px solid #f59e0b;padding:15px;border-radius:4px;margin:0;line-height:1.6}@media(max-width:968px){.recipe-content-wrapper.svelte-p31jsg{grid-template-columns:1fr}}@media(max-width:768px){.recipe-header.svelte-p31jsg{padding:20px}.header-content.svelte-p31jsg h1:where(.svelte-p31jsg){font-size:24px;padding:6px 12px}.recipe-content-wrapper.svelte-p31jsg{grid-template-columns:1fr}.close.svelte-p31jsg{top:10px;right:10px;width:36px;height:36px;font-size:28px}}@media(max-width:600px){.recipe-nav.svelte-p31jsg{display:none}}.import-modal-backdrop.svelte-1ahnz8y{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.import-modal.svelte-1ahnz8y{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.close-btn.svelte-1ahnz8y{position:absolute;top:15px;right:15px;background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn.svelte-1ahnz8y:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.close-btn.svelte-1ahnz8y:disabled{opacity:.5;cursor:not-allowed}h2.svelte-1ahnz8y{margin:0 0 10px;font-size:24px;color:var(--text-primary)}h3.svelte-1ahnz8y{margin:0 0 20px;font-size:18px;color:var(--text-primary)}.subtitle.svelte-1ahnz8y{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.input-section.svelte-1ahnz8y,.preview-section.svelte-1ahnz8y{margin-top:20px}input[type=url].svelte-1ahnz8y,input[type=text].svelte-1ahnz8y,input[type=number].svelte-1ahnz8y,textarea.svelte-1ahnz8y{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:15px;transition:border-color .2s}input[type=url].svelte-1ahnz8y{margin-bottom:15px}input.svelte-1ahnz8y:focus,textarea.svelte-1ahnz8y:focus{outline:none;border-color:var(--primary)}input.svelte-1ahnz8y:disabled,textarea.svelte-1ahnz8y:disabled{background:var(--gray-50);cursor:not-allowed}.error-message.svelte-1ahnz8y{padding:12px;background:#fee;color:#c33;border:1px solid #fcc;border-radius:6px;margin-bottom:15px;font-size:14px}.import-btn.svelte-1ahnz8y,.save-btn.svelte-1ahnz8y,.secondary-btn.svelte-1ahnz8y{padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.import-btn.svelte-1ahnz8y,.save-btn.svelte-1ahnz8y{width:100%;background:var(--primary);color:#fff}.import-btn.svelte-1ahnz8y:hover:not(:disabled),.save-btn.svelte-1ahnz8y:hover:not(:disabled){background:var(--primary-dark)}.import-btn.svelte-1ahnz8y:disabled,.save-btn.svelte-1ahnz8y:disabled{opacity:.6;cursor:not-allowed}.form-group.svelte-1ahnz8y{margin-bottom:20px}.form-group.svelte-1ahnz8y label:where(.svelte-1ahnz8y){display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-row.svelte-1ahnz8y{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.image-preview.svelte-1ahnz8y{margin-bottom:20px;border-radius:8px;overflow:hidden}.image-preview.svelte-1ahnz8y img:where(.svelte-1ahnz8y){width:100%;max-height:300px;object-fit:cover}.list-preview.svelte-1ahnz8y{background:var(--gray-50);border-radius:6px;padding:15px;max-height:200px;overflow-y:auto}.list-item.svelte-1ahnz8y{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.list-item.svelte-1ahnz8y:last-child{margin-bottom:0}.action-buttons.svelte-1ahnz8y{display:flex;gap:12px;margin-top:20px}.secondary-btn.svelte-1ahnz8y{flex:1;background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.secondary-btn.svelte-1ahnz8y:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary)}.save-btn.svelte-1ahnz8y{flex:2}@media(max-width:640px){.import-modal.svelte-1ahnz8y{padding:20px}.form-row.svelte-1ahnz8y{grid-template-columns:1fr}}.container.svelte-1uha8ag{display:flex;gap:20px;height:calc(100vh - 200px);position:relative}.mobile-sidebar-toggle.svelte-1uha8ag{display:none}.add-recipe-btn.svelte-1uha8ag{display:flex;align-items:center;gap:8px;position:fixed;bottom:30px;right:30px;padding:14px 24px;background:var(--accent-green);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:900;transition:all .2s}.add-recipe-btn.svelte-1uha8ag:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.sidebar-backdrop.svelte-1uha8ag{display:none}.recipe-grid.svelte-1uha8ag{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;height:fit-content;align-content:start}.loading.svelte-1uha8ag,.empty-state.svelte-1uha8ag{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280}.empty-state.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 10px;color:#1f2937}@media(max-width:768px){.container.svelte-1uha8ag{flex-direction:column;height:auto}.mobile-sidebar-toggle.svelte-1uha8ag{display:flex;align-items:center;gap:8px;position:fixed;bottom:20px;right:20px;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:900;transition:all .2s}.mobile-sidebar-toggle.svelte-1uha8ag:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.add-recipe-btn.svelte-1uha8ag{bottom:80px;right:20px;padding:12px 20px;font-size:15px}.sidebar-backdrop.svelte-1uha8ag{display:block;position:fixed;inset:0;background:#00000080;z-index:998}.recipe-grid.svelte-1uha8ag{margin-top:20px}}.landing-page.svelte-1uha8ag{max-width:1000px;margin:0 auto;padding:40px 20px 60px}.hero.svelte-1uha8ag{text-align:center;padding:40px 30px 30px;margin-bottom:40px}.hero-title.svelte-1uha8ag{font-size:44px;font-weight:700;color:var(--text-heading);margin-bottom:16px;font-family:Fredoka,sans-serif;line-height:1.1}.hero-subtitle.svelte-1uha8ag{font-size:19px;color:var(--text-secondary);margin:0 auto 28px;line-height:1.5;max-width:600px}.cta-button.svelte-1uha8ag{display:inline-block;padding:14px 40px;background:var(--primary);color:#fff;text-decoration:none;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.cta-button.svelte-1uha8ag:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.demo-section.svelte-1uha8ag{margin-bottom:50px}.demo-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){text-align:center;font-size:28px;margin-bottom:24px;color:var(--text-heading)}.demo-cards.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,280px));justify-content:center;gap:20px;margin-bottom:16px}.demo-hint.svelte-1uha8ag{text-align:center;color:var(--text-secondary);font-size:14px;margin:0;font-style:italic}.feature-showcase.svelte-1uha8ag{margin-bottom:50px}.feature-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:40px;padding:30px;background:#fff;border-radius:12px;border:2px solid var(--accent-tan)}.feature-row-left.svelte-1uha8ag{background:linear-gradient(135deg,#fff9e6,#fff)}.feature-row-right.svelte-1uha8ag{background:linear-gradient(135deg,#e6f7f5,#fff)}.feature-text.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:24px;color:var(--text-heading);margin:0 0 12px}.feature-text.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.feature-visual.svelte-1uha8ag{display:flex;flex-direction:column;gap:16px}.mock-search.svelte-1uha8ag{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid var(--accent-tan);border-radius:8px;box-shadow:var(--shadow-sm)}.mock-search-icon.svelte-1uha8ag{font-size:20px}.mock-search-text.svelte-1uha8ag{color:var(--text-secondary);font-size:15px}.mock-filters.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:8px}.mock-filter.svelte-1uha8ag{padding:6px 12px;background:var(--accent-cream);border:2px solid var(--accent-tan);border-radius:20px;font-size:13px;color:var(--text-primary);font-weight:500}.mock-devices.svelte-1uha8ag{display:flex;justify-content:center;gap:20px}.mock-device.svelte-1uha8ag{font-size:48px;padding:20px;background:#fff;border-radius:12px;border:2px solid var(--accent-tan);box-shadow:var(--shadow-sm)}.mock-extension.svelte-1uha8ag{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:2px solid var(--accent-green);border-radius:8px;box-shadow:var(--shadow-sm)}.mock-extension-icon.svelte-1uha8ag{font-size:28px}.mock-extension-btn.svelte-1uha8ag{padding:8px 16px;background:var(--accent-green);color:#fff;border-radius:6px;font-weight:600;font-size:14px}.how-it-works.svelte-1uha8ag{margin-bottom:50px;text-align:center}.how-it-works.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:28px;color:var(--text-heading);margin-bottom:32px}.steps.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.step.svelte-1uha8ag{flex:0 0 200px;padding:24px 20px;background:#fff;border-radius:12px;border:2px solid var(--accent-tan);position:relative}.step-number.svelte-1uha8ag{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.step-icon.svelte-1uha8ag{font-size:40px;margin-bottom:12px}.step.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:20px;color:var(--text-heading);margin:0 0 8px}.step.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-secondary);font-size:14px;margin:0;line-height:1.5}.step-arrow.svelte-1uha8ag{font-size:32px;color:var(--accent-tan);flex-shrink:0}.cta-footer.svelte-1uha8ag{text-align:center;padding:50px 20px;background:linear-gradient(135deg,var(--accent-cream) 0%,var(--bg-primary) 100%);border-radius:12px;border:2px solid var(--accent-tan)}.cta-footer-title.svelte-1uha8ag{font-size:28px;color:var(--text-heading);margin:0 0 20px}.cta-button-secondary.svelte-1uha8ag{display:inline-block;padding:14px 40px;background:var(--accent-green);color:#fff;text-decoration:none;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.cta-button-secondary.svelte-1uha8ag:hover{background:var(--accent-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.hero-title.svelte-1uha8ag{font-size:36px}.hero-subtitle.svelte-1uha8ag{font-size:17px}.demo-cards.svelte-1uha8ag{grid-template-columns:1fr}.feature-row.svelte-1uha8ag{grid-template-columns:1fr;gap:24px;padding:24px}.feature-row-right.svelte-1uha8ag .feature-text:where(.svelte-1uha8ag){order:1}.feature-row-right.svelte-1uha8ag .feature-visual:where(.svelte-1uha8ag){order:2}.steps.svelte-1uha8ag{flex-direction:column}.step-arrow.svelte-1uha8ag{transform:rotate(90deg)}.step.svelte-1uha8ag{width:100%;max-width:300px}}