@charset "UTF-8";
:root{font-family:Arial,sans-serif;color:#f4f3ec;background:#151a17;font-synthesis:none;--bg:#151a17;--panel:#202722;--line:#354037;--green:#b9d49a;--muted:#a5aea5;--wood:#cfac84;--ink:#182219}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:8px;background:#263029;padding:11px 16px}button:hover{border-color:#91ad7b;background:#344237}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:15px;background:#fff;color:#000}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#1d241f;border-right:1px solid #344034;display:flex;flex-direction:column;padding:32px 22px;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:16px;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:8px;color:var(--muted)}.brand-mark{width:49px;height:49px;flex-shrink:0}.mobile-brand{display:none}.nav-label{font-size:10px;letter-spacing:1.8px;color:#8e9e8f;margin:39px 10px 13px;display:flex;justify-content:space-between}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;text-align:left;background:none;color:#bac3b9;margin:5px 0;padding:13px 12px;font-size:13px}.nav-btn.active{background:#344330;color:#d7e8c5}.nav-btn .nav-icon{font-size:19px;width:20px}.count-pill{margin-left:auto;background:#485c3c;border-radius:5px;font-size:10px;padding:3px 6px}.side-categories{overflow:auto;flex:1;scrollbar-width:thin}.cat-nav{display:flex;width:100%;justify-content:space-between;font-size:12px;padding:9px 12px;border:0;background:none;color:#a7b2a6;text-align:left}.cat-nav.active{color:var(--green)}.cat-nav span{font-size:10px;color:#7f8d80}.side-footer{border-top:1px solid var(--line);padding:20px 5px 0;display:flex;gap:10px;font-size:11px;color:#d6c5ad}.side-footer small{display:block;color:#8b988c;line-height:1.7;font-size:10px;margin-top:6px}.leaf{font-size:22px;color:var(--green)}.workspace{margin-left:228px}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 44px;border-bottom:1px solid #2a332b;background:#181f1a}.topbar>span{font-size:12px;color:#c8d0c5}.topbar>span span{padding:0 13px;color:#637064}.header-actions{display:flex;align-items:center;gap:14px}.quiet{background:transparent;border:0;color:#b7c0b2;font-size:12px}.update{background:#a7c786;border-color:#a7c786;color:#1a2918;font-size:12px;font-weight:700}.avatar{background:#3b4739;border:1px solid #59644d;border-radius:50%;padding:10px;font-size:11px}main{max-width:1580px;padding:34px 44px 60px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:700}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:3px 0 28px}.intro h1{font-size:35px;letter-spacing:-1.1px;margin:9px 0 10px;font-weight:500}.intro p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}.tiny-stat{font-size:11px;display:flex;align-items:center;gap:7px;color:#b6c3ad}.dot{width:6px;height:6px;background:var(--green);display:inline-block;border-radius:50%}.hero{min-height:330px;border-radius:12px;position:relative;background:#393c2b url('assets/photo-DcGalf8t37S.jpg') 70% 52%/cover;overflow:hidden;border:1px solid #4b4c38;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,16,.96) 0%,rgba(18,26,19,.84) 29%,rgba(18,26,19,.05) 68%)}.hero-copy{position:relative;max-width:485px;padding:32px}.hero h2{font-size:38px;line-height:1.13;letter-spacing:-1px;font-weight:500;margin:18px 0 15px}.hero p{color:#c5c9bd;font-size:13px;line-height:1.8;max-width:320px}.hero-meta{font-size:11px;color:#c4ceb9;display:flex;gap:18px;margin:19px 0}.primary{background:var(--green);color:#1a2918;border-color:var(--green);font-weight:700}.primary:hover{background:#d0e7b8;color:#1a2918}.hero button{font-size:12px;padding:13px 19px}.hero-label{position:absolute;right:16px;bottom:14px;font-size:9px;background:#1b231bd9;padding:6px 9px;border-radius:4px;color:#c6cfbf}.toolbar{display:flex;gap:12px;align-items:center;margin:29px 0 19px}.search{flex:1;position:relative}.search span{position:absolute;left:16px;top:12px;color:#8e9b8d;font-size:19px}.search input{width:100%;padding:13px 15px 13px 44px;color:#ecf0e6;background:#202722;border:1px solid #354035;border-radius:8px;font-size:12px}input::placeholder{color:#83917f}.toolbar select,.portion-bar select,.mobile-category{background:#222b23;border:1px solid #3a4738;color:#d7dfcf;border-radius:7px;padding:12px;font-size:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border-radius:7px;font-size:11px;background:#202722;padding:9px 13px;color:#aebaa7;white-space:nowrap}.chip.active{background:#d0e1b6;color:#1a2817;border-color:#d0e1b6}.section-head{margin:32px 0 19px;display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:21px;font-weight:500;margin:0}.section-head p{font-size:11px;color:#90a08b;margin:9px 0 0}.text-button{border:0;background:none;color:var(--green);font-size:11px;padding:7px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.recipe-card{border:1px solid #333e31;border-radius:11px;overflow:hidden;background:#202720;position:relative;transition:transform .18s}.recipe-card:hover{transform:translateY(-3px);border-color:#617153}.card-open{width:100%;border:0;border-radius:0;padding:0;background:transparent;text-align:left;display:block}.card-open:hover{background:transparent;border-color:transparent}.card-image{height:184px;overflow:hidden;background:radial-gradient(circle at 65% 20%,#526143,#252f26 65%);position:relative}.card-image img{width:100%;height:100%;object-fit:cover}.card-fallback{height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#344335,#1c251e);font-size:55px;color:#81956d}.card-fallback:after{content:'';position:absolute;inset:15px;border:1px solid #7f916a33;border-radius:50%}.card-image .type{position:absolute;left:12px;bottom:12px;background:#162019d9;border:1px solid #6b7c5633;color:#d1e1bd;font-size:9px;padding:6px 9px;border-radius:5px;letter-spacing:.4px}.card-body{padding:18px}.card-body h3{font-size:16px;font-weight:500;margin:0 0 12px;line-height:1.4;min-height:44px}.card-meta{display:flex;align-items:center;gap:12px;color:#8fa087;font-size:10px}.card-foot{border-top:1px solid #34402f;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#90a186}.status-label{font-size:9px;padding:4px 7px;border-radius:4px;color:#d1bf97;background:#494331}.status-label.ready{color:#bddca4;background:#344a2c}.heart{position:absolute;right:11px;top:11px;width:30px;height:30px;padding:0;border-radius:50%;background:#18211ad9;border:1px solid #79916b4d;color:white;font-size:18px}.heart.selected{color:#d1e7b3}.add-mini{position:absolute;bottom:12px;right:11px;font-size:11px;border-radius:6px;padding:5px 8px;background:#2d3b29;color:#cbe1b5}.import-note{border:1px solid #39432e;background:#222b20;border-radius:10px;padding:19px 22px;margin-top:30px;display:flex;gap:18px;align-items:center}.import-note .note-icon{font-size:27px;color:var(--green)}.import-note p{margin:5px 0 0;color:#9dad92;font-size:11px;line-height:1.7}.import-note strong{font-size:12px;font-weight:500}.import-note button{margin-left:auto;white-space:nowrap;font-size:11px}.app-footer{display:flex;gap:20px;align-items:center;border-top:1px solid #2a332a;padding:23px 44px;color:#70816d;font-size:9px;letter-spacing:1px}.app-footer span{letter-spacing:0;flex:1}.app-footer button{font-size:10px;padding:0;background:none;border:0;letter-spacing:0;color:#a9b89f}.mobile-nav{display:none}.mobile-category{display:none}.empty{border:1px dashed #4b5a42;border-radius:10px;padding:45px;text-align:center;color:#aaba9e;line-height:1.8}.empty h2{color:#e1ebd7;font-weight:500}.portion-bar{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;border:1px solid #3c4935;border-radius:9px;padding:18px;background:#263022;margin:23px 0}.portion-bar label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#acbba0}.portion-bar select{min-width:125px;padding:9px;background:#1c251b}.portion-bar p{font-size:11px;color:#a7b69a;line-height:1.6;margin:0 0 1px;flex:1}.panel{background:#202820;border:1px solid #374531;border-radius:11px;padding:24px;margin:20px 0}.panel h2{font-size:19px;font-weight:500;margin:0 0 13px}.panel p,.panel li{font-size:12px;line-height:1.8;color:#b1c0a6}.panel a{color:#c4ddac}.selected-dishes{display:flex;flex-wrap:wrap;gap:9px}.selected-dish{font-size:11px;border:1px solid #46563b;border-radius:7px;padding:11px 13px;display:flex;align-items:center;gap:10px}.selected-dish button{border:0;background:none;padding:0;color:#b9cbaa}.shopping-group h3{color:var(--wood);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;margin:25px 0 10px}.ingredient-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #34402f;font-size:13px}.ingredient-row input{accent-color:#b9d49a;width:18px;height:18px}.ingredient-row .amount{margin-left:auto;font-variant-numeric:tabular-nums;color:#d2dfc4;text-align:right}.ingredient-row small{color:#94a287;font-size:10px;display:block;margin-top:4px}.ingredient-row.checked{opacity:.45}.ingredient-row.checked .ingredient-name{text-decoration:line-through}.export-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.export-actions button{font-size:12px}.notice{padding:13px 16px;background:#453c28;border:1px solid #6c5c36;color:#e2c897;border-radius:7px;font-size:12px;line-height:1.8;margin:16px 0}.success-note{background:#293c24;color:#c6e0af;border-color:#526c42}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-tile{padding:22px;background:linear-gradient(135deg,#2c392b,#212820);border:1px solid #3a4933;border-radius:10px;text-align:left;min-height:130px}.collection-tile span{display:block;font-size:30px;color:#b6ce9b;margin-bottom:14px}.collection-tile strong{font-size:14px;font-weight:500}.collection-tile small{display:block;color:#91a486;font-size:10px;margin-top:10px}.queue-list{display:grid;gap:10px}.queue-item{display:flex;gap:18px;align-items:center;background:#202820;border:1px solid #34432e;border-radius:8px;padding:16px}.queue-item h3{font-size:13px;font-weight:500;line-height:1.5;margin:0 0 6px}.queue-item p{font-size:10px;color:#9cae90;margin:0}.queue-item button{margin-left:auto;white-space:nowrap;font-size:11px}.load-more{display:block;margin:25px auto}.app-footer a{font-size:9px}dialog{color:#edf0e7;background:#1d261e;border:1px solid #566749;border-radius:14px;padding:0;width:min(930px,calc(100vw - 28px));max-height:92vh;max-height:92dvh;box-shadow:0 40px 150px #000b}dialog::backdrop{background:#090d0ad9;backdrop-filter:blur(7px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #3a4833;position:sticky;top:0;background:#20291ff5;z-index:2}.modal-header h2{font-size:16px;font-weight:500;margin:0}.close-modal{padding:5px 9px;background:none;border:0;font-size:23px}.modal-body{padding:25px}.recipe-cover{width:100%;height:270px;object-fit:cover;border-radius:8px}.recipe-title{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-.5px;margin:23px 0 10px}.recipe-sub{font-size:11px;color:#a7b89b;line-height:1.8}.recipe-sub a{color:var(--green)}.recipe-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.recipe-columns h3,.utensils h3{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;font-weight:500;color:#cdb18b;margin:25px 0 18px}.recipe-columns ol{padding-left:23px}.recipe-columns li{font-size:13px;line-height:1.9;color:#c2ceba;padding:0 0 18px 6px}.ingredient-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.7;padding:10px 0;border-bottom:1px solid #34412f}.ingredient-line span:last-child{color:#d0dfbe;white-space:nowrap}.ingredient-line small{color:#a9b89b;font-size:9px}.utensils span{display:inline-block;border:1px solid #45563a;border-radius:5px;padding:7px 9px;font-size:10px;color:#c4d3b7;margin:0 6px 7px 0}.provenance{font-size:10px;color:#8ea082;line-height:1.8;border-top:1px solid #34412f;margin-top:23px;padding-top:17px}.cook-step{font-size:21px;line-height:1.8;min-height:220px;margin:20px 0}.step-controls{display:flex;justify-content:space-between;align-items:center}.step-controls small{color:#afbf9e}.form-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#c1d0b6;margin:18px 0}.form-field input,.form-field textarea,.form-field select{padding:12px;border:1px solid #4b5b40;border-radius:6px;background:#141d15;color:#e0ead7;min-width:0}.form-field textarea{min-height:140px}.form-row{display:flex;gap:15px}.form-row>*{flex:1}.connection-status{display:flex;justify-content:space-between;font-size:12px;gap:15px;color:#c0cdb4}.connection-status strong{font-weight:500}.connection-status span{font-size:10px;color:#d4bb84}.form-help{font-size:11px;line-height:1.8;color:#a6b69a}.form-help a{color:#c6dfad}.settings-list{padding-left:20px}.settings-list li{padding:6px;color:#b9c9ac;font-size:12px;line-height:1.8}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#d1e4b8;color:#1c2c18;max-width:90vw;padding:14px 20px;border-radius:9px;font-size:12px;box-shadow:0 10px 50px #0006;z-index:99;display:none}#toast.show{display:block}.badge{display:inline-block;font-size:9px;color:#c7d9b9;padding:5px 8px;border:1px solid #6a8150;border-radius:5px;letter-spacing:1px}.library-controls{display:flex;gap:12px;align-items:center;margin:20px 0}.small-label{font-size:11px;color:#aebd9f}.file-input{width:100%}.image-caption{font-size:9px;color:#8b9c7d;margin:7px 0 0}.checkline{display:flex;align-items:center;gap:10px;font-size:12px;color:#b7c8aa;margin:14px 0}.backup-link{font-size:11px}.warn-text{color:#ddbf83}.inline-error{color:#e4b594;font-size:12px;line-height:1.8}.mobile-only{display:none}
@media(min-width:1700px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:380px}}
@media(max-width:1150px){.sidebar{width:195px;padding:27px 15px}.workspace{margin-left:195px}.topbar{padding:0 26px}main{padding:28px 26px 50px}.cards{gap:15px}.card-image{height:155px}.card-body{padding:15px}.hero-copy{max-width:420px}.hero h2{font-size:33px}.topbar>span{font-size:10px}.card-body h3{font-size:14px}}
@media(max-width:900px){.sidebar{width:180px;padding:23px 12px}.brand{font-size:13px;letter-spacing:1.4px}.workspace{margin-left:180px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:29px}.tiny-stat{display:none}.header-actions{gap:5px}.topbar{padding:0 20px}.topbar>span{display:none}.header-actions{margin-left:auto}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:325px}.hero:before{background:linear-gradient(90deg,#142017f0,#142017aa 50%,#14201715)}.hero-copy{padding:26px;max-width:350px}.hero p{max-width:250px;font-size:12px}.hero h2{font-size:32px}.app-footer{padding:20px}.app-footer span{display:none}}
@media(max-width:650px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:67px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.mobile-brand img{width:38px;height:38px}.mobile-brand>span{font-size:11px;font-weight:700;letter-spacing:1.3px}.mobile-brand small{display:block;font-size:8px;letter-spacing:2.9px;margin-top:4px;color:#a5b69a}.avatar,.quiet{display:none}.update{font-size:10px;padding:9px 10px}main{padding:23px 17px 100px}.intro{margin-bottom:23px}.intro h1{font-size:29px}.intro p{font-size:12px;max-width:320px}.hero{min-height:330px;border-radius:10px;background-position:62% center}.hero:before{background:linear-gradient(90deg,#122016eb,#1724199c 58%,#1724191a)}.hero-copy{padding:25px 21px;max-width:300px}.hero h2{font-size:31px}.hero p{max-width:235px}.hero-label{bottom:9px;right:9px;font-size:7px;max-width:110px}.toolbar{gap:8px;margin-top:24px;flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1}.mobile-category{display:block!important;max-width:60%;font-size:11px}.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;scrollbar-width:none}.chip{font-size:10px;padding:9px 11px}.section-head{margin:25px 0 17px}.section-head h2{font-size:19px}.cards{gap:12px}.card-image{height:142px}.card-body{padding:13px 11px}.card-body h3{font-size:13px;min-height:38px;margin-bottom:10px}.card-meta{gap:8px;font-size:9px}.card-foot{padding-top:11px;margin-top:12px;font-size:9px}.add-mini{bottom:9px;right:8px;font-size:10px;padding:4px 6px}.card-image .type{font-size:8px;left:8px;bottom:8px;padding:4px 6px}.status-label{font-size:8px}.heart{width:26px;height:26px;top:8px;right:8px}.card-fallback{font-size:40px}.import-note{padding:16px;gap:12px;align-items:flex-start;flex-wrap:wrap}.import-note .note-icon{font-size:21px}.import-note>div{flex:1}.import-note button{margin-left:32px}.app-footer{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#20291ff7;backdrop-filter:blur(15px);border-top:1px solid #46513a;padding:7px 10px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 8px;font-size:9px;color:#8f9f82}.mobile-nav button.active{color:#d0e6b5}.mobile-nav button span{font-size:20px}.portion-bar{gap:10px;padding:14px}.portion-bar label{flex:1}.portion-bar select{min-width:0;width:100%;font-size:11px}.portion-bar p{flex-basis:100%;font-size:10px}.export-actions button{font-size:11px;flex-grow:1}.recipe-columns{grid-template-columns:1fr;gap:0}.recipe-cover{height:210px}.recipe-title{font-size:26px}.modal-body{padding:19px}.modal-header{padding:14px 19px}.recipe-columns li{font-size:12px}.collection-grid{gap:11px}.collection-tile{padding:17px;min-height:125px}.collection-tile strong{font-size:12px}.collection-tile span{font-size:25px}.queue-item{padding:13px;gap:10px}.queue-item h3{font-size:12px}.queue-item button{font-size:10px;padding:8px}.queue-item p{font-size:9px}.panel{padding:18px}.form-row{flex-direction:column;gap:0}#toast{bottom:90px;left:50%;width:max-content;max-width:90vw;font-size:11px}.hero-meta{font-size:10px}.mobile-only{display:block}.cook-step{font-size:19px}.step-controls{gap:10px}.step-controls button{font-size:12px;padding:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.card-meta{align-items:flex-start}.card-meta>span:first-child{flex:1;min-width:0}.card-meta>span:last-child{flex-shrink:0}

.settings-icon{border:0;background:transparent;color:#c3d0bc;font-size:19px;padding:6px;line-height:1}

.image-credit{position:absolute;top:11px;left:11px;background:#17211cdd;color:#e0e6db;border:1px solid #53604f;border-radius:5px;padding:4px 7px;font-size:9px}#recipe-stage{max-width:45%;border:1px solid var(--line);border-radius:7px;background:#222c24;color:#c4d1ba;padding:10px 12px;font:inherit;font-size:12px}@media(max-width:650px){#recipe-stage{font-size:10px;padding:8px;max-width:43%}.image-credit{top:8px;left:8px;font-size:8px;padding:3px 5px}}

/* Keep installed iOS web-app controls outside the status bar and display cutouts. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
.topbar{height:calc(84px + var(--safe-top));padding-top:var(--safe-top)}
.sidebar{padding-top:calc(32px + var(--safe-top))}
dialog{inset:var(--safe-top) 0 var(--safe-bottom);max-height:min(92dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 28px))}
@media(max-width:1150px){.sidebar{padding-top:calc(27px + var(--safe-top))}}
@media(max-width:900px){.sidebar{padding-top:calc(23px + var(--safe-top))}}
@media(max-width:650px){.topbar{height:calc(67px + var(--safe-top));padding-top:var(--safe-top);padding-left:max(17px,var(--safe-left));padding-right:max(17px,var(--safe-right))}}

.update:hover,.update:focus-visible{background:#b9d49a;border-color:#b9d49a;color:#1a2918}
.settings-icon{min-width:44px;min-height:44px}

/* Recognizable food photography and a consistent illustrated collection icon set. */
.collection-tile{padding:0;min-height:234px;background:#202820;overflow:hidden;isolation:isolate;transition:border-color .18s,transform .18s}
.collection-tile:hover{background:#263126;transform:translateY(-2px);border-color:#8ea776}
.collection-cover{height:144px;position:relative;background:#2d392c;overflow:hidden}
.collection-photo{display:block;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .25s}
.collection-tile:hover .collection-photo{transform:scale(1.04)}
.collection-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101a1233 0%,#2028200d 30%,#202820b3 75%,#202820 100%)}
.collection-tile .collection-symbol{display:grid;place-items:center;position:absolute;top:15px;left:16px;width:49px;height:49px;margin:0;border:1px solid #b9d49a55;border-radius:12px;background:#17221ae8;z-index:1}
.category-icon{display:inline-block;width:32px;height:32px;vertical-align:middle;object-fit:contain}
.collection-symbol .category-icon{width:35px;height:35px}
.collection-copy{position:relative;padding:0 20px 21px;margin-top:-3px;z-index:1}
.collection-tile strong{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:16px;line-height:1.4;font-weight:500;color:#f4f3ec;min-height:23px}
.collection-tile .collection-arrow{display:block;font-size:18px;line-height:1.3;color:#c9dfb2;margin:0}
.collection-tile .collection-copy small{display:block;margin:9px 0 0;font-size:11px;line-height:1.7;color:#aebb9f}
.collection-tile .collection-image-note{position:absolute;right:10px;top:10px;margin:0;padding:4px 6px;border-radius:4px;background:#17221acd;color:#d9e3d2;font-size:8px;line-height:1.1;z-index:1}
.collection-wood{height:100%;background:repeating-linear-gradient(97deg,#65513e12 0 2px,transparent 2px 17px),linear-gradient(125deg,#785f43,#303b2c 78%)}
.collection-unsorted .collection-symbol{background:#2c3725;border-color:#9fb88677}
.card-fallback .category-icon{width:58px;height:58px}.queue-item>.leaf .category-icon{width:32px;height:32px}
@media(max-width:650px){.collection-tile{min-height:209px}.collection-cover{height:117px}.collection-copy{padding:0 14px 17px}.collection-tile strong{font-size:14px;min-height:38px;line-height:1.35}.collection-tile .collection-copy small{font-size:10px;line-height:1.6;margin-top:7px}.collection-tile .collection-symbol{top:12px;left:13px;width:45px;height:45px;border-radius:11px}.collection-symbol .category-icon{width:32px;height:32px}.collection-tile .collection-arrow{font-size:16px}.collection-tile .collection-image-note{font-size:7px;right:7px;top:8px;padding:3px 4px}}
@media(prefers-reduced-motion:reduce){.collection-tile,.collection-photo{transition:none}.collection-tile:hover{transform:none}.collection-tile:hover .collection-photo{transform:none}}

/* Larger recipe copy, with an on-device reading-size preference. */
:root{--recipe-font-size:18px}
.reading-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;line-height:1.5;color:#cad8bf;border:1px solid #45543d;background:#253021;border-radius:8px;padding:10px 13px;margin:18px 0}
.reading-controls select{background:#172116;color:#edf3e6;border:1px solid #5c704e;border-radius:6px;font-size:16px;padding:8px 10px;min-height:42px;max-width:65%}
.recipe-columns li,.ingredient-line{font-size:var(--recipe-font-size);line-height:1.75}
.recipe-columns li{padding-bottom:22px}.ingredient-line{padding:13px 0;align-items:flex-start}.ingredient-line>span:first-child{min-width:0;overflow-wrap:anywhere}
.ingredient-line small{font-size:max(13px,calc(var(--recipe-font-size) - 5px));line-height:1.6;color:#b4c1a9}
.recipe-columns h3,.utensils h3{font-size:15px;line-height:1.5;letter-spacing:1px}
.utensils span{font-size:14px;line-height:1.5;padding:8px 10px}.recipe-sub{font-size:14px;line-height:1.8}.image-caption{font-size:11px}.provenance{font-size:12px;line-height:1.8}
.modal-body .form-help{font-size:14px;line-height:1.8}.modal-body .form-field{font-size:14px}.modal-body .form-field input,.modal-body .form-field select,.modal-body .form-field textarea{font-size:16px}
.cook-step{font-size:calc(var(--recipe-font-size) + 6px);line-height:1.65}.modal-header h2{font-size:17px}
.modal-body .portion-bar label{font-size:12px}.modal-body .portion-bar select{font-size:16px}.modal-body .portion-bar p{font-size:13px}
@media(max-width:650px){.recipe-columns li,.ingredient-line{font-size:var(--recipe-font-size)}.cook-step{font-size:calc(var(--recipe-font-size) + 6px)}.reading-controls{font-size:14px;padding:9px 11px}.modal-body .step-controls button{font-size:14px}.recipe-title{font-size:28px}}