@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{color:#26322f;font-synthesis:none;background:#fffaf5;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{background:#fffaf5;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ec886e}.app-shell{grid-template-columns:242px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:4;background:#fffdf9;border-right:1px solid #eee9e1;flex-direction:column;width:242px;height:100vh;padding:30px 16px 18px;display:flex;position:fixed}.brand{color:#24322e;letter-spacing:-1.2px;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px;font-family:Playfair Display,serif;font-size:25px;font-weight:700;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#ea6c4c;border-radius:9px 9px 9px 3px;place-items:center;width:28px;height:28px;font-family:DM Sans;font-size:17px;display:grid}.sidebar nav{gap:4px;margin-top:54px;display:grid}.nav-item{color:#77827d;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:13px;padding:12px 13px;font-size:14px;font-weight:600;display:flex;position:relative}.nav-item b{color:#fff;background:#e96d4c;border-radius:9px;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;font-size:11px;display:grid}.sidebar-bottom{margin-top:auto}.mini-podium{color:#6f7a74;background:#f7f2eb;border-radius:13px;align-items:center;gap:9px;padding:13px;font-size:12px;display:flex}.mini-podium>span{font-size:20px}.mini-podium div{gap:2px;display:grid}.mini-podium strong{color:#34423e;font-size:12px}.mini-podium small,.profile small{color:#89928d;font-size:11px}.profile{color:#3a4742;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;margin-top:17px;padding:7px 5px;display:flex}.profile>span:nth-child(2){flex:1;display:grid}.profile strong{font-size:13px}.profile small{margin-top:2px}main{grid-column:2;min-width:0}.topbar{justify-content:space-between;align-items:end;gap:25px;max-width:1210px;margin:0 auto;padding:48px 52px 32px;display:flex}.topbar h1{letter-spacing:-.8px;margin:7px 0 0;font-family:Playfair Display,serif;font-size:clamp(29px,3vw,42px);font-weight:600}.eyebrow{color:#d6795d;letter-spacing:1.25px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.mobile-header{display:none}.page-content{max-width:1210px;margin:0 auto;padding:0 52px 60px}.hero-grid{background:#f2d5c1;border-radius:25px;grid-template-columns:1.12fr .88fr;min-height:356px;display:grid;overflow:hidden}.hero-copy{flex-direction:column;align-items:flex-start;padding:50px 55px;display:flex}.pill{letter-spacing:.1px;border-radius:30px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill.purple{color:#705b94;background:#ede8f6}.pill.dark-pill{color:#f8dfcc;background:#3b4b46}.hero-copy h2{color:#2a3b36;letter-spacing:-2px;margin:19px 0 12px;font-family:Playfair Display,serif;font-size:clamp(35px,4.1vw,57px);font-weight:600;line-height:.98}.hero-copy em{color:#db6847}.hero-copy p{color:#5e6a64;max-width:360px;margin:4px 0 25px;font-size:14px;line-height:1.5}.button{border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:#e86c4c;box-shadow:0 6px 16px #df755940}.button.dark{color:#fdf9f2;background:#30413b}.button.small{min-height:33px;padding:0 11px;font-size:11px}.button.wide{width:100%}.flip{transform:rotate(180deg)}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-top:52px;display:flex}.section-head.compact{margin-top:34px}.section-head h2{letter-spacing:-.6px;margin:5px 0 0;font-family:Playfair Display,serif;font-size:28px}.text-button{color:#d76648;background:0 0;align-items:center;gap:4px;padding:7px 0;font-size:12px;font-weight:700;display:inline-flex}.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:22px;display:grid}.recipe-card{background:#fffefa;border:1px solid #efe9e1;border-radius:16px;min-width:0;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 13px 26px #5b4c3b16}.card-open{text-align:left;width:100%;color:inherit;background:0 0;padding:0}.recipe-art{isolation:isolate;justify-content:center;align-items:center;min-height:132px;display:flex;position:relative;overflow:hidden}.recipe-art>span{z-index:2;filter:drop-shadow(0 8px 5px #48322530);font-size:51px;position:relative}.recipe-art small{z-index:2;color:#fff8ec;background:#1e30284a;border-radius:10px;padding:4px 7px;font-family:DM Mono;font-size:9px;position:absolute;bottom:9px;right:10px}.recipe-art.large{border-radius:0;min-height:100%}.recipe-art.large>span{font-size:clamp(90px,12vw,145px)}.sunset{background:linear-gradient(130deg,#f7b479,#e66d4f 88%)}.ocean{background:linear-gradient(135deg,#85b6b5,#356c73)}.rose{background:linear-gradient(135deg,#e7a0a2,#a64e59)}.sage{background:linear-gradient(135deg,#b7c895,#739071)}.art-orb{z-index:1;border-radius:999px;display:block;position:absolute}.art-orb.one{background:#fff3d955;width:145px;height:145px;top:-60px;left:-48px}.art-orb.two{background:#35493720;width:105px;height:105px;bottom:-39px;right:-24px}.card-copy{padding:13px 14px 15px}.avatar-line{color:#818a85;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.avatar{color:#fff;background:#536d68;border:2px solid #fffaf5;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:inline-grid}.avatar.tiny{border-width:1px;width:17px;height:17px;font-size:6px}.avatar-you{background:#e56c50}.card-copy h3{letter-spacing:-.3px;margin:9px 0 10px;font-family:Playfair Display,serif;font-size:18px;line-height:1.08}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag-row span{color:#77817b;background:#f3f0eb;border-radius:5px;padding:5px 7px;font-size:9px}.heart{z-index:3;color:#5f6964;background:#fffcf9d9;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:9px;right:9px}.heart.saved,.icon-button.liked{color:#dc684a}.activity-section{margin-top:55px;padding:0 0 20px}.activity-section .section-head{margin-top:0}.activity-list{border-top:1px solid #ece6de;margin-top:17px}.activity{border-bottom:1px solid #ece6de;align-items:center;gap:9px;min-height:65px;padding:12px 0;display:flex}.activity p{color:#57635d;flex:1;margin:0;font-size:13px}.activity p strong{color:#32413c}.activity p small{color:#949c97;margin-top:3px;font-size:10px;display:block}.icon-button{color:#4c5c56;background:#f7f4ef;border-radius:50%;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button.muted{color:#a5aaa6;background:0 0}.search-box{color:#9ca5a0;background:#fffefa;border:1px solid #ebe5dd;border-radius:14px;align-items:center;gap:10px;max-width:670px;min-height:53px;margin:3px auto 22px;padding:0 15px;display:flex;box-shadow:0 6px 20px #3b362c08}.search-box input{color:#304039;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-row button{color:#74807b;background:#f3efe8;border-radius:18px;padding:8px 12px;font-size:12px}.filter-row .selected{color:#fff;background:#51645d}.filter-row .filter-more{color:#4d6059;background:0 0;border:1px solid #e6ded5;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.pantry-intro{background:#e9f0ea;border-radius:20px;padding:34px}.pantry-intro h2,.household-card h2{letter-spacing:-.8px;margin:13px 0 5px;font-family:Playfair Display,serif;font-size:35px}.pantry-intro p,.household-card p{color:#697a72;margin:0;font-size:13px}.pantry-chips{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.pantry-chips button{color:#64756c;background:#f7faf6;border:1px solid #d7e4d8;border-radius:18px;align-items:center;gap:4px;padding:8px 10px;font-size:11px;display:inline-flex}.pantry-chips button.have{color:#fff;background:#477064;border-color:#477064}.match-list{gap:10px;display:grid}.match-card{text-align:left;color:#35443e;background:#fffefa;border:1px solid #ece5dc;border-radius:14px;grid-template-columns:106px 1fr auto;align-items:center;gap:14px;width:100%;padding:9px;display:grid}.match-card .recipe-art{border-radius:9px;min-height:82px}.match-card .recipe-art>span{font-size:35px}.match-card h3{margin:0 0 5px;font-family:Playfair Display;font-size:19px}.match-card p{color:#76817b;margin:0 0 9px;font-size:11px}.match-card p strong{color:#d66649}.meter{background:#e9e8e3;border-radius:9px;max-width:270px;height:4px;overflow:hidden}.meter i{background:#78a08d;border-radius:9px;height:100%;display:block}.household-card{background:#f3dfd3;border-radius:20px;justify-content:space-between;align-items:center;padding:31px 33px;display:flex}.household-avatars{display:flex}.household-avatars .avatar+.avatar{margin-left:-9px}.household-avatars .avatar{width:48px;height:48px;font-size:13px}.add-item{color:#d56648;border-bottom:1px solid #e7e1d9;align-items:center;gap:10px;padding:25px 0 13px;display:flex}.add-item input{color:#35433d;background:0 0;border:0;outline:0;flex:1}.add-item button{color:#db6849;background:0 0;font-size:12px;font-weight:700}.shopping-group{margin-top:27px}.group-title{color:#65726c;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.group-title b{color:#7d8883;background:#ebe8e1;border-radius:10px;padding:3px 6px;font-size:10px}.shopping-item{text-align:left;color:#3d4a45;background:0 0;border-bottom:1px solid #ebe6df;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:10px 3px;display:grid}.check-circle{color:#fff;border:1.5px solid #b5bdb7;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.shopping-item.done .check-circle{background:#6e9c89;border-color:#6e9c89}.shopping-item.done .shop-label{color:#9ca49f;text-decoration:line-through}.shop-label{font-size:13px;font-weight:600;display:grid}.shop-label small{color:#969e99;margin-top:2px;font-size:10px;font-weight:400;text-decoration:none}.shopping-item>span:last-child{color:#848e88;font-size:11px}.empty-line{color:#98a19b;font-size:12px}.recipe-view{max-width:1210px;margin:auto;padding:27px 52px 65px}.recipe-top{justify-content:space-between;align-items:center;display:flex}.back-button{color:#6a7771;background:0 0;align-items:center;gap:6px;padding:8px 0;font-size:12px;font-weight:700;display:inline-flex}.top-actions{gap:8px;display:flex}.fork-banner{color:#695a88;text-align:left;background:#f0ecf8;border-radius:9px;align-items:center;gap:7px;width:100%;margin-top:18px;padding:11px 13px;font-size:12px;display:flex}.fork-banner svg:last-child{margin-left:auto}.recipe-hero{background:#f3eee6;border-radius:23px;grid-template-columns:1.06fr .94fr;min-height:345px;margin-top:21px;display:grid;overflow:hidden}.recipe-heading{padding:42px 48px}.recipe-heading h1{color:#293933;letter-spacing:-1.4px;max-width:620px;margin:17px 0 11px;font-family:Playfair Display,serif;font-size:clamp(37px,4.5vw,59px);line-height:1.01}.recipe-heading>p{color:#69756f;max-width:500px;font-size:14px;line-height:1.5}.dot{background:#b7bdb9;border-radius:50%;width:3px;height:3px;margin:0 3px}.stat-row{color:#66736d;flex-wrap:wrap;gap:16px;margin-top:27px;display:flex}.stat-row span{align-items:center;gap:5px;font-size:12px;display:flex}.stat-row svg{color:#d16b4d}.recipe-tabs{border-bottom:1px solid #e8e2da;align-items:end;gap:24px;height:64px;display:flex}.recipe-tabs button{color:#818b85;background:0 0;height:45px;padding:0 3px;font-size:13px;font-weight:700;position:relative}.recipe-tabs button.active{color:#d46345}.recipe-tabs button.active:after{content:"";background:#e36b4b;height:2px;position:absolute;bottom:-1px;left:0;right:0}.recipe-tabs span{background:#f0ece6;border-radius:7px;margin-left:3px;padding:2px 5px;font-size:9px}.cook-cta{color:#fbf7ee;background:#31433d;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:25px 28px;display:flex}.cook-cta h2{margin:9px 0 3px;font-family:Playfair Display;font-size:25px}.cook-cta p{color:#c9d0c9;margin:0;font-size:12px}.recipe-body{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:53px;display:grid}.panel-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.panel-head h2{color:#34423d;letter-spacing:-.5px;margin:5px 0 0;font-family:Playfair Display;font-size:25px}.time-total{color:#7e8983;white-space:nowrap;padding-top:18px;font-size:11px}.scale-control{color:#72807a;background:#f3f0ea;border-radius:10px;align-items:center;gap:8px;margin:22px 0 16px;padding:9px 8px 9px 12px;font-size:11px;font-weight:700;display:flex}.scale-control button{color:#65736d;background:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.scale-control input{accent-color:#dd6b4d;width:65px}.scale-control strong{color:#d16144;min-width:25px;font-size:11px}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{color:#47534e;border-bottom:1px solid #ece7e0;align-items:center;min-height:38px;font-size:12px;display:flex}.ingredients .quantity{color:#d36446;min-width:65px;font-family:DM Mono;font-size:11px}.ingredients small{color:#6c9483;background:#e7f1ea;border-radius:5px;margin-left:auto;padding:3px 5px;font-size:9px}.steps{gap:13px;margin-top:22px;display:grid}.step-card{border-bottom:1px solid #ece7e0;grid-template-columns:41px 1fr;gap:10px;padding:17px 17px 17px 0;display:grid}.step-number{color:#c95f43;background:#fff0e8;border-radius:50%;place-items:center;width:30px;height:30px;font-family:DM Mono;font-size:11px;display:grid}.step-meta{color:#9aa29d;font-family:DM Mono;font-size:10px}.step-meta span{align-items:center;gap:4px;display:inline-flex}.step-card p{color:#3e4c46;margin:7px 0 12px;font-size:13px;line-height:1.55}.step-uses{border-left:2px solid #e5c7ae;flex-wrap:wrap;align-items:center;gap:5px;padding-left:9px;display:flex}.step-uses span{color:#9a856d;text-transform:uppercase;letter-spacing:.6px;margin-right:3px;font-size:9px}.step-uses b{color:#a5553d;background:#fff5ea;border-radius:5px;padding:4px 6px;font-size:10px}.notes{background:#f6f0e6;border-radius:11px;margin-top:26px;padding:17px 19px}.notes h3{color:#7a644e;align-items:center;gap:5px;margin:0 0 8px;font-size:12px;display:flex}.notes p{color:#766b5d;margin:6px 0;font-size:11px;line-height:1.4}.comments{border-top:1px solid #e8e2da;max-width:690px;margin:48px 0 0;padding-top:29px}.comments .panel-head h2 span{color:#929b96;font-size:14px}.comment{gap:9px;margin-top:18px;display:flex}.comment>div{font-size:12px;line-height:1.45}.comment p{color:#384740;margin:0 0 2px}.comment p small{color:#9aa19d;margin-left:4px;font-size:10px}.comment>div>span{color:#65726c}.comment-form{align-items:center;gap:8px;margin-top:22px;display:flex}.comment-form input{color:#46534e;background:#f4f1eb;border:0;border-radius:20px;outline:0;flex:1;min-height:38px;padding:0 14px;font-size:12px}.comment-form button{color:#fff;background:#e46b4c;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.recipe-footer{gap:8px;margin-top:35px;display:flex}.forks-content{max-width:700px;padding:36px 0}.fork-intro h2{margin:12px 0 4px;font-family:Playfair Display;font-size:31px}.fork-intro p{color:#78837d;margin:0;font-size:13px}.fork-card{background:#fffefa;border:1px solid #e9e3db;border-radius:14px;gap:11px;margin-top:24px;padding:18px;display:flex}.fork-card h3{margin:8px 0 3px;font-family:Playfair Display;font-size:20px}.fork-card p{color:#707c76;margin:0;font-size:12px}.fork-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.empty-state{color:#87918b;text-align:center;padding:50px 15px}.empty-state svg{color:#d88168}.empty-state h3{color:#56645d;margin-bottom:5px}.empty-state p{margin:0;font-size:12px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26332e66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{color:#37463f;background:#fffdf8;border-radius:20px;width:min(100%,510px);max-height:min(760px,100vh - 40px);padding:33px;position:relative;overflow:auto;box-shadow:0 20px 70px #1a201d4a}.modal-close{color:#65716b;background:#f2eee8;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:14px;right:14px}.modal h2{letter-spacing:-.6px;margin:7px 0;font-family:Playfair Display;font-size:31px}.modal>p{color:#758079;font-size:12px;line-height:1.45}.import-tabs{border-bottom:1px solid #e9e2d9;gap:15px;margin:24px 0 20px;padding-bottom:9px;display:flex}.import-tabs button{color:#8a938d;background:0 0;padding:0 0 8px;font-size:12px;font-weight:700;position:relative}.import-tabs button.active{color:#d36246}.import-tabs button.active:after{content:"";background:#dd6849;height:2px;position:absolute;bottom:-10px;left:0;right:0}.modal label:not(.dropzone){color:#647069;gap:6px;margin:12px 0;font-size:11px;font-weight:700;display:grid}.modal label input{color:#35443d;background:#fffefa;border:1px solid #e5ddd5;border-radius:9px;outline:0;min-height:42px;padding:0 11px;font-size:12px}.import-note{background:#faf1e6;border-radius:8px;align-items:flex-start;gap:6px;padding:10px;display:flex;color:#77694f!important}.dropzone{color:#8b7968;text-align:center;border:1.5px dashed #d7cabe;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:25px;display:flex}.dropzone strong{color:#5d625b;font-size:13px}.dropzone span{font-size:10px}.dropzone input{max-width:220px;font-size:10px}.form-message{background:#f9eee2;border-radius:8px;padding:9px;color:#7f604b!important}.privacy-note{color:#9aa19b;text-align:center;margin-top:11px;font-size:10px;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.check-list{gap:4px;margin:18px 0;display:grid}.check-list button{color:#516059;text-align:left;background:0 0;border-bottom:1px solid #ece6de;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;min-height:43px;font-size:12px;display:grid}.check-list button.owned{color:#98a19b;text-decoration:line-through}.check-list button b{color:#cb6347;font-family:DM Mono;font-size:10px;font-weight:500}.check-list button.owned b{color:#9aa39d}.toast{z-index:50;color:#fff;background:#33463f;border-radius:11px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #24342c4a}.editor-fields{grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:19px;display:grid}.editor-fields label:first-child,.editor-fields label:nth-child(2){grid-column:1/-1}.editor-section{border-top:1px solid #ebe5dd;margin-top:22px;padding-top:18px}.editor-section>div:first-child{gap:3px;margin-bottom:10px;display:grid}.editor-section strong{color:#46554e;font-size:13px}.editor-section small{color:#929b95;font-size:10px}.editor-ingredient{grid-template-columns:58px 65px 1fr;gap:6px;margin:6px 0;display:grid}.editor-ingredient input,.editor-ingredient select,.editor-step textarea{color:#3f4e47;background:#fffefa;border:1px solid #e8e0d7;border-radius:7px;outline:0;min-height:34px;padding:7px;font-size:11px}.editor-step{grid-template-columns:25px 1fr;align-items:start;gap:7px;margin:7px 0!important;display:grid!important}.editor-step>span{color:#c95d41;background:#fff0e8;border-radius:50%;place-items:center;width:21px;height:21px;margin-top:5px;font-size:10px;display:grid}.editor-step textarea{resize:vertical;min-height:61px;line-height:1.35}.cooking-mode{z-index:40;color:#fffaf1;background:#1f302b;grid-template-rows:auto 5px 1fr auto;display:grid;position:fixed;inset:0;overflow:auto}.cooking-mode header{grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,5vw,68px);display:grid}.back-button.light{color:#c9d4cd}.cook-title{text-align:center;gap:3px;display:grid}.cook-title span{font-family:Playfair Display;font-size:16px}.cook-title b{color:#edb99b;letter-spacing:1px;font-family:DM Mono;font-size:9px}.wake-button{color:#c9d4cd;background:#ffffff10;border:1px solid #ffffff24;border-radius:19px;justify-self:end;align-items:center;gap:5px;padding:8px 11px;font-size:10px;display:inline-flex}.wake-button.on{color:#ffcf83;border-color:#ffcf8355}.progress{background:#ffffff18}.progress i{background:#e87654;height:100%;transition:width .3s;display:block}.cook-stage{width:100%;max-width:930px;margin:auto;padding:clamp(42px,9vh,100px) 50px 35px}.step-kicker{color:#e99c7c;letter-spacing:1.7px;font-family:DM Mono;font-size:11px}.cook-stage h1{letter-spacing:-1.4px;max-width:900px;margin:16px 0 30px;font-family:Playfair Display;font-size:clamp(33px,5.1vw,63px);font-weight:500;line-height:1.08}.cook-timer{color:#f5d7bf;align-items:center;gap:8px;display:flex}.cook-timer strong{font-family:DM Mono;font-size:17px}.cook-timer span{color:#b4c1b8;font-size:11px}.cook-ingredients{background:#ffffff0b;border:1px solid #ffffff16;border-radius:14px;margin-top:37px;padding:17px 19px}.cook-ingredients>span{color:#b6c4bb;text-transform:uppercase;letter-spacing:1px;font-family:DM Mono;font-size:10px}.cook-ingredients div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cook-ingredients b{color:#ffe0c8;background:#e2785428;border-radius:7px;padding:8px 10px;font-size:13px}.cooking-mode footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:19px clamp(20px,5vw,68px);display:flex}.button.ghost-light{color:#d2dcd4;background:0 0}.button.ghost-light:disabled{opacity:.35;cursor:default;transform:none}.complete-step{color:#27413a;background:#f9ebdb;border-radius:23px;align-items:center;gap:8px;min-height:43px;padding:0 15px 0 8px;font-size:12px;font-weight:700;display:inline-flex}.complete-step>span{color:#fff;background:#e97050;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.complete-step>span.checked{background:#6a9a82}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}main{grid-column:1}.mobile-header{border-bottom:1px solid #ece6de;justify-content:space-between;align-items:center;min-height:66px;padding:0 20px;display:flex}.mobile-header .brand{font-size:22px}.topbar{padding:32px 25px 24px}.page-content,.recipe-view{padding-left:25px;padding-right:25px}.hero-grid{grid-template-columns:1fr .7fr}.hero-copy{padding:36px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-body{gap:30px}.recipe-heading{padding:37px}}@media (width<=620px){.topbar{align-items:center;padding:22px 20px}.topbar h1{font-size:29px}.topbar .button{display:none}.page-content,.recipe-view{padding-left:17px;padding-right:17px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:31px}.hero-copy h2{font-size:42px}.hero-grid .recipe-art{min-height:160px}.hero-grid .recipe-art.large>span{font-size:90px}.recipe-grid{gap:10px}.recipe-art{min-height:105px}.card-copy{padding:10px}.card-copy h3{font-size:16px}.tag-row{display:none}.section-head{margin-top:38px}.section-head h2{font-size:24px}.recipe-hero{grid-template-columns:1fr}.recipe-heading{padding:28px 25px}.recipe-heading h1{font-size:42px}.recipe-hero .recipe-art{min-height:180px}.recipe-hero .recipe-art.large>span{font-size:95px}.cook-cta{flex-direction:column;align-items:start;margin:20px 0;padding:20px}.recipe-body{grid-template-columns:1fr;gap:35px}.recipe-tabs{height:55px}.match-card{grid-template-columns:82px 1fr auto;gap:9px}.match-card .recipe-art{min-height:68px}.household-card{padding:24px}.household-card h2,.pantry-intro h2{font-size:28px}.household-avatars{display:none}.modal{padding:28px 21px 23px}.cooking-mode header{grid-template-columns:1fr auto;padding:12px 17px}.cook-title{display:none}.cook-stage{padding:55px 23px 30px}.cook-stage h1{font-size:38px}.cooking-mode footer{padding:14px 17px}.wake-button{font-size:9px}}:root,body{color:#193b40;background:#f5fbf8}.sidebar{background:#fbfefd;border-color:#dbe9e6}.brand{color:#17404a}.brand-mark{background:#197c82}.nav-item{color:#688086}.nav-item:hover{color:#174952;background:#edf6f3}.nav-item.active{color:#147a7e;background:#e1f3ef}.nav-item b{background:#23858a}.eyebrow{color:#34848a}.button.primary{background:#177d82;box-shadow:0 6px 16px #1b7e8238}.button.dark{background:#204e55}.button.soft{color:#25656a;background:#e4f2ef}.pill.warm{color:#267379;background:#e3f1ef}.pill.green{color:#257a71;background:#e0f2e9}.pill.dark-pill{background:#245158}.topbar h1,.section-head h2,.recipe-heading h1{color:#1e4045}.heart.saved,.icon-button.liked,.text-button{color:#168088}.pantry-intro{background:#e6f3ef}.pantry-chips button.have{background:#277c75;border-color:#277c75}.meter i{background:#2b8e92}.household-card{background:#ddf0ee}.step-number{color:#187d83;background:#e1f4f1}.ingredients .quantity,.check-list button b{color:#187d83}.step-uses{border-color:#a8d5d0}.step-uses b{color:#21757b;background:#ecf8f6}.cooking-mode{background:#133b42}.complete-step>span{background:#278c8c}.feed-heading{border-bottom:1px solid #dbe9e5;justify-content:space-between;align-items:center;padding:7px 0 20px;display:flex}.feed-heading h2{margin:5px 0 0;font-family:Playfair Display;font-size:31px}.feed-status{color:#6d8b87;align-items:center;gap:6px;font-size:11px;display:flex}.feed-status i{background:#32a58d;border-radius:50%;width:7px;height:7px}.feed-list{max-width:780px}.feed-card{border-bottom:1px solid #dfeae7;gap:12px;padding:22px 0;display:flex}.feed-copy{flex:1;min-width:0}.feed-copy>p{color:#456066;margin:2px 0 4px;font-size:13px}.feed-copy>p button{color:#1b6870;font:inherit;text-align:left;background:0 0;padding:0;font-weight:700}.feed-copy>small{color:#899b98;font-size:10px}.feed-recipe{cursor:pointer;background:#fbfefd;border:1px solid #dcebe7;border-radius:11px;grid-template-columns:91px 1fr auto;align-items:center;gap:10px;max-width:470px;margin-top:12px;padding:8px;display:grid}.feed-recipe .recipe-art{border-radius:7px;min-height:65px}.feed-recipe .recipe-art>span{font-size:30px}.feed-recipe h3{margin:0 0 3px;font-family:Playfair Display;font-size:17px}.feed-recipe span{color:#7d908c;font-size:10px}.discover-tabs{border-bottom:1px solid #e0eae7;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 0;display:flex}.discover-tabs>span{color:#81938f;margin-right:3px;font-size:11px}.discover-tabs button{color:#637f81;background:#edf5f3;border-radius:15px;padding:7px 10px;font-size:11px}.discover-tabs button.selected{color:#fff;background:#207f83}.meal-types{margin-top:12px}.pantry-entry{color:#47888a;background:#f9fdfb;border:1px solid #cfe3de;border-radius:11px;align-items:center;gap:7px;margin-top:19px;padding:6px 7px 6px 11px;display:flex}.pantry-entry input{color:#284d50;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.pantry-entry button{color:#fff;background:#248186;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:700}.sign-out{color:#7b8e8d;text-align:left;background:0 0;align-items:center;gap:7px;width:100%;margin-top:4px;padding:8px;font-size:11px;display:flex}.sign-out:hover{color:#176c72}.my-recipes-intro,.admin-intro{background:#e1f1ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.my-recipes-intro h2,.admin-intro h2{margin:7px 0 5px;font-family:Playfair Display;font-size:31px}.my-recipes-intro p,.admin-intro p{color:#688281;margin:0;font-size:12px}.my-recipes-intro>svg,.admin-intro>svg{color:#328d8b}.recipe-empty{border:1px dashed #bbd8d3;border-radius:15px;margin-top:20px}.auth-page{background:radial-gradient(circle at 100% 0,#d6f0ed,#0000 42%),#f4fbf9;place-items:center;min-height:100vh;padding:25px;display:grid}.auth-card{background:#fffefa;border:1px solid #d9e9e5;border-radius:22px;width:min(100%,440px);padding:36px;box-shadow:0 18px 50px #17494b19}.auth-card .brand{padding:0}.auth-copy{margin-top:36px}.auth-copy h1{margin:7px 0;font-family:Playfair Display;font-size:39px}.auth-copy p{color:#718682;font-size:13px;line-height:1.45}.auth-tabs{border-bottom:1px solid #dce9e6;gap:20px;margin:25px 0 18px;display:flex}.auth-tabs button{color:#849590;background:0 0;padding:0 0 9px;font-size:12px;font-weight:700;position:relative}.auth-tabs button.active{color:#177b80}.auth-tabs button.active:after{content:"";background:#1b898b;height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-form{gap:12px;display:grid}.auth-form label,.settings-card label{color:#607773;gap:6px;font-size:11px;font-weight:700;display:grid}.auth-form input,.settings-card input,.settings-card textarea,.household-form input{color:#284b50;background:#fbfefd;border:1px solid #d6e5e1;border-radius:8px;outline:0;min-height:41px;padding:8px 10px;font-size:12px}.local-login{color:#718884;margin:16px 0 0;font-size:10px;line-height:1.6}.profile-page{max-width:850px}.profile-hero{border-bottom:1px solid #dfeae7;align-items:center;gap:13px;padding:5px 0 23px;display:flex}.avatar-large{width:58px;height:58px;font-size:17px}.profile-hero h2{margin:5px 0 2px;font-family:Playfair Display;font-size:31px}.profile-hero p{color:#718783;margin:0;font-size:12px}.settings-card{background:#fffefa;border:1px solid #dce9e6;border-radius:14px;margin-top:20px;padding:22px}.settings-card h3{margin:0 0 14px;font-family:Playfair Display;font-size:22px}.settings-card>p{color:#718783;font-size:12px;line-height:1.45}.settings-card label{margin:10px 0}.settings-card textarea{resize:vertical;min-height:76px}.household-form{gap:8px;display:flex}.household-form input{flex:1;min-width:0}.request-row{border-top:1px solid #e2ece9;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.request-row>span:nth-child(2){flex:1;font-size:12px;display:grid}.request-row small{color:#82938f;margin-top:3px;font-size:10px}.approval-list{gap:10px;margin-top:18px;display:grid}.approval-list article{background:#fffefa;border:1px solid #dceae6;border-radius:12px;align-items:center;gap:10px;padding:15px;display:flex}.approval-list article>div{flex:1;gap:2px;display:grid}.approval-list strong{font-size:13px}.approval-list small,.approval-list span{color:#80918e;font-size:10px}.editor-modal{width:min(100%,720px)}.editor-ingredient{grid-template-columns:58px 65px 1fr 30px}.delete-mini{color:#ad6457;background:#f8ece7;border-radius:6px;place-items:center;width:28px;height:30px;display:grid}.editor-step-block{background:#fcfffd;border:1px solid #dce9e5;border-radius:10px;margin:12px 0;padding:11px}.allocation-list{gap:5px;margin:8px 0 4px 31px;display:grid}.allocation-row{grid-template-columns:minmax(100px,1fr) 55px auto 27px;align-items:center;gap:5px;display:grid}.allocation-row select,.allocation-row input{color:#37575a;background:#fff;border:1px solid #d6e6e2;border-radius:6px;min-width:0;min-height:30px;padding:4px;font-size:10px}.allocation-row span{color:#748984;font-size:10px}.step-editor-actions{flex-wrap:wrap;gap:10px;margin:6px 0 0 31px;display:flex}.text-button.subtle{color:#508589}.text-button.danger{color:#ad6457}@media (width<=620px){.feed-heading h2{font-size:25px}.feed-recipe{grid-template-columns:72px 1fr auto}.feed-recipe .recipe-art{min-height:58px}.auth-card{padding:27px 22px}.household-form{flex-direction:column;align-items:stretch}.allocation-row{grid-template-columns:1fr 45px 24px}.allocation-row span{display:none}.editor-ingredient{grid-template-columns:49px 57px 1fr 28px}}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.photo-button{color:#237b80;cursor:pointer;background:#e4f3f0;border-radius:8px;margin-left:auto;padding:8px 10px;font-size:11px;font-weight:700}.photo-button input{display:none}.photo-editor{width:min(100%,440px)}.crop-viewport{cursor:grab;touch-action:none;background:#dceceb;border-radius:50%;width:240px;height:240px;margin:19px auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffffa8}.crop-viewport:active{cursor:grabbing}.crop-viewport img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;transform:translate(-50%,-50%)}.zoom-control{color:#56736f;gap:6px;font-size:11px;margin:10px 0 20px!important;display:grid!important}.zoom-control input{accent-color:#1d8386}.fork-tree{margin-top:25px}.tree-node{color:#375354;text-align:left;background:#e9f4f1;border:1px solid #cae4df;border-radius:11px;align-items:center;gap:9px;width:100%;padding:12px;display:flex}.tree-node>span:last-child{gap:3px;display:grid}.tree-node strong{font-family:Playfair Display;font-size:17px}.tree-node small{color:#718985;font-size:10px}.tree-branch{border-left:2px solid #a8d4cd;margin-left:24px;padding:19px 0 0 23px;position:relative}.tree-branch>i{border-top:2px solid #a8d4cd;width:22px;position:absolute;top:34px;left:0}.tree-branch .fork-card{margin-top:0}.fork-intro p{max-width:580px}.cooking-mode{grid-template-rows:76px 1fr auto}.cook-header{min-height:76px;position:relative;overflow:hidden;padding:0 clamp(20px,5vw,68px)!important}.cook-header>:not(.cook-progress){z-index:2;position:relative}.cook-progress{z-index:1;background:#ffffff12;position:absolute;inset:0}.cook-progress i{opacity:.38;background:linear-gradient(90deg,#1e8f91,#4aaba8);height:100%;transition:width .35s;display:block}.cook-stage{align-self:center;max-width:1080px;padding:clamp(35px,7vh,85px) 60px!important}.cook-stage h1{max-width:1000px;font-size:clamp(43px,5.8vw,78px)}.cooking-mode footer{padding:22px clamp(20px,5vw,68px)}.cook-title{text-shadow:0 1px 1px #16383c66}.notes{display:none}.import-source-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.import-source-cards button{color:#52716f;text-align:center;background:#f2f8f6;border:1px solid #d7e9e4;border-radius:12px;gap:3px;padding:14px 7px;display:grid}.import-source-cards button.active{color:#176f75;background:#e2f3ef;border-color:#24938f;box-shadow:inset 0 0 0 1px #24938f}.import-source-cards b{font-size:25px;line-height:1}.import-source-cards span{font-size:12px;font-weight:800}.import-source-cards small,.import-modal label>small{color:#79908c;font-size:10px;font-weight:500}.ai-processing{color:#1c7377;background:#e7f5f2;border-radius:10px;align-items:center;gap:9px;margin:14px 0;padding:13px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.ai-processing i{background:linear-gradient(90deg,#218f8c 25%,#bfe5de 25% 50%,#218f8c 50% 75%,#bfe5de 75%) 0 0/28px 100%;border-radius:10px;width:38px;height:5px;margin-left:auto;animation:.8s linear infinite import-pulse}@keyframes import-pulse{to{background-position:28px 0}}.dropzone input{display:none}.dropzone:after{content:"Choose images";color:#176f75;background:#e3f3ef;border-radius:8px;margin-top:6px;padding:9px 15px;font-size:11px;font-weight:800}.brand-mark{border-radius:0;width:155px;height:46px;color:#0000!important;background:url(/fork-and-spoon-logo.jpg) 50%/contain no-repeat!important}.brand>span:last-child{display:none}.auth-card .brand-mark{width:210px;height:63px}.scale-control input{width:min(260px,38vw)}.forks-content{max-width:1080px}.fork-tree-card{margin:30px 0;padding-top:10px;position:relative}.tree-root-card{z-index:2;width:min(270px,100%);margin:0 auto;position:relative}.tree-root-card>span{color:#6d8782;text-align:center;margin-top:7px;font-size:11px;display:block}.fork-branches{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:38px 24px;margin-top:68px;padding-top:28px;display:grid;position:relative}.fork-branches:before{content:"";border-top:2px solid #8bc4bb;border-radius:50% 50% 0 0;height:33px;position:absolute;top:0;left:12%;right:12%}.fork-branches:after{content:"";background:#8bc4bb;width:2px;height:69px;position:absolute;top:-67px;left:50%}.fork-card-node{z-index:1;position:relative}.fork-card-node>i{z-index:-1;background:#8bc4bb;width:2px;height:31px;position:absolute;top:-30px;left:50%}.fork-card-node .recipe-card{background:#fbfefd;border:1px solid #d4e9e4;box-shadow:0 9px 24px #17494b12}.fork-card-node.leaf .recipe-card{outline-offset:4px;outline:2px solid #2a908b}.fork-card-node small{color:#69807d;text-align:center;margin-top:10px;font-size:10px;line-height:1.35;display:block}.fork-tree-card .recipe-card{min-height:0}.fork-tree-card .recipe-art{min-height:145px}.stacked-recipe{z-index:2;margin:0 8px 10px 0;overflow:visible}.stacked-recipe:before,.stacked-recipe:after{content:"";z-index:-1;background:#edf7f3;border:1px solid #d2e5df;border-radius:16px;position:absolute;inset:7px -7px -7px 7px}.stacked-recipe:after{z-index:-2;background:#e2f1ec;inset:13px -13px -13px 13px}.fork-count{z-index:4;color:#fff;background:#176f75e8;border-radius:12px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:9px;left:9px;box-shadow:0 3px 9px #123f4030}.page-lede{color:#6d8480;max-width:600px;margin:0 0 22px;font-size:13px}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px;display:grid}.friend-card{background:#fffefa;border:1px solid #dceae6;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.friend-card h3{margin:0 0 4px;font-family:Playfair Display;font-size:20px}.friend-card p{color:#607976;margin:0 0 4px;font-size:11px}.friend-card small{color:#8b9a97;font-size:10px}.feedback-page{max-width:850px}.feedback-compose{background:#e5f3ef;border-radius:15px;padding:20px}.feedback-compose label{color:#315f61;gap:8px;font-size:12px;font-weight:700;display:grid}.feedback-compose textarea{resize:vertical;color:#284b50;font:inherit;background:#fffefa;border:1px solid #cce1dc;border-radius:10px;padding:12px}.feedback-compose>div{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.feedback-compose>div>span{color:#497a76;font-size:11px}.feedback-list{gap:10px;margin-top:20px;display:grid}.feedback-card{background:#fffefa;border:1px solid #dce9e5;border-left:4px solid #7bbdb4;border-radius:12px;grid-template-columns:48px 1fr;gap:12px;padding:16px;display:grid}.feedback-card.status-accepted{border-left-color:#318f8b}.feedback-card.status-ignored{opacity:.83;border-left-color:#c4b69b}.feedback-card.status-completed{opacity:.7;border-left-color:#7c9a83}.feedback-vote{align-content:start;justify-items:center;gap:3px;display:grid}.feedback-vote button{color:#62817c;background:#eaf3f0;border-radius:8px;place-items:center;width:34px;height:31px;display:grid}.feedback-vote button.voted{color:#fff;background:#207e80}.feedback-vote b{color:#496e69;font-size:11px}.feedback-copy>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-status{color:#266c6b;text-transform:uppercase;background:#e1f1ed;border-radius:9px;padding:4px 7px;font-size:9px;font-weight:800}.feedback-copy small{color:#899a96;font-size:10px}.feedback-copy p{color:#344f50;white-space:pre-wrap;margin:10px 0;font-size:13px;line-height:1.5}.feedback-copy select,.household-form select{color:#31585a;background:#fbfefd;border:1px solid #d4e5e1;border-radius:8px;min-height:39px;padding:7px 10px}.household-form select{flex:1;min-width:0}.locked-field:disabled{cursor:not-allowed;opacity:1;color:#80908d!important;background:#edf1ef!important}.editor-fields label>small{color:#81928e;font-size:9px;font-weight:500}.fork-card-node{margin-top:calc((var(--branch-depth,1) - 1) * 52px)}.fork-card-node>i{border-radius:20px 20px 0 0}@media (width<=620px){.friend-grid{grid-template-columns:1fr}.feedback-compose>div{flex-direction:column;align-items:stretch}.feedback-card{grid-template-columns:40px 1fr}.fork-count{font-size:8px}}.versions-content{max-width:920px;padding-bottom:40px}.versions-intro{margin:30px 0 26px}.versions-intro h2{margin:10px 0 5px;font-family:Playfair Display;font-size:30px}.versions-intro p{color:#718783;margin:0;font-size:12px}.version-original,.version-row{grid-template-columns:minmax(230px,285px) minmax(260px,1fr);align-items:center;gap:28px;display:grid}.version-original{margin-bottom:28px}.version-original>div:first-child,.version-row>div:first-child{min-width:0}.version-list{border-top:1px solid #d6e7e2;gap:20px;padding-top:22px;display:grid;position:relative}.version-row{padding:12px 0 20px 28px;position:relative}.version-row:before{content:"";background:#72b8aa;width:2px;position:absolute;top:0;bottom:-21px;left:7px}.version-row:after{content:"";background:#72b8aa;border-radius:2px;width:16px;height:2px;position:absolute;top:50%;left:7px}.version-row:last-child:before{bottom:50%}.version-note{color:#39595a;background:#edf7f3;border:1px solid #d3e8e2;border-radius:13px;padding:20px}.version-note strong{font-family:Playfair Display;font-size:20px}.version-note p{color:#57736f;white-space:pre-wrap;margin:8px 0;font-size:13px;line-height:1.55}.version-note small{color:#879995;font-size:10px}.version-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.pending-spoon{color:#716237;background:#f5edcf;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800}.version-change-field{grid-column:1/-1}.version-change-field textarea{color:#284b50;resize:vertical;width:100%;font:inherit;background:#fbfefd;border:1px solid #d6e5e1;border-radius:8px;padding:10px}@media (width<=700px){.version-original,.version-row{grid-template-columns:1fr;gap:10px}.version-row{padding-left:22px}.version-note{padding:15px}}.delete-recipe{color:#fff;background:#b84f46}.delete-recipe:hover{background:#9f4039}.feedback-admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-delete{color:#a6443e;background:#f9e7e4;border-radius:7px;align-items:center;gap:5px;min-height:34px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}
