@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap");:root{--ink:#20352a;--cream:#f7f3e8;--paper:#fffdf7;--lime:#dfff5f;--coral:#f37b61;--sage:#b8c9b9;--muted:#68766d;--line:#d9ded4;--shadow:0 24px 70px rgba(32,53,42,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}svg{width:20px;height:20px}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(32,53,42,.14);background:rgba(247,243,232,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.5px;width:max-content}.brand b{font-weight:500;color:#768379}.brand-mark{width:35px;height:35px;border-radius:50% 50% 44% 48%;background:var(--ink);color:var(--lime);font:italic 26px/34px "DM Serif Display",serif;display:inline-grid;place-items:center;transform:rotate(-6deg)}.site-header nav{display:flex;height:100%;align-items:center;gap:40px;font-size:14px;font-weight:600}.site-header nav a{height:100%;display:grid;place-items:center;position:relative}.site-header nav a.active:after{content:"";height:3px;background:var(--coral);position:absolute;left:0;right:0;bottom:0;border-radius:5px 5px 0 0}.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.avatar{width:40px;height:40px;border-radius:50%;border:0;background:#f3b89f;font-size:12px;font-weight:700;cursor:pointer}.feed-toolbar-shell{position:-webkit-sticky;position:sticky;top:82px;z-index:19;padding:14px 5vw;border-bottom:1px solid rgba(32,53,42,.12);background:rgba(247,243,232,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.feed-toolbar{max-width:1500px;margin:auto;justify-content:flex-end;gap:14px}.feed-search,.feed-toolbar{display:flex;align-items:center}.feed-search{min-width:260px;width:min(430px,42vw);height:46px;border:1px solid var(--line);background:var(--paper);gap:10px;padding:0 14px;border-radius:4px}.feed-search svg{flex:0 0 auto;width:18px;color:var(--muted)}.feed-search input{width:100%;min-width:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none}.new-recipe-button{width:46px;height:46px;border:0;border-radius:4px;background:var(--ink);color:white;padding:0;display:grid;place-items:center;cursor:pointer}.new-recipe-button:hover{background:#15271e}.new-recipe-button svg{width:17px}.filter-control{position:relative}.filter-button{height:46px;border:1px solid var(--line);border-radius:4px;background:var(--paper);padding:0 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;cursor:pointer}.filter-button.active{border-color:var(--ink);background:#eef1e8}.filter-button svg{width:17px}.filter-button b{min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:var(--coral);color:white;font-size:9px}.filter-panel{position:absolute;z-index:25;top:calc(100% + 10px);right:0;width:min(380px,calc(100vw - 24px));padding:22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 55px rgba(32,53,42,.2)}.filter-panel-head{display:flex;align-items:start;justify-content:space-between}.filter-panel-head small{color:var(--coral);font-size:9px;letter-spacing:1.4px;font-weight:700}.filter-panel-head h3{margin:3px 0 0;font:400 31px "DM Serif Display",serif}.filter-panel-head>button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.filter-panel-head svg{width:15px}.mine-filter{display:flex;align-items:center;gap:11px;margin-top:20px;padding:13px;border:1px solid var(--line);cursor:pointer}.mine-filter input{width:17px;height:17px;accent-color:var(--ink)}.mine-filter small,.mine-filter span{display:block}.mine-filter b{font-size:12px}.mine-filter small{margin-top:2px;color:var(--muted);font-size:10px}.filter-panel fieldset{padding:0;margin:20px 0 0;border:0}.filter-panel legend{margin-bottom:9px;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;font-weight:700}.cuisine-options{display:flex;flex-wrap:wrap;gap:7px}.cuisine-options label,.focus-options button{border:1px solid var(--line);background:white;padding:8px 10px;font-size:10px;cursor:pointer}.cuisine-options input{position:absolute;opacity:0;pointer-events:none}.cuisine-options label.selected,.focus-options button.selected{border-color:var(--ink);background:var(--ink);color:white}.focus-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.filter-hint{display:block;margin-top:7px;color:var(--muted);font-size:9px}.filter-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:23px -22px -22px;padding:14px 22px;border-top:1px solid var(--line);background:#f8f6ee}.filter-footer button{border:0;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.filter-footer button:disabled{opacity:.35;cursor:default}.filter-footer button:last-child{background:var(--coral);color:white;padding:10px 13px}.empty-feed{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed #bac2b8;background:rgba(255,253,247,.6)}.empty-feed svg{color:var(--coral)}.empty-feed h3{margin:12px 0 5px;font:400 27px "DM Serif Display",serif}.empty-feed p{color:var(--muted);font-size:12px}.empty-feed button{margin-top:8px;border:0;background:var(--ink);color:white;padding:10px 14px;cursor:pointer}.creator-kicker{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:700;color:#6a796e}.creator-kicker svg{width:17px;color:var(--coral)}.editor-head button,.generate-button,.mobile-publish button{height:58px;border:0;border-radius:5px;background:var(--ink);color:white;padding:0 22px;display:flex;align-items:center;gap:11px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(32,53,42,.18);transition:.2s}.generate-button:hover{transform:translateY(-2px);background:#15271e}.editor-head button svg,.generate-button svg:last-child,.mobile-publish svg{margin-left:10px}.discover{padding:54px 6vw 96px;max-width:1500px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading>div>span{text-transform:uppercase;color:var(--coral);font-size:10px;letter-spacing:1.8px;font-weight:700}.section-heading h2{font:400 42px "DM Serif Display",serif;margin:8px 0 0}.recipe-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-gap:24px;gap:24px}.recipe-card{background:var(--paper);border:1px solid rgba(32,53,42,.1);min-width:0;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(32,53,42,.1)}.card-image{height:270px;display:block;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.recipe-card:hover .card-image img{transform:scale(1.025)}.featured .card-image{height:325px}.time{position:absolute;right:13px;bottom:13px;background:rgba(255,253,247,.93);padding:8px 11px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.time svg{width:15px}.card-body{padding:20px 20px 17px}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{text-transform:uppercase;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#5b6c60;background:#e7eee1;padding:5px 7px}.tag-row span:nth-child(2n){background:#f5ded7}.card-body h3{font:400 26px/1.05 "DM Serif Display",serif;margin:13px 0 8px;letter-spacing:-.4px}.card-body p{color:var(--muted);font-size:13px;line-height:1.55;margin:0;min-height:42px}.card-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:18px;padding-top:14px}.author,.card-footer{display:flex;align-items:center}.author{gap:8px;font-size:11px;font-weight:600}.author i,.detail-byline i{width:27px;height:27px;border-radius:50%;background:#e8b9a8;display:grid;place-items:center;font-size:8px;font-style:normal}.social{display:flex;gap:2px}.social button{border:0;background:transparent;display:flex;align-items:center;gap:4px;font-size:10px;cursor:pointer;padding:6px}.social button svg{width:17px}.social button.selected{color:var(--coral)}.social button.selected svg{fill:currentColor}.skeleton{min-height:480px;background:linear-gradient(110deg,#eeeadd 30%,#f9f6ec 45%,#eeeadd 60%);background-size:200% 100%;animation:shine 1.2s infinite}@keyframes shine{to{background-position-x:-200%}}.error-banner{border-left:4px solid var(--coral);background:#f8dfd8;padding:13px 16px;margin-bottom:18px;font-size:13px}.make-banner{margin:0 6vw 80px;min-height:260px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr auto;align-items:center;padding:60px 8vw;position:relative;overflow:hidden}.make-banner>div{max-width:600px}.make-banner>div>svg{color:var(--lime);width:28px}.make-banner h2{font:400 42px "DM Serif Display",serif;margin:12px 0}.make-banner p{color:#cad4cc}.make-banner button{border:1px solid rgba(255,255,255,.4);color:white;background:transparent;padding:17px 20px;display:flex;gap:25px;cursor:pointer}.banner-scribble{position:absolute;right:15%;top:28px;color:var(--lime);font:italic 17px "DM Serif Display",serif;transform:rotate(-8deg)}footer{border-top:1px solid var(--line);padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(20,35,27,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.creator-modal{width:min(920px,100%);max-height:94vh;overflow:auto;background:var(--paper);box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;z-index:2;top:18px;right:18px;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;cursor:pointer}.creator-content{width:min(620px,100%);margin:auto;padding:64px 56px 50px}.creator-content h2,.generating h2,.published h2{font:400 48px/1 "DM Serif Display",serif;margin:15px 0 12px}.creator-content>p,.generating p,.published p{color:var(--muted);line-height:1.6}.creator-content label,.editor label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:24px}.creator-content label span{color:#9aa29c;float:right;font-weight:500}input,textarea{border:1px solid var(--line);background:#fffefa;color:var(--ink);outline:0;border-radius:2px}input:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px rgba(32,53,42,.08)}.creator-content textarea,.editor input,.editor textarea{resize:vertical;display:block;width:100%;margin-top:8px;padding:13px;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.45}.login-content input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:white;font-size:16px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 8px;border:1px solid var(--line)}.auth-switch button{border:0;padding:12px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.auth-switch button.active{background:var(--ink);color:white}.creator-content textarea{font:400 17px/1.5 "DM Serif Display",serif}.creator-content label:nth-of-type(2) textarea{font:400 14px/1.5 DM Sans,sans-serif}.generate-button{width:100%;justify-content:center;margin-top:26px;background:var(--coral);box-shadow:none}.generate-button:hover{background:#de674f}.generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.safety-note{display:block;text-align:center;color:#8b958e;margin-top:15px}.form-error{color:#b44935!important;font-size:13px}.creation-photos{margin-top:22px;border:1px solid var(--line);padding:16px;background:#fffdf8}.creation-photos>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px}.creation-photos>div:first-child b{text-transform:uppercase;letter-spacing:1px}.creation-photos>div:first-child span{color:var(--muted)}.creation-photos>p{margin:6px 0 14px;color:var(--muted);font-size:12px}.creation-photo-grid{display:grid!important;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.creation-photo-grid figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;background:#e9ece6}.creation-photo-grid img{width:100%;height:100%;object-fit:cover}.creation-photo-grid button{position:absolute;right:5px;top:5px;width:25px;height:25px;padding:5px;border:0;border-radius:50%;background:rgba(32,53,42,.86);color:white;cursor:pointer}.creation-photo-grid button svg{width:100%;height:100%}.creation-photo-grid figcaption{position:absolute;left:5px;bottom:5px;background:var(--lime);color:var(--ink);padding:3px 6px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.creation-photo-picker{margin:0!important;min-height:42px;border:1px dashed #aab3ac;display:flex!important;align-items:center;justify-content:center;gap:8px;color:var(--ink);cursor:pointer}.creation-photo-picker svg{width:16px}.creation-photo-picker input{display:none}.modal-editor-message{margin:54px 48px -35px}.generating,.published{text-align:center;padding:95px 50px}.pan-loader{width:78px;height:78px;border:2px solid var(--ink);border-top-color:var(--coral);border-radius:50%;display:grid;place-items:center;margin:auto;font-size:40px;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.progress{max-width:320px;height:3px;background:#e4e5dc;margin:30px auto 0;overflow:hidden}.progress i{display:block;height:100%;width:55%;background:var(--coral);animation:progress 1.2s ease-in-out infinite alternate}@keyframes progress{to{transform:translateX(85%)}}.editor{padding:48px}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.editor-head h2{font:400 36px "DM Serif Display",serif;margin:9px 0 0}.editor-head button,.mobile-publish button{height:48px;background:var(--coral);box-shadow:none}.ai-note{padding:16px 18px;border-left:4px solid #d7ae31;background:#fff7d8;font-size:12px;margin:0 0 28px}.ai-note b,.ai-note span{display:block}.ai-note span{color:#6d715f;margin-top:3px}.ai-note ul{margin:10px 0 0;padding-left:17px;color:#6d715f}.editor-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.editor-grid section{min-width:0}.editor-grid h3{font:400 25px "DM Serif Display",serif;margin:0 0 14px}.three-fields{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.ingredient-line{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:8px;gap:8px;margin-bottom:7px}.ingredient-line input{margin:0;padding:10px}.ingredient-line span{font-size:11px;color:var(--muted)}.steps-editor{grid-column:1/-1}.steps-editor label{display:grid;grid-template-columns:35px 1fr;align-items:start;grid-gap:7px;gap:7px;margin:9px 0}.steps-editor label b{width:30px;height:30px;border-radius:50%;background:var(--lime);display:grid;place-items:center}.steps-editor textarea{margin:0;min-height:68px}.mobile-publish{display:none}.published>span{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;margin:0 auto 24px;background:var(--lime);font-size:30px}.published .creator-kicker{justify-content:center}.published img{width:290px;height:180px;object-fit:cover;display:block;margin:25px auto}.published a{background:var(--ink);color:white;display:inline-flex;padding:15px 22px;align-items:center;gap:16px}.detail-page{max-width:1260px;margin:auto;padding:35px 5vw 100px}.back-link{display:inline-block;font-size:12px;font-weight:700;margin:10px 0 30px}.detail-hero{display:grid;grid-template-columns:1.12fr 1fr;background:var(--paper)}.recipe-gallery{position:relative;min-width:0;background:var(--ink);overflow:hidden}.recipe-gallery-viewport{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.recipe-gallery-viewport::-webkit-scrollbar{display:none}.recipe-gallery-slide{flex:0 0 100%;height:620px;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.recipe-gallery-slide img{width:100%;height:100%;object-fit:cover;display:block}.gallery-arrow{position:absolute;top:calc(50% - 31px);z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,253,247,.92);color:var(--ink);box-shadow:0 5px 18px rgba(0,0,0,.18);cursor:pointer;font-size:19px}.gallery-arrow:disabled{opacity:.32;cursor:default}.gallery-previous{left:16px}.gallery-next{right:16px}.gallery-counter{position:absolute;right:16px;bottom:82px;z-index:2;padding:7px 10px;border-radius:20px;background:rgba(32,53,42,.83);color:white;font-size:10px;font-weight:700}.gallery-dots{position:absolute;left:50%;bottom:83px;z-index:2;display:flex;gap:7px;transform:translateX(-50%)}.gallery-dots button{width:7px;height:7px;padding:0;border:1px solid white;border-radius:50%;background:transparent;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.3)}.gallery-dots button.selected{background:white;transform:scale(1.25)}.gallery-thumbnails{display:flex;gap:8px;height:72px;padding:7px 10px;background:var(--paper);overflow-x:auto}.gallery-thumbnails button{flex:0 0 74px;padding:0;border:2px solid transparent;background:none;opacity:.68;cursor:pointer}.gallery-thumbnails button.selected{opacity:1;border-color:var(--coral)}.gallery-thumbnails img{width:100%;height:100%;object-fit:cover;display:block}.recipe-gallery-empty{height:620px;display:grid;place-items:center;background:#e7e9df;color:var(--muted)}.detail-hero>div:last-child{padding:70px 55px;align-self:center}.detail-hero h1{font:400 58px/.98 "DM Serif Display",serif;margin:20px 0;letter-spacing:-2px}.detail-hero>div>p{color:var(--muted);line-height:1.7}.detail-byline{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:12px}.detail-byline i{width:38px;height:38px}.detail-stats{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;display:flex;gap:25px;font-size:10px;text-transform:uppercase;color:var(--muted)}.detail-stats b{display:block;color:var(--ink);font-size:16px;margin-bottom:3px;text-transform:capitalize}.detail-content{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:10vw;gap:10vw;padding:80px 5vw 0}.section-no{color:var(--coral);font:italic 15px "DM Serif Display",serif}.detail-content h2{font:400 39px "DM Serif Display",serif;margin:5px 0 25px}.ingredient-list{list-style:none;padding:0}.ingredient-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;gap:20px}.ingredient-list small{display:block;color:var(--muted);margin-top:3px}.ingredient-list b{white-space:nowrap;font-size:12px}.method-list{list-style:none;padding:0}.method-list li{display:grid;grid-template-columns:45px 1fr;grid-gap:15px;gap:15px;margin-bottom:25px}.method-list li>b{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}.method-list p{margin:5px 0;line-height:1.7;color:#4f5f55}.detail-topline{display:flex;align-items:center;justify-content:space-between;margin:10px 0 30px}.detail-topline .back-link{margin:0}.edit-recipe-button{border:0;background:var(--ink);color:white;padding:11px 16px;cursor:pointer;font-size:12px;font-weight:700}.owner-editor{padding:48px;width:min(1050px,100%)}.owner-editor-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.owner-editor-head span{font-size:9px;letter-spacing:1.5px;color:var(--coral);font-weight:700}.owner-editor-head h2{font:400 42px "DM Serif Display",serif;margin:5px 0 0}.owner-editor-head>button,.save-bottom{border:0;background:var(--coral);color:white;padding:14px 20px;font-weight:700;cursor:pointer}.editor-message{background:#edf2e9;border-left:4px solid var(--ink);margin-top:18px;padding:12px 15px;font-size:12px}.photo-editor{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:30px}.photo-editor h3,.repeat-editor h3{font:400 27px "DM Serif Display",serif;margin:0}.photo-editor p{color:var(--muted);margin:5px 0 0;font-size:12px}.upload-photo{position:relative;display:flex;gap:7px;align-items:center;background:var(--ink);color:white;padding:12px 15px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.upload-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-photo svg{width:16px}.photo-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.photo-list article{border:1px solid var(--line);background:white;min-width:0}.photo-list article.cover{border-color:var(--coral)}.photo-list article>img{width:100%;height:135px;object-fit:cover;display:block}.photo-list article>div:not(.photo-actions){display:flex;justify-content:space-between;padding:8px 9px;font-size:10px}.photo-list article b{color:var(--coral)}.photo-actions{display:flex;gap:4px;padding:0 7px 8px;flex-wrap:wrap}.photo-actions button{border:1px solid var(--line);background:var(--paper);padding:5px 7px;font-size:9px;cursor:pointer}.photo-actions .danger{color:#a44734;margin-left:auto}.edit-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 20px;gap:14px 20px;margin-top:32px}.edit-fields label{display:block;font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.edit-fields input,.edit-fields textarea{width:100%;margin-top:7px;padding:11px;resize:vertical;text-transform:none;letter-spacing:0;font-weight:400}.edit-fields .three-fields{margin:0;align-items:end}.repeat-editor{margin-top:32px}.repeat-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.repeat-heading button{border:1px solid var(--line);background:white;padding:8px 10px;display:flex;align-items:center;gap:5px;cursor:pointer}.repeat-heading svg{width:14px}.ingredient-edit{display:grid;grid-template-columns:2fr .6fr .7fr 1.3fr 34px;grid-gap:7px;gap:7px;margin-bottom:7px}.ingredient-edit input,.step-edit textarea{padding:10px;width:100%;resize:vertical}.ingredient-edit>button,.step-edit>button{border:0;background:#f6e5df;color:#9d3f2c;cursor:pointer;font-size:18px}.step-edit{display:grid;grid-template-columns:35px 1fr 34px;grid-gap:7px;gap:7px;margin-bottom:8px;align-items:start}.step-edit>b{width:31px;height:31px;border-radius:50%;background:var(--lime);display:grid;place-items:center}.save-bottom{width:100%;margin-top:30px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 20px;height:68px}.site-header nav{display:none}.feed-toolbar-shell{top:68px;padding:11px 20px}.feed-toolbar{justify-content:stretch}.feed-search{flex:1 1;width:auto;min-width:0}.recipe-grid{grid-template-columns:1fr 1fr}.recipe-card.featured{grid-column:1/-1}.make-banner{gap:25px;padding:45px 30px}.detail-hero,.make-banner{grid-template-columns:1fr}.recipe-gallery-empty,.recipe-gallery-slide{height:450px}.detail-content,.editor-grid{grid-template-columns:1fr}.steps-editor{grid-column:auto}.photo-list{grid-template-columns:1fr 1fr}.edit-fields{grid-template-columns:1fr}}@media(max-width:600px){.brand{font-size:16px}.brand-mark{width:31px;height:31px;line-height:30px}.header-actions{gap:8px}.feed-toolbar-shell{padding:9px 12px}.feed-toolbar{gap:8px}.feed-search{height:43px;padding:0 11px}.filter-button{width:43px;height:43px;padding:0;justify-content:center}.filter-label{display:none}.filter-button b{position:absolute;top:-5px;right:-5px}.filter-panel{position:fixed;top:129px;left:12px;right:12px;width:auto;max-height:calc(100vh - 141px);overflow:auto}.new-recipe-button{width:43px;height:43px}.new-recipe-button svg{width:16px}.discover{padding:38px 16px 55px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:36px}.recipe-grid{grid-template-columns:1fr}.recipe-card.featured{grid-column:auto}.card-image,.featured .card-image{height:270px}.make-banner{margin:0 16px 55px}.make-banner h2{font-size:35px}footer{gap:20px;flex-wrap:wrap}.modal-backdrop{padding:0;align-items:end}.creator-modal{max-height:96vh}.creator-content{padding:60px 22px 35px}.creator-content h2{font-size:40px}.creation-photo-grid{grid-template-columns:repeat(3,1fr)}.modal-editor-message{margin:54px 20px -35px}.editor{padding:55px 20px 25px}.editor-head button{display:none}.editor-head h2{font-size:31px}.mobile-publish{display:block;position:-webkit-sticky;position:sticky;bottom:0;background:var(--paper);padding-top:15px}.mobile-publish button{width:100%;justify-content:center}.three-fields{grid-template-columns:1fr 1fr 1fr}.detail-page{padding:20px 0 70px}.detail-topline{padding:0 20px}.recipe-gallery-empty,.recipe-gallery-slide{height:330px}.gallery-thumbnails{display:none}.gallery-counter,.gallery-dots{bottom:14px}.gallery-arrow{width:40px;height:40px;top:calc(50% - 20px)}.detail-hero>div:last-child{padding:35px 22px}.detail-hero h1{font-size:45px}.detail-stats{gap:14px}.detail-content{padding:55px 22px 0}.published{padding:75px 25px}.owner-editor{padding:55px 18px 25px}.owner-editor-head{align-items:flex-start}.owner-editor-head>button{display:none}.photo-editor{align-items:flex-start;flex-direction:column}.photo-list{grid-template-columns:1fr}.ingredient-edit{grid-template-columns:1.4fr .6fr .7fr 34px}.ingredient-edit input:nth-of-type(4){grid-column:1/-2}.save-bottom{position:-webkit-sticky;position:sticky;bottom:0}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}