@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--cream:#fbf9f3;--paper:#fffdf8;--white:#fff;--ink:#263930;--forest:#284c39;--deep:#163b2c;--sage:#8ca894;--line:#e9e9dd;--dust:#f1f0e6;--taupe:#7e877d;--peach:#eed2b7;--terra:#bf795b;--shadow:0 16px 42px rgba(30,56,40,.07);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9cbaa4;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--deep)}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em;font-weight:600}h1 i,h2 i{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--terra)}h3{font-weight:700}p{line-height:1.65}a{color:var(--forest)}.hidden,[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,249,243,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:83px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:25px}.brand{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:var(--deep);font-family:'Playfair Display',Georgia,serif;font-size:27px;font-weight:700;white-space:nowrap;padding:0}.brand em{font-style:italic;color:var(--terra)}.brand-mark{font-family:serif;color:#ac9d59;font-size:36px;line-height:1}.desktop-nav{display:flex;gap:27px;align-items:center}.nav-link{border:0;background:transparent;color:#5c7261;font-size:14px;padding:12px 0;white-space:nowrap}.nav-link.active{color:var(--deep);font-weight:800;border-bottom:2px solid var(--terra)}.header-side{display:flex;gap:17px;align-items:center}.online-indicator{width:9px;height:9px;border-radius:50%;background:#78a57c;display:block}.online-indicator.is-offline{background:#cb965f}.header-add,.primary-button{border:1px solid var(--forest);background:var(--forest);color:white;border-radius:9px;padding:14px 20px;font-weight:700;font-size:14px;transition:background .15s,transform .15s;text-decoration:none}.header-add:hover,.primary-button:hover{background:var(--deep);transform:translateY(-1px)}.header-add{padding:11px 15px}.secondary-button{background:var(--white);color:var(--forest);border:1px solid #cbd5c8;padding:12px 17px;border-radius:9px;font-size:14px;font-weight:700}.secondary-button:hover{background:#eff3ec}.text-link,.subtle-link{border:0;background:none;color:var(--forest);font-weight:700;font-size:13px;white-space:nowrap;padding:8px}.text-link:hover,.subtle-link:hover{text-decoration:underline}.bottom-nav{display:none}
main{min-height:calc(100vh - 84px)}.home-page{max-width:1280px;padding:38px 28px 110px;margin:auto}.hero{background:#e6eadb;border-radius:22px;overflow:hidden;min-height:366px;display:grid;grid-template-columns:58% 42%;position:relative}.hero-text{padding:60px 56px;z-index:1}.eyebrow,.section-kicker,.page-topline,.creation-star,.eyebrow-small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--forest)}.eyebrow-icon{color:#b57f50;font-size:18px;padding-right:4px}.hero h1{font-size:clamp(43px,5.2vw,72px);line-height:1.09;margin:17px 0 18px;max-width:560px}.hero p{font-size:15px;max-width:470px;color:#52695b;margin-bottom:23px}.hero-search{display:flex;align-items:center;gap:10px;border:1px solid #cdd8c5;border-radius:12px;background:white;padding:5px 11px 5px 18px;max-width:488px;box-shadow:0 9px 22px rgba(25,50,34,.055)}.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:11px 4px;font-size:15px;color:var(--deep);background:transparent}.hero-search input:focus-visible{outline:0}.search-icon{font-size:27px;color:#7b947e}.clear-search{font-size:24px;border:0;background:transparent;color:#6e7d72;padding:2px 8px}.hero-hint{font-size:12px;color:#637767;padding-top:12px}.hero-hint .subtle-link{font-size:12px}.hero-visual{min-height:364px;position:relative;background:radial-gradient(circle at 55% 49%,#f3ebd7 0%,#e7dfcc 38%,transparent 69%)}.hero-plate{width:315px;height:315px;border-radius:50%;position:absolute;right:24px;top:32px;background:radial-gradient(circle at 36% 31%,white,#eee7d5 70%,#d3d7c8 71%,#fdfbf4 79%,#d7d2bd 82%,#fff 84%);box-shadow:6px 23px 30px #526a4b35;display:grid;place-items:center;transform:rotate(-14deg)}.hero-pasta{font-size:160px;line-height:1;filter:drop-shadow(0 7px 6px #827b4833)}.hero-leaf{position:absolute;color:#7a9e78;font-size:100px;transform:rotate(30deg);z-index:1;opacity:.6}.hero-leaf.a{top:-23px;right:18px}.hero-leaf.b{bottom:-37px;left:0}.floating-caption{position:absolute;right:18px;bottom:15px;color:#567157;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:17px}
.goal-section{padding:49px 2px 18px}.goal-section h2,.result-section h2,.pantry-matches h2{font-size:33px;margin:7px 0 17px}.mode-chips{display:flex;flex-wrap:wrap;gap:11px}.chip{border:1px solid #d9dfd5;background:#fff;border-radius:22px;padding:12px 18px;color:#506657;font-weight:600;font-size:13px}.chip.selected{color:var(--deep);background:#dce8dc;border-color:#8ead96;box-shadow:inset 0 0 0 1px #8ead96}.quick-toggle{margin:21px 0 0;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#607364;cursor:pointer}.quick-toggle input{accent-color:var(--forest);width:17px;height:17px}.quick-toggle span{font-size:20px}.result-section{padding-top:40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{margin:7px 0 5px}.section-heading p{color:var(--taupe);font-size:14px;margin-bottom:0}.section-heading .text-link{margin-bottom:10px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recipe-card{background:white;border:1px solid #eeece2;text-align:left;padding:0;border-radius:15px;overflow:hidden;box-shadow:0 10px 24px #26393007;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-image{height:206px;position:relative;overflow:hidden;background:#eeebe0}.card-image>img,.detail-visual>img,.small-result-art>img{width:100%;height:100%;object-fit:cover}.card-copy{padding:19px 21px 21px}.card-category{color:#718775;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.card-copy h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:23px;line-height:1.3;margin:8px 0 15px}.card-meta{font-size:12px;color:#839185}.favorite-pill{position:absolute;right:14px;top:13px;background:white;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#b96052;box-shadow:0 4px 12px #0001}.recipe-art{width:100%;height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:#dbe7d7}.recipe-art.sunny{background:#eedabc}.recipe-art.fresh{background:#dae6d3}.recipe-art.cream{background:#f0e7ce}.recipe-art.warm{background:#e9d3bd}.recipe-art.soup{background:#ddddd0}.recipe-art.sage{background:#dbe1d3}.art-glow{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:#fff5;filter:blur(28px)}.plate{display:grid;place-items:center;width:190px;height:190px;background:radial-gradient(circle at 44% 37%,#fff 0%,#fffdf4 67%,#e3ddcf 71%,#f4f1e8 82%);border-radius:50%;box-shadow:8px 13px 12px #26393018;transform:rotate(-8deg);position:relative}.plate span{font-size:91px;filter:drop-shadow(0 6px 4px #2639302c)}.art-sprig{position:absolute;font-size:67px;bottom:-20px;right:17px;color:#ffffff8a;transform:rotate(30deg)}.empty-box{background:#fffef9;border:1px dashed #d6ddcf;min-height:230px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#67796a;text-align:center;padding:28px}.empty-box>span{font-size:48px;color:#97aa8f}.empty-box p{max-width:350px;font-size:14px}.ideas-section{margin-top:18px}
.page-shell{max-width:1190px;margin:auto;padding:57px 28px 110px}.page-topline{margin-bottom:12px}.page-shell h1{font-size:clamp(42px,5vw,66px);line-height:1.1;margin:0 0 15px}.page-shell>p,.page-title-row p{color:#708073;font-size:15px}.page-title-row{display:flex;gap:24px;align-items:center;justify-content:space-between}.page-intro{max-width:730px;margin-bottom:30px}.archive-controls{padding:26px 0;display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap}.archive-search{flex:1;min-width:240px;max-width:380px;background:white;border:1px solid var(--line);padding:10px 16px;border-radius:10px;color:#79907f;font-size:22px;display:flex;align-items:center;gap:5px}.archive-search input{border:0;outline:0;flex:1;min-width:0;font-size:14px}.archive-filters{display:flex;gap:9px;flex-wrap:wrap}.filter-chip{padding:9px 13px;border-radius:20px;background:white;border:1px solid #e3e4da;font-size:12px;color:#64756a}.filter-chip.active{background:#dde9dc;border-color:#a4bca4;color:#254733;font-weight:700}
.tab-selector{display:flex;gap:9px;margin-bottom:23px}.tab-selector button{background:white;border:1px solid #dde3d9;padding:15px 22px;font-weight:700;color:#657669;border-radius:9px}.tab-selector button.current{background:var(--forest);color:white;border-color:var(--forest)}.form-panel{background:white;border:1px solid #eaece1;border-radius:17px;padding:35px;box-shadow:0 10px 35px #26393006}.form-lead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.form-lead h2{font-size:28px;margin:0 0 4px}.form-lead p{margin:0;color:#7b8a7d;font-size:13px}.decor-star{font-size:31px;color:#c29b79}.form-panel label:not(.photo-box):not(.file-button){font-weight:700;color:#536759;font-size:13px;display:flex;flex-direction:column;gap:8px}.form-panel label small{font-weight:400;color:#8d998f}.form-panel input:not([type=file]),.form-panel textarea,.form-panel select{width:100%;background:#fdfdfb;border:1px solid #dee3d9;padding:13px 14px;border-radius:9px;color:#293c30;font-size:14px}.form-panel textarea{resize:vertical;line-height:1.55}.form-panel label:not(.file-button)+label{margin-top:18px}.form-grid{display:grid;grid-template-columns:220px 1fr;gap:26px;margin-bottom:20px}.field-stack{display:flex;flex-direction:column;gap:17px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-two{margin-bottom:20px}.photo-box{min-height:230px;background:#f1f3eb;border:2px dashed #b6c6b3;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;cursor:pointer;position:relative;color:#6e8370}.photo-box input{position:absolute;width:1px;height:1px;opacity:0}.photo-box #photoPreview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.photo-box #photoPreview img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.photo-icon{font-size:46px}.photo-box small{font-size:11px}.form-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:25px}.form-actions p{color:#9ba59c;font-size:12px;margin:0}.form-panel form>label{margin-bottom:16px}.import-tip{display:flex;background:#edf3e9;border:1px solid #d4e1d0;border-radius:11px;gap:15px;padding:17px;margin-bottom:24px;color:#47654f}.import-tip>span{font-size:21px}.import-tip p{font-size:13px;margin:0}.settings-shell .form-panel{margin-bottom:25px}.settings-panel .small-note,.small-note{font-size:12px;color:#7d8b80;margin-top:17px}.backup-actions{display:flex;gap:13px;flex-wrap:wrap}.file-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.file-button input{display:none}.backup-meta{font-size:12px;margin-top:15px;color:#879389}.privacy-note{font-size:12px;text-align:center;color:#96a397;margin-top:32px}
.modal-backdrop{position:fixed;inset:0;background:rgba(24,41,31,.65);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.detail-dialog{position:relative;background:var(--paper);border-radius:19px;width:min(910px,100%);max-height:94vh;overflow:auto;box-shadow:0 40px 70px #091d1330}.close-modal{position:absolute;z-index:3;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:white;font-size:28px;color:var(--deep);box-shadow:0 3px 15px #0002}.detail-visual{height:245px;background:#e6e7da;overflow:hidden}.detail-visual .plate{width:205px;height:205px}.detail-body{padding:32px 43px 40px}.detail-body h2{font-size:39px;line-height:1.22;margin:8px 0 15px}.detail-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.detail-tags span,.availability-summary{font-size:12px;background:#eaf0e6;color:#476d50;border-radius:7px;padding:8px 11px}.availability-summary{margin-bottom:20px;display:inline-block}.detail-layout{display:grid;grid-template-columns:42% 58%;gap:24px}.detail-layout h3{font-family:'Playfair Display',Georgia,serif;font-size:23px;margin-bottom:16px}.detail-layout ul,.detail-layout ol{padding-left:21px;font-size:14px;line-height:1.75;color:#51685b}.detail-layout li{padding:0 0 9px 4px}.pantry-check{font-size:11px;color:#4b875b;font-weight:700}.recipe-note{background:#f0f0e8;padding:17px;border-radius:11px;font-size:13px;margin-top:15px}.recipe-note p{margin:8px 0 0}.source-link{display:inline-block;margin-top:20px;font-size:13px;font-weight:700}.detail-bottom{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.rating{display:flex;align-items:center;gap:5px;margin:0 0 19px}.rating span{font-size:13px;color:#829186;margin-right:14px}.rating button{font-size:25px;color:#c4cfc0;border:0;background:none;line-height:1}.rating button.on{color:#d99f4e}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.danger-link{background:none;border:0;color:#aa6255;padding:10px 0;font-size:13px;text-decoration:underline;margin-left:auto}
.pantry-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.pantry-form{padding:27px}.pantry-form .form-lead{margin-bottom:22px}.pantry-form .form-lead h2{font-size:26px}.count-chip{font-family:'DM Sans',sans-serif;font-size:11px;background:#e0ecdc;border-radius:999px;padding:3px 8px;color:#436147;vertical-align:middle}.ingredient-entry{display:flex;gap:9px}.ingredient-entry input{flex:1;min-width:0}.ingredient-entry button{white-space:nowrap}.pantry-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;min-height:90px;align-content:start}.pantry-pill{background:#eaf0e7;color:#415c48;padding:7px 10px 7px 13px;border:1px solid #c9d9c7;border-radius:30px;display:inline-flex;gap:10px;align-items:center;font-size:13px}.pantry-pill button{background:#fefdf6;color:#66836c;border:0;border-radius:50%;width:20px;height:20px;font-size:16px;display:grid;place-items:center;padding:0;line-height:1}.pantry-empty{font-size:13px;color:#929e93}.clear-pantry{display:block;margin-left:0;margin-top:15px}.pantry-tip{font-size:12px;line-height:1.6;border-top:1px solid #edf0e8;color:#7c8a7e;margin-top:20px;padding-top:16px}.pantry-creation{border-radius:17px;background:#e6ebdf;padding:32px 31px 23px;position:relative;overflow:hidden}.pantry-creation:after{content:'✳';position:absolute;right:-42px;top:-80px;font-size:170px;color:#f4f5ea;pointer-events:none}.pantry-creation>*{position:relative;z-index:1}.pantry-creation h2{font-size:30px;margin:8px 0 20px;max-width:450px}.pantry-creation .mode-chips{gap:6px}.pantry-creation .chip{padding:8px 11px;font-size:11px}.creation-content{margin-top:22px;background:#fffefa;border-radius:12px;padding:25px;box-shadow:0 7px 15px #4263440b}.creation-label{color:#638569;font-weight:800;letter-spacing:.12em;font-size:10px}.creation-content h3{font-family:'Playfair Display',serif;font-size:25px;margin:8px 0 5px}.creation-content p{font-size:13px;color:#738574;margin:0}.creation-meta{color:#769078;font-size:12px;margin-top:9px}.creation-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.creation-buttons .primary-button,.creation-buttons .secondary-button{font-size:12px;padding:11px 13px}.creation-placeholder{min-height:170px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.creation-placeholder span{font-size:47px}.creation-placeholder p{max-width:360px}.pantry-ai-note{margin-top:15px;font-size:11px;line-height:1.6;color:#7e9181}.pantry-matches{padding-top:50px}.pantry-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pantry-columns>div>h3{font-family:'Playfair Display',serif;font-size:23px;margin-bottom:15px}.pantry-result{background:white;border:1px solid #e7ebdf;padding:12px;border-radius:12px;width:100%;display:flex;gap:15px;align-items:center;text-align:left;margin-bottom:12px;transition:border .15s,transform .15s}.pantry-result:hover{border-color:#aebfac;transform:translateX(2px)}.small-result-art{height:95px;width:95px;flex:0 0 95px;border-radius:8px;overflow:hidden;background:#e8eddf}.small-result-art .plate{height:78px;width:78px}.small-result-art .plate span{font-size:36px}.pantry-result>div:nth-child(2){min-width:0;flex:1}.pantry-result strong{display:block;color:var(--deep);font-size:15px;margin:5px 0}.eyebrow-small{font-size:9px;color:#7e927b}.small-meta{font-size:11px;color:#879688}.can-cook,.need-more{font-size:11px;margin-top:5px;font-weight:700}.can-cook{color:#497d4b}.need-more{color:#b1845e}.result-arrow{color:#77907c;font-size:20px}.muted{font-size:13px;color:#8d998f}.fatal-error{margin:10vh auto;max-width:500px;text-align:center;padding:25px}.initial-loading{text-align:center;margin:25vh auto;font-family:'Playfair Display',Georgia,serif;font-size:35px;color:#254b38}.initial-loading span{color:#d39f85}.toast{position:fixed;z-index:70;right:22px;bottom:25px;max-width:min(450px,calc(100% - 44px));background:#214834;color:#fff;padding:13px 18px;font-size:13px;line-height:1.5;border-radius:10px;box-shadow:0 13px 30px #0004;opacity:0;visibility:hidden;transform:translateY(20px);transition:.2s;pointer-events:none}.toast.visible{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:1050px){.desktop-nav{gap:13px}.nav-link{font-size:12px}.header-inner{gap:15px}.brand{font-size:23px}.hero-text{padding:45px 35px}.hero-plate{width:260px;height:260px;top:60px;right:15px}.hero-pasta{font-size:120px}.recipe-grid{gap:15px}.card-copy h3{font-size:20px}.plate{width:154px;height:154px}.plate span{font-size:75px}.pantry-layout{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.desktop-nav{display:none}.header-inner{height:65px;padding:0 19px}.brand{font-size:24px}.site-header{position:sticky}.home-page{padding:18px 16px 90px}.page-shell{padding:33px 16px 110px}.hero{grid-template-columns:1fr;min-height:0}.hero-text{padding:37px 29px 28px}.hero h1{font-size:clamp(42px,8vw,62px);max-width:520px}.hero-visual{display:none}.goal-section{padding-top:32px}.section-heading{align-items:flex-start}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-image{height:166px}.card-copy{padding:15px}.card-copy h3{font-size:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:78px;padding:5px 9px max(5px,env(safe-area-inset-bottom));background:rgba(255,254,250,.98);border-top:1px solid var(--line);z-index:30;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -5px 22px #00000007}.bottom-nav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#819182;font-size:10px;min-width:66px}.bottom-nav button span{font-size:23px;line-height:1}.bottom-nav button.active{color:var(--deep);font-weight:800}.bottom-nav .bottom-create{color:var(--terra)}.pantry-layout{grid-template-columns:1fr}.pantry-columns{gap:15px}.toast{bottom:92px}.form-grid{grid-template-columns:180px 1fr}}
@media(max-width:580px){.brand{font-size:22px}.brand-mark{font-size:29px}.header-add{padding:10px 12px}.header-add span,.online-indicator{display:none}.hero-text{padding:32px 22px}.hero h1{font-size:45px;line-height:1.12}.hero p{font-size:13px}.hero-search{padding-left:12px}.hero-search input{font-size:13px}.hero-hint{font-size:11px}.hero-hint .subtle-link{display:block;padding:7px 0;text-align:left}.goal-section h2,.result-section h2,.pantry-matches h2{font-size:27px}.mode-chips{gap:8px}.chip{padding:10px 13px;font-size:12px}.section-heading{margin-bottom:17px}.section-heading p{font-size:12px}.section-heading .text-link{white-space:normal;text-align:right}.recipe-grid{gap:10px}.card-image{height:143px}.card-copy{padding:13px 12px}.card-category{font-size:9px}.card-copy h3{font-size:17px;line-height:1.3;margin:7px 0}.card-meta{font-size:10px}.plate{width:115px;height:115px}.plate span{font-size:52px}.page-shell h1{font-size:45px}.page-title-row{align-items:flex-start;flex-direction:column}.page-title-row .primary-button{width:100%}.form-panel{padding:20px}.form-grid,.field-row,.detail-layout,.pantry-columns{grid-template-columns:1fr}.photo-box{min-height:170px}.form-two{gap:16px}.form-actions{align-items:stretch;flex-direction:column}.form-actions .primary-button{width:100%}.form-lead h2{font-size:24px}.tab-selector button{padding:11px;font-size:12px;flex:1}.detail-dialog{max-height:93vh}.detail-visual{height:175px}.detail-body{padding:24px 21px 30px}.detail-body h2{font-size:31px}.detail-layout{gap:10px}.modal-backdrop{padding:8px}.pantry-creation{padding:24px 18px}.pantry-form{padding:20px}.ingredient-entry{flex-direction:column}.pantry-result{gap:10px}.small-result-art{width:76px;height:76px;flex-basis:76px}.pantry-result strong{font-size:13px}.eyebrow-small{font-size:8px}.bottom-nav button{min-width:52px}.backup-actions{flex-direction:column}.backup-actions button,.backup-actions label{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.recipe-tags{padding:19px 20px;margin:16px 0;border:1px solid var(--line);border-radius:16px;background:var(--dust)}.recipe-tags strong{display:block;margin-bottom:4px}.recipe-tags p{font-size:12px;color:var(--taupe);margin:0 0 12px}.recipe-tags label{display:inline-flex;align-items:center;gap:7px;font-size:14px;margin:0 18px 10px 0;font-weight:600}.recipe-tags input{accent-color:var(--forest);width:18px;height:18px}

.photo-column{min-width:0}.photo-column .photo-box{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:18px}.photo-column .photo-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.photo-actions .file-button{font-size:13px;flex:1;padding:12px 10px;min-height:44px}button:disabled{opacity:.55;cursor:not-allowed}.photo-box small{max-width:230px;line-height:1.6}@media(max-width:580px){.photo-column .photo-box{height:230px}.photo-actions button{flex:1;min-height:44px}}