@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#fff;--bg2:#fafafa;--bg3:#f3f4f6;--card:#fff;--border:#e5e7eb;--border2:#d1d5db;--text:#0a0a0a;--text2:#333;--text3:#525252;--primary:#d92243;--secondary:#f69d39;--tertiary:#e0c375;--primary-bg:#d9224314;--secondary-bg:#f69d391a;--tertiary-bg:#e0c37526;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000d;--shadow-lg:0 4px 12px #0000000d;--font:"Inter", system-ui, sans-serif;--transition:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,button{font-family:var(--font)}.container{max-width:1000px;margin:0 auto;padding:0 24px}.hidden{display:none!important}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffffff2;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon{font-size:1.5rem}.brand-text{color:var(--text);letter-spacing:-.5px;font-size:1.2rem;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text2);transition:var(--transition);font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--primary);text-decoration:none}.heading-xl{color:var(--text);letter-spacing:-1.5px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}.heading-lg{color:var(--text);letter-spacing:-.5px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.heading-md{color:var(--text);font-size:1.25rem;font-weight:600}.btn-primary{background:var(--secondary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary:hover{background:#e08c30;text-decoration:none}.btn-outline{border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--text);color:var(--text);text-decoration:none}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:40px 0;display:grid}.recipe-card-clean{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);height:100%;color:inherit;transition:var(--transition);box-shadow:var(--shadow);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.recipe-card-clean:hover{box-shadow:var(--shadow-lg);border-color:var(--border2);transform:translateY(-4px)}.recipe-image-placeholder{background:var(--bg2);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:180px;font-size:3rem;display:flex}.recipe-card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.recipe-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tag-clean{background:var(--secondary-bg);color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:600}.recipe-hero{text-align:center;border-bottom:1px solid var(--border);margin-bottom:40px;padding:60px 0 40px}.recipe-meta-bar{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px;display:flex}.meta-item{background:var(--bg2);border:1px solid var(--border);color:var(--text2);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.meta-item i{color:var(--secondary);font-size:1.1rem}.recipe-split{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:800px){.recipe-split{grid-template-columns:1fr 1.5fr;gap:40px}}.section-title-clean{color:var(--text);border-bottom:2px solid var(--border);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;font-size:1.5rem;font-weight:700;display:flex}.ingredient-item-clean{border-bottom:1px solid var(--bg3);transition:var(--transition);cursor:pointer;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.ingredient-item-clean:hover{background:var(--bg2)}.ingredient-item-clean:last-child{border-bottom:none}.checkbox-custom{border:2px solid var(--border2);width:22px;height:22px;transition:var(--transition);background:var(--card);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.ingredient-item-clean.checked .checkbox-custom{background:var(--secondary);border-color:var(--secondary)}.ingredient-item-clean.checked .checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.ingredient-item-clean.checked span{color:var(--text3);text-decoration:line-through}.step-item-clean{gap:20px;margin-bottom:32px;display:flex}.step-number{background:var(--secondary-bg);width:32px;height:32px;color:var(--secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.step-content{color:var(--text2);padding-top:2px;font-size:1.05rem;line-height:1.7}.hero{text-align:center;background:var(--bg2);border-bottom:1px solid var(--border);padding:140px 24px 80px}.hero-content{max-width:760px;margin:0 auto}.hero-badge{background:var(--tertiary-bg);color:#6b4c05;border:1px solid var(--tertiary);border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1.5px;color:var(--text);margin-bottom:24px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}.highlight{color:var(--primary)}.hero-subtitle{color:var(--text2);max-width:560px;margin:0 auto 40px;font-size:1.1rem}.hero-stats{justify-content:center;align-items:center;gap:32px;margin-bottom:40px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-num{color:var(--text);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.stat-divider{background:var(--border);width:1px;height:30px}.tool-section{padding:80px 0}.input-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:40px;overflow:hidden}.panel-tabs{border-bottom:1px solid var(--border);background:var(--bg2);display:flex}.tab-btn{color:var(--text2);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px;font-size:.9rem;font-weight:600}.tab-btn:hover{color:var(--text);background:var(--bg3)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--card)}.tab-content{padding:32px;display:none}.tab-content.active{display:block}.url-input-group{gap:12px;margin-bottom:16px;display:flex}.url-input,.manual-input,.manual-textarea{background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);transition:var(--transition);outline:none;flex:1;padding:12px 16px;font-size:1rem}.url-input:focus,.manual-input:focus,.manual-textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 2px var(--secondary-bg)}.manual-fields{flex-direction:column;gap:16px;display:flex}.manual-textarea{resize:vertical;min-height:120px}.extract-btn{background:var(--secondary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.extract-btn:hover{background:#e08c30}.extract-btn.full-width{width:100%}.extract-btn:disabled{opacity:.7;cursor:not-allowed}.url-examples{color:var(--text2);align-items:center;gap:12px;font-size:.9rem;display:flex}.example-url{border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 10px;font-size:.9rem}.example-url:hover{border-color:var(--tertiary);color:var(--text)}.status-bar{border-top:1px solid var(--border);color:#b91c1c;background:#fef2f2;gap:10px;padding:16px 32px;font-size:.9rem;display:flex}.status-bar.success{color:#15803d;background:#f0fdf4}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-panel{flex-direction:column;gap:24px;display:flex}.recipe-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px}.recipe-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.recipe-name{color:var(--text);font-size:1.5rem;font-weight:700}.recipe-actions{gap:8px;display:flex}.action-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:6px 12px;font-size:.85rem;font-weight:500}.action-btn:hover{border-color:var(--text3);color:var(--text)}.recipe-meta{gap:12px;display:flex}.meta-tag{background:var(--bg3);color:var(--text2);border-radius:100px;padding:4px 10px;font-size:.8rem}.scaling-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px}.scaling-header{justify-content:space-between;margin-bottom:20px;display:flex}.scaling-header h3{font-size:1.1rem;font-weight:600}.scaling-controls{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.scale-btn{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;font-size:1.2rem}.scale-btn:hover{border-color:var(--secondary);color:var(--secondary)}.serving-input{text-align:center;border:1px solid var(--border2);border-radius:var(--radius-sm);width:70px;padding:4px;font-size:1.5rem;font-weight:700}.scale-label{color:var(--text2)}.quick-scale{justify-content:center;gap:8px;display:flex}.quick-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:.85rem}.quick-btn:hover{border-color:var(--tertiary);background:var(--tertiary-bg)}.macro-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px}.section-title{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:1.1rem;font-weight:600}.macro-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.macro-card{text-align:center;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.macro-icon{margin-bottom:8px;font-size:1.2rem}.macro-value{color:var(--primary);margin-bottom:4px;font-size:1.5rem;font-weight:700}.macro-label{color:var(--text2);text-transform:uppercase;font-size:.75rem}.ingredients-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px}.section-header{justify-content:space-between;align-items:baseline;display:flex}.scaled-badge{color:var(--secondary);background:var(--secondary-bg);border-radius:4px;padding:4px 8px;font-size:.75rem}.ingredients-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ingredient-item{border-bottom:1px solid var(--bg3);align-items:flex-start;gap:12px;padding:8px 0;display:flex}.ingredient-check{cursor:pointer;margin-top:6px}.ingredient-text{color:var(--text);font-size:1.05rem}.ingredient-item.checked .ingredient-text{color:var(--text3);text-decoration:line-through}.cost-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px}.cost-table{flex-direction:column;gap:8px;margin-top:16px;margin-bottom:20px;display:flex}.cost-row{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 100px 80px;align-items:center;gap:16px;padding:10px;display:grid}.cost-input{border:1px solid var(--border2);border-radius:var(--radius-sm);text-align:right;padding:6px 10px}.cost-subtotal{text-align:right;color:var(--text2);font-weight:600}.cost-totals{border-top:1px solid var(--border);padding-top:16px}.cost-total-row{color:var(--text2);justify-content:space-between;margin-bottom:8px;display:flex}.highlight-row{color:var(--primary);border-top:1px dashed var(--border);margin-top:8px;padding-top:8px;font-size:1.1rem;font-weight:700}.steps-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px}.steps-list{flex-direction:column;gap:12px;margin-top:16px;padding-left:20px;list-style:decimal;display:flex}@media print{.navbar,.hero,.input-panel,.how-section,.faq-section,.footer,.action-btn,.cost-section,.scaling-card{display:none!important}body{color:#000;background:#fff;padding:0}.tool-section{padding:0}.recipe-header{border:none;border-bottom:2px solid #000;border-radius:0;margin-bottom:20px;padding:0 0 16px}.macro-section{border:none;margin-bottom:20px;padding:0}.macro-grid{gap:20px;display:flex}.macro-card{text-align:left;border:none;padding:0}.ingredients-section,.steps-section{border:none;padding:0}.ingredient-item{border-bottom:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}