@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#fbf9f5;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-subtle:#f4efe6;--bg-overlay:#1a1410a6;--primary:#e05332;--primary-hover:#c94324;--primary-subtle:#feebe6;--primary-text:#b33517;--accent-amber:#d97706;--accent-green:#15803d;--accent-green-bg:#eafaf1;--accent-purple:#8b5cf6;--text-main:#1f1d1a;--text-muted:#6b665f;--text-subtle:#99938a;--text-inverse:#fff;--border-subtle:#ebe5db;--border-strong:#d9d1c3;--shadow-sm:0 2px 8px #2319140a;--shadow-md:0 8px 24px #23191414;--shadow-lg:0 16px 40px #2319141f;--shadow-glow:0 8px 30px #e0533240;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-main:#121110;--bg-surface:#1c1a18;--bg-surface-elevated:#242220;--bg-surface-subtle:#2b2825;--bg-overlay:#000c;--primary:#f06a4b;--primary-hover:#ff7e61;--primary-subtle:#38211b;--primary-text:#ff9078;--accent-amber:#f59e0b;--accent-green:#22c55e;--accent-green-bg:#132e1e;--text-main:#f5f2ed;--text-muted:#a69f95;--text-subtle:#736c63;--text-inverse:#121110;--border-subtle:#332f2b;--border-strong:#45403b;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0009;--shadow-glow:0 8px 30px #f06a4b4d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.25}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:1400px;margin:0 auto;padding:24px 20px 80px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.btn{font-family:var(--font-heading);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #e0533259}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #e0533273}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-subtle);border-color:var(--border-strong)}.btn-subtle{background:var(--primary-subtle);color:var(--primary-text)}.btn-subtle:hover{background:var(--primary);color:#fff}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg-surface-subtle);color:var(--text-main)}.btn-danger{color:#b91c1c;background:#fee2e2}.btn-danger:hover{color:#fff;background:#ef4444}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-category{background:var(--primary-subtle);color:var(--primary-text)}.badge-tag{border-radius:var(--radius-full);background:var(--bg-surface-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);text-transform:none;letter-spacing:normal;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;line-height:1.35;display:inline-flex}.badge-tag:hover,.badge-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-group{flex-direction:column;width:100%;margin-bottom:16px;display:flex}.form-label{color:var(--text-main);margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.form-input,.form-textarea,.form-select{box-sizing:border-box;background:var(--bg-surface);width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:10px 14px;font-family:inherit;font-size:.92rem}.form-textarea{resize:vertical;min-height:140px;line-height:1.5}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:999;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface-subtle);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.sheet-handle-bar{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:8px auto 4px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-main);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.form-textarea{resize:vertical;min-height:80px}.category-pill-bar{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin-bottom:16px;padding:4px 2px 12px;display:flex;overflow-x:auto}.category-pill-bar::-webkit-scrollbar{display:none}.category-pill{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.category-pill:hover{border-color:var(--border-strong);background:var(--bg-surface-subtle)}.category-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #e053324d}.category-pill-count{border-radius:var(--radius-full);background:var(--bg-surface-subtle);color:var(--text-muted);padding:2px 6px;font-size:.72rem}.category-pill.active .category-pill-count{color:#fff;background:#ffffff40}.mobile-filter-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-main);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.mobile-filter-btn.active{background:var(--primary-subtle);color:var(--primary-text);border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.layout-grid{grid-template-columns:280px 1fr;align-items:start;gap:32px;display:grid}.sidebar-desktop{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.recipe-grid-container{min-width:0}.recipe-cards-grid,.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.category-pills-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.category-pills-bar::-webkit-scrollbar{display:none}.pill-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);font-size:.88rem;font-weight:600;font-family:var(--font-heading);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.pill-btn:hover{background:var(--bg-surface-subtle);border-color:var(--border-strong)}.pill-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 10px #e053324d}.pill-badge{border-radius:var(--radius-full);background:#00000014;justify-content:center;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.pill-btn.active .pill-badge{color:#fff;background:#ffffff40}@media (width<=1024px){.layout-grid{grid-template-columns:1fr!important}.sidebar-desktop,.desktop-sidebar{display:none!important}.category-pills-bar{display:flex!important}}@media (width>=1025px){.category-pills-bar{display:none!important}}@media (width<=768px){.recipe-cards-grid,.recipes-grid{grid-template-columns:1fr!important;gap:16px!important}.main-content{padding:12px 14px 80px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-card.mobile-fullscreen{border:none!important;border-radius:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;animation:.25s cubic-bezier(.16,1,.3,1) slideUp!important}.modal-card.mobile-fullscreen .modal-body{padding:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-card.mobile-fullscreen .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-card.mobile-bottom-sheet{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;border-top-left-radius:var(--radius-lg)!important;border-top-right-radius:var(--radius-lg)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;width:100vw!important;max-height:88dvh!important;margin:0!important;animation:.25s cubic-bezier(.16,1,.3,1) slideUp!important}.modal-card.mobile-bottom-sheet .modal-body{padding:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-card.mobile-bottom-sheet .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.navbar-container{gap:10px!important;padding:10px 14px!important}.recipes-grid{grid-template-columns:1fr!important;gap:16px!important}.recipe-detail-grid{grid-template-columns:1fr!important;gap:24px!important;margin-bottom:24px!important}.hide-on-mobile{display:none!important}}.recipe-detail-grid{grid-template-columns:minmax(280px,1fr) minmax(340px,1.5fr);gap:32px;margin-bottom:32px;display:grid}.recipe-print-sheet{display:none!important}@media print{@page{size:A4 portrait;margin:10mm 12mm 12mm}html,body{color:#111827!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:10pt!important;line-height:1.4!important;overflow:visible!important}#root,.app-container,.public-recipe-container{width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.navbar,.navbar-container,.main-content,.layout-grid,.sidebar-desktop,.desktop-sidebar,.filter-sidebar,.category-pills-bar,.category-pill-bar,.recipe-cards-grid,.recipes-grid,.mobile-filter-btn,.modal-overlay,.modal-card,.modal-header,.modal-footer,.btn,.toast-container,.no-print,.sheet-handle-bar,.public-recipe-main,header,footer,nav,button,input{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important}#recipe-print-sheet,.recipe-print-sheet{visibility:visible!important;color:#111827!important;box-sizing:border-box!important;page-break-before:auto!important;background:#fff!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.recipe-print-sheet *{visibility:visible!important;box-sizing:border-box!important}.print-header-top{border-bottom:1.5px solid #e5e7eb!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;padding-bottom:6px!important;display:flex!important}.print-brand{align-items:center!important;gap:6px!important;display:flex!important}.print-brand-icon{font-size:14pt!important}.print-brand-name{color:#e05332!important;letter-spacing:-.3px!important;font-size:11pt!important;font-weight:800!important}.print-brand-tagline{color:#6b7280!important;margin-left:4px!important;font-size:9pt!important}.print-date{color:#9ca3af!important;font-size:8.5pt!important}.print-hero-section{justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;margin-bottom:12px!important;display:flex!important}.print-hero-text{flex:1!important}.print-title{color:#111827!important;margin:0 0 6px!important;font-size:19pt!important;font-weight:800!important;line-height:1.2!important}.print-description{color:#4b5563!important;margin:0 0 10px!important;font-size:9.5pt!important;font-style:italic!important;line-height:1.4!important}.print-meta-grid{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;flex-wrap:wrap!important;gap:6px 12px!important;margin-bottom:8px!important;padding:6px 10px!important;display:flex!important}.print-meta-item{align-items:center!important;gap:4px!important;font-size:8.5pt!important;display:inline-flex!important}.print-meta-label{color:#6b7280!important;font-weight:500!important}.print-meta-value{color:#111827!important;font-weight:700!important}.print-meta-value.highlight-servings{color:#e05332!important}.print-tags-row{flex-wrap:wrap!important;gap:4px!important;margin-top:6px!important;display:flex!important}.print-badge{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;padding:2px 6px!important;font-size:7.5pt!important;font-weight:600!important}.print-badge-category{color:#e05332!important;background:#fef2f2!important;border-color:#fca5a5!important}.print-badge-tag{color:#4b5563!important}.print-hero-image-wrap{border:1px solid #e5e7eb!important;border-radius:6px!important;flex-shrink:0!important;width:140px!important;height:110px!important;overflow:hidden!important}.print-hero-image{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.print-divider{background:#e5e7eb!important;height:1px!important;margin:10px 0!important}.print-body-grid{grid-template-columns:36% 61%!important;align-items:start!important;gap:3%!important;display:grid!important}.print-section-header{border-bottom:2px solid #e05332!important;justify-content:space-between!important;align-items:baseline!important;margin-bottom:8px!important;padding-bottom:4px!important;display:flex!important}.print-section-title{color:#111827!important;margin:0!important;font-size:12pt!important;font-weight:800!important}.print-section-sub{color:#6b7280!important;font-size:8pt!important;font-weight:600!important}.print-ingredients-card{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:10px 12px!important}.print-ingredients-list{flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.print-ingredient-item{border-bottom:1px dotted #e5e7eb!important;align-items:baseline!important;gap:8px!important;padding-bottom:4px!important;font-size:9pt!important;line-height:1.3!important;display:flex!important}.print-ingredient-item:last-child{border-bottom:none!important;padding-bottom:0!important}.print-checkbox{color:#9ca3af!important;flex-shrink:0!important;font-family:monospace!important;font-size:10pt!important}.print-ingredient-text{color:#1f2937!important;flex:1!important}.print-ing-amount{color:#e05332!important;font-weight:700!important}.print-ing-name{color:#1f2937!important}.print-steps-list{flex-direction:column!important;gap:10px!important;display:flex!important}.print-step-item{break-inside:avoid!important;page-break-inside:avoid!important;gap:10px!important;display:flex!important}.print-step-number{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#e05332!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;font-size:8.5pt!important;font-weight:800!important;display:flex!important}.print-step-content{flex:1!important}.print-step-instruction{color:#1f2937!important;margin:0!important;font-size:9.5pt!important;line-height:1.4!important}.print-step-tip{color:#9a3412!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff7ed!important;border-left:3px solid #ea580c!important;border-radius:3px!important;margin-top:4px!important;padding:3px 8px!important;font-size:8.5pt!important}.print-step-timer{color:#b45309!important;margin-top:4px!important;font-size:8pt!important;font-weight:600!important}.print-extra-section{break-inside:avoid!important;page-break-inside:avoid!important;border-top:1px solid #e5e7eb!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important;margin-top:14px!important;padding-top:10px!important;display:grid!important}.print-extra-block{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:8px 12px!important}.print-extra-title{color:#111827!important;margin:0 0 6px!important;font-size:9.5pt!important;font-weight:700!important}.print-notes-list,.print-variations-list{color:#374151!important;margin:0!important;padding-left:16px!important;font-size:8.5pt!important;line-height:1.35!important}.print-note-date{color:#9ca3af!important;font-size:8pt!important}.print-footer{color:#6b7280!important;break-inside:avoid!important;page-break-inside:avoid!important;border-top:1px solid #e5e7eb!important;justify-content:space-between!important;margin-top:16px!important;padding-top:6px!important;font-size:8pt!important;display:flex!important}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #e0533273}50%{transform:scale(1.06);box-shadow:0 0 25px 8px #e053324d}}@keyframes floatGentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(4deg)}}@keyframes sparkleGlow{0%,to{filter:drop-shadow(0 0 4px #e0533280);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 12px #f59e0bd9);transform:scale(1.2)rotate(180deg)}}