@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(../media/fraunces-vietnamese-400-normal.99ecfe00.woff2)format("woff2"),url(../media/fraunces-vietnamese-400-normal.1fd21485.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(../media/fraunces-latin-ext-400-normal.c7d22566.woff2)format("woff2"),url(../media/fraunces-latin-ext-400-normal.114a8dc4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(../media/fraunces-latin-400-normal.d10fec43.woff2)format("woff2"),url(../media/fraunces-latin-400-normal.65658578.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fraunces-vietnamese-600-normal.1ec02b6f.woff2)format("woff2"),url(../media/fraunces-vietnamese-600-normal.3f91bf66.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fraunces-latin-ext-600-normal.176d1a3e.woff2)format("woff2"),url(../media/fraunces-latin-ext-600-normal.bf4f2e8c.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fraunces-latin-600-normal.c640b5a0.woff2)format("woff2"),url(../media/fraunces-latin-600-normal.d457138a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-cyrillic-ext-400-normal.2866dbb6.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-ext-400-normal.dfa2c93f.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-cyrillic-400-normal.d029cd5f.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-400-normal.331a2f9a.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-vietnamese-400-normal.74e7b505.woff2)format("woff2"),url(../media/montserrat-alternates-vietnamese-400-normal.30add7ac.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-latin-ext-400-normal.1d388c3f.woff2)format("woff2"),url(../media/montserrat-alternates-latin-ext-400-normal.d1e7f933.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-latin-400-normal.f4b8056e.woff2)format("woff2"),url(../media/montserrat-alternates-latin-400-normal.cad50c45.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-cyrillic-ext-400-italic.da17ab1a.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-ext-400-italic.59074626.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-cyrillic-400-italic.b6dd6a1f.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-400-italic.7ad385f0.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-vietnamese-400-italic.345af085.woff2)format("woff2"),url(../media/montserrat-alternates-vietnamese-400-italic.5e058e37.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-latin-ext-400-italic.c818b41a.woff2)format("woff2"),url(../media/montserrat-alternates-latin-ext-400-italic.81994a92.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:400;src:url(../media/montserrat-alternates-latin-400-italic.37d080be.woff2)format("woff2"),url(../media/montserrat-alternates-latin-400-italic.bf9f6d32.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-cyrillic-ext-600-normal.7fb73afc.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-ext-600-normal.a178ef9a.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-cyrillic-600-normal.aedb13b8.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-600-normal.104ec592.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-vietnamese-600-normal.7a943310.woff2)format("woff2"),url(../media/montserrat-alternates-vietnamese-600-normal.e0237d71.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-latin-ext-600-normal.d7317450.woff2)format("woff2"),url(../media/montserrat-alternates-latin-ext-600-normal.bf1564ed.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Alternates;font-style:normal;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-latin-600-normal.641e25bb.woff2)format("woff2"),url(../media/montserrat-alternates-latin-600-normal.c2fc187d.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-cyrillic-ext-600-italic.a435f1a2.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-ext-600-italic.dbe9a04c.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-cyrillic-600-italic.0c246884.woff2)format("woff2"),url(../media/montserrat-alternates-cyrillic-600-italic.bad5e4ac.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-vietnamese-600-italic.30736540.woff2)format("woff2"),url(../media/montserrat-alternates-vietnamese-600-italic.ece3c4d4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-latin-ext-600-italic.bb2c482d.woff2)format("woff2"),url(../media/montserrat-alternates-latin-ext-600-italic.1fb5912a.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Alternates;font-style:italic;font-display:swap;font-weight:600;src:url(../media/montserrat-alternates-latin-600-italic.f3b9d380.woff2)format("woff2"),url(../media/montserrat-alternates-latin-600-italic.be750a3b.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Momo Trust Display;font-style:normal;font-display:swap;font-weight:400;src:url(../media/momo-trust-display-vietnamese-400-normal.8c0c5835.woff2)format("woff2"),url(../media/momo-trust-display-vietnamese-400-normal.688ef7ef.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Momo Trust Display;font-style:normal;font-display:swap;font-weight:400;src:url(../media/momo-trust-display-latin-ext-400-normal.36d8ff55.woff2)format("woff2"),url(../media/momo-trust-display-latin-ext-400-normal.cdf70d95.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Momo Trust Display;font-style:normal;font-display:swap;font-weight:400;src:url(../media/momo-trust-display-latin-400-normal.ebc22361.woff2)format("woff2"),url(../media/momo-trust-display-latin-400-normal.3a30d4c3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f7f1e8;--text:#1f150f;--muted:#5c534c;--card:#fff;--accent:#0f766e;--radius:14px;--header-height:0px;--font-heading:"Momo Trust Display","Montserrat Alternates",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Montserrat Alternates",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--recipe-blur-image:none;font-family:var(--font-body)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;font-weight:400}.pwa-mode body,.pwa-mode{background:#050607}@media (max-width:1023px){html{background:#050607}body{color:#f8fafc;background:#050607}}@supports (-webkit-touch-callout:none){html,body{background:#050607}}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top)}}@media (display-mode:standalone),(display-mode:fullscreen){body{padding-top:0}}@supports (padding-top:env(safe-area-inset-top)){.recipe-shell{padding-top:env(safe-area-inset-top)}}.app-shell.is-recipe-view{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050607;position:relative}@supports (padding-top:env(safe-area-inset-top)){.app-shell.is-recipe-view:before{content:"";height:env(safe-area-inset-top);background-color:#050607;background-image:var(--recipe-blur-image);filter:blur(18px)saturate(1.2)brightness(.5);opacity:.9;pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:fixed;top:0;left:0;right:0}.app-shell.is-recipe-view .recipe-shell{z-index:1}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell.is-home-view,body.is-home-view{color:#fff;background:#000}.site-main{flex-direction:column;flex:1;width:100%;display:flex}.site-layout{flex-direction:column;flex:1;display:flex}.page-shell{flex-direction:column;width:100%;max-width:72rem;margin:0 auto;padding:2rem 1rem 3rem;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}main{width:100%}h1,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6,[class*=__title],.card-title,.page-title{font-family:var(--font-heading);font-weight:400}p{margin:0}.flex{display:flex}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.max-w-5xl{max-width:64rem}.bg-card{background:var(--card)}.text-sm{font-size:.9rem}.text-xs{font-size:.8rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-muted{color:var(--muted)}button,input,textarea{font:inherit;cursor:pointer}.button-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:none;border:none;padding:.65rem 1rem;transition:opacity .2s}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-secondary{color:var(--text);border-radius:var(--radius);cursor:pointer;box-shadow:none;background:#efe7de;border:1px solid #0000000a;padding:.65rem 1rem;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.button-secondary:hover{background:#e5dbd0}.button-secondary:disabled{opacity:.6;cursor:not-allowed}.button-ghost{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.65rem 1rem}.input{border-radius:var(--radius);background:#efe7de;border:none;width:100%;padding:.8rem .95rem}.tag{color:#352d26;background:#e9ded1;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .6rem;display:inline-flex}.chip-button{cursor:pointer;color:var(--text);box-shadow:none;background:#efe7de;border:none;border-radius:9999px;align-items:center;padding:.4rem .75rem;display:inline-flex}.chip-button.active{background:var(--accent);color:#fff}.card{background:var(--card);border-radius:var(--radius);box-shadow:none;border:none;padding:1rem}.card-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.card-subtitle{color:var(--muted);margin-bottom:.5rem;font-size:.9rem}.badge{color:#854d0e;background:#fef9c3;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.35rem .55rem;font-size:.85rem;display:inline-flex}.code-block{color:#e2e8f0;border-radius:var(--radius);background:#0f172a;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;overflow:auto}.divider{background:#e2ddd6;height:1px;margin:1rem 0}.alert{border-radius:var(--radius);border:none;padding:.9rem 1rem}.alert.error{color:#7f1d1d;background:#fef2f2}.alert.success{color:#166534;background:#f0fdf4}.list-inline{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.brand{letter-spacing:-.01em;color:var(--text);font-weight:600}.text-link{color:var(--text);font-weight:600}.text-danger{color:#b91c1c}.hero{background:linear-gradient(120deg,#f3e9dd,#f8f5f0);border-radius:24px;flex-direction:column;gap:1.25rem;padding:2rem 1rem;display:flex}.hero__copy{flex-direction:column;gap:.5rem;max-width:48rem;display:flex}.hero__cta{display:flex}.hero__cta .button-primary{justify-content:center;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.8rem}.hero__title{font-size:2rem;line-height:1.2}.hero__subtitle{color:var(--muted)}@media (min-width:768px){.hero{flex-direction:row;justify-content:space-between;align-items:center}.hero__cta,.hero__cta .button-primary{width:auto}}.filters{flex-direction:column;gap:.75rem;display:flex}.category-chips{flex-wrap:wrap;gap:.5rem;display:flex}.category-chips--nav .chip-button.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-button--ghost{background:0 0;border:1px solid #1f150f26}.category-group-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:900px){.category-group-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.category-group-row{grid-template-columns:1fr}.category-group-card__cta[aria-hidden=true]{display:none}}.category-group-card{color:#0f172a;box-shadow:none;background:#f5f1ea;border:1px solid #0f172a14;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 1.3rem;text-decoration:none;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden}.category-group-card:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 10px 24px #0000001f}.category-group-card__label{font-family:var(--font-heading);letter-spacing:.01em;text-shadow:0 1px 6px #0003;font-size:1.35rem;font-weight:600;line-height:1.1}.category-group-card__cta{font-family:var(--font-heading);color:#0f172a;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.8rem;font-weight:700;display:inline-flex;box-shadow:0 10px 25px #0000001f}.category-group-card:after{content:"";opacity:.08;pointer-events:none;background:radial-gradient(circle at 80% 22%,currentColor 0%,#0000 58%);position:absolute;inset:0}.category-group-card--place{color:#fff7ed;background:linear-gradient(135deg,#7c2d12,#ea580c);border-color:#7c2d1247}.category-group-card--base{color:#fff7ed;background:linear-gradient(135deg,#b45309,#fbbf24);border-color:#fbbf2447}.category-group-card--type{color:#fff7ed;background:linear-gradient(135deg,#9d174d,#ec4899);border-color:#ec489947}.category-group-card--drink{color:#f8fafc;background:linear-gradient(135deg,#0f172a,#2563eb);border-color:#2563eb47}.category-detail-header{align-items:center;gap:.9rem;padding:0 1rem;display:flex}.category-back-button{color:#0f172a;cursor:pointer;background:#f5f1ea;border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 25px #0f172a14}.category-back-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 14px 32px #0f172a1f}.category-detail-title .category-detail-name{font-size:1.4rem;font-weight:700}.category-grid,.recipe-grid{--grid-card-min:400px;--grid-card-max:500px;--grid-gap:clamp(8px,1vw,16px);--grid-card-height:clamp(220px,26vw,320px);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-card-min)),1fr));gap:var(--grid-gap);padding:var(--grid-gap);place-content:start stretch;justify-items:stretch;display:grid;container-type:inline-size}.recipe-grid .recipe-card__image,.category-grid .recipe-card__image{height:var(--grid-card-height);padding-top:0}.home-landing{color:#fff;background:#000;width:100vw;max-width:none;min-height:100vh;margin:0;padding:.9rem 0 1.8rem}.home-hero{padding:0 1.5rem 1rem}.home-hero__title-row{align-items:center;gap:.75rem;display:flex;position:relative}.home-hero__titles{--home-parent-width:0px;align-items:baseline;gap:.35rem;display:flex;position:relative}.home-hero__title{font-family:var(--font-heading);margin:0;font-size:3rem;font-weight:600;transition:transform .2s;display:inline-block;transform:translate(0)}.home-hero__parent{font-family:var(--font-heading);color:#9ca3af;opacity:0;white-space:nowrap;pointer-events:none;font-size:3rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)translate(-10px)}.home-hero__titles.has-parent:hover .home-hero__parent,.home-hero__back:hover+.home-hero__titles.has-parent .home-hero__parent{opacity:1;transform:translateY(-50%)translate(0)}.home-hero__parent:after{content:" /";color:inherit}.home-hero__titles.has-parent:hover .home-hero__title,.home-hero__back:hover+.home-hero__titles.has-parent .home-hero__title{transform:translateX(calc(var(--home-parent-width) + 8px))}.home-landing.is-home .home-hero__parent,.home-landing.is-home .home-hero__title-row:hover .home-hero__parent,.home-landing.is-home .home-hero__back:hover+.home-hero__titles .home-hero__parent{opacity:0;transform:translate(0)translateY(-50%)}.home-landing.is-home .home-hero__title,.home-landing.is-home .home-hero__title-row:hover .home-hero__title,.home-landing.is-home .home-hero__back:hover+.home-hero__titles .home-hero__title{opacity:1;transform:none}.home-hero__back{color:#fff;cursor:pointer;background:#000;border:1px solid #e5e7ebb3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;display:inline-flex;box-shadow:0 10px 25px #0000002e}.home-hero__nav{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 1rem;display:flex}.home-hero__links{align-items:center;gap:.75rem;font-family:Fraunces,serif;font-size:1rem;font-style:normal;display:flex}.home-hero__search{flex:1.5;min-width:260px;max-width:420px}.home-hero__search-input{color:#fff;background:0 0;border:none;border-radius:0;padding-left:0;padding-right:0;font-style:italic}.home-hero__search-input:focus{box-shadow:none;outline:none}.home-hero__search-input::placeholder{color:#d1d5db}.home-hero__cta{color:#fff;white-space:nowrap;font-family:Fraunces,serif;font-style:italic;text-decoration:none}@media (max-width:768px){.home-hero__cta{display:none}}.home-landing .page-header .eyebrow,.home-landing .page-title,.home-landing .page-actions a{color:#fff}.home-landing .page-actions .button-primary{color:#fff;background:#2563eb;border-color:#2563eb}.home-landing .category-group-row{grid-template-columns:repeat(4,minmax(0,1fr))}.home-landing .recipe-grid{--grid-card-min:400px;--grid-card-max:500px;--grid-gap:clamp(8px,1.2vw,18px)}.category-search-row{align-items:stretch;gap:1rem;padding:0 1rem;display:flex}.category-search-row .category-group-row{flex:1}.category-search{width:320px;display:flex}.category-search .input{height:100%;padding:1rem 1.1rem;font-size:1.05rem}.category-search-row+.filters,.category-search-row+.category-group-row{margin-top:.25rem}.home-landing .recipe-card{box-shadow:none;background:#000;border-radius:0}.home-landing .recipe-card__overlay{background:linear-gradient(#0003 0%,#0009 100%)}.home-landing .filters,.home-landing .category-group-row{padding:0 1rem}.home-landing .recipe-grid{margin:0}.home-landing .recipe-grid .recipe-card{max-width:none;margin:0}.home-search-card{display:none}.category-group-card--search{color:#0f172a;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#6366f133}@media (max-width:900px){.home-landing .category-group-row{grid-template-columns:repeat(2,minmax(0,1fr))}.category-search-row{flex-direction:column}.category-search{width:100%}.home-search-card{display:none}}@media (max-width:640px){.category-group-row{grid-template-columns:1fr}}.panel{background:#fff;border-radius:24px;padding:1.25rem;box-shadow:0 20px 50px #0f172a14}.panel__title{margin-bottom:.75rem;font-weight:600}.panel__list{color:var(--muted);margin:0;padding-left:1.25rem;font-size:1.425rem;line-height:1.6}.new-recipe-shell{background:linear-gradient(135deg,#fdfaf4,#eef2ff);border-top:1px solid #0f172a0d;border-radius:0;align-items:stretch;width:100vw;height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex}.new-recipe-shell__sidebar{background:#fff;border-right:1px solid #94a3b84d;flex-direction:column;gap:2rem;width:320px;height:100vh;padding:2.25rem 2rem 1.75rem;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:1px 0 30px #0f172a0d}.new-recipe-brand{align-items:center;gap:.75rem;display:flex}.new-recipe-brand__logo{color:#fff;letter-spacing:-.03em;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:2.025rem;font-weight:700;display:inline-flex;box-shadow:0 10px 25px #2563eb40}.new-recipe-brand__copy{flex-direction:column;line-height:1.1;display:flex}.new-recipe-brand__name{margin:0;font-size:1.15rem;font-weight:600}.new-recipe-brand__section{color:#0f172aa6;margin:0;font-size:.9rem}.new-recipe-brand__pill{color:#0f172ab3;background:#0f172a0f;border-radius:9999px;margin-left:auto;padding:.2rem .6rem;font-size:.8rem}.new-recipe-title{margin:-.25rem 0 0;font-size:1.75rem;font-weight:700}.new-recipe-title+.new-recipe-nav{margin-top:.5rem}.new-recipe-nav{flex-direction:column;gap:1.25rem;display:flex}.new-recipe-nav__section{flex-direction:column;gap:.65rem;display:flex}.new-recipe-nav__section+.new-recipe-nav__section{margin-top:.75rem}.new-recipe-nav__parent{align-items:center;gap:.75rem;display:flex}.new-recipe-nav__children{flex-direction:column;gap:.25rem;margin-left:.25rem;padding-left:1.5rem;display:flex;position:relative}.new-recipe-nav__children:before{content:"";background:#94a3b873;border-radius:999px;width:2px;position:absolute;top:10px;bottom:10px;left:.45rem}.new-recipe-nav__child{text-align:left;cursor:pointer;color:#0f172ab3;background:0 0;border:none;border-radius:10px;padding:.4rem .75rem;font-size:.92rem;transition:background .2s,color .2s}.new-recipe-nav__child.is-active{color:#0f172a;background:#3b82f61f;font-weight:600}.new-recipe-nav__child .nav-description{color:#0f172a8c;font-size:.75rem;display:block}.nav-icon-badge{color:#1d4ed8;background:#3b82f61f;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #3b82f633}.new-recipe-nav__item.is-active .nav-icon-badge{color:#fff;background:#1d4ed8;box-shadow:0 12px 25px #1d4ed859}.nav-icon{font-size:1rem}.nav-copy{flex-direction:column;line-height:1.25;display:flex}.nav-label{font-size:1rem;font-weight:600;display:block}.nav-description{color:#0f172a99;font-size:.85rem}.new-recipe-footer{border-top:1px solid #94a3b840;margin-top:auto}.new-recipe-auth{background:#fff;flex-direction:column;gap:.85rem;padding:1.25rem 0 .75rem;display:flex}.new-recipe-auth .input{background:#fff}.new-recipe-quicklogins{flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem;display:flex}.new-recipe-quicklogins .chip-button{color:#1d4ed8;background:#3b82f61a;transition:background .2s,color .2s}.new-recipe-quicklogins .chip-button:hover{color:#fff;background:#2563eb}.login-card{text-align:left;background:#fff;gap:0;width:100%;max-width:980px;min-height:620px;padding:0;position:relative;overflow:hidden;box-shadow:0 45px 90px #0f172a2e}.login-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 20%,#2563eb14,#0000 45%),radial-gradient(circle at 30% 80%,#10b98114,#0000 38%);position:absolute;inset:-40%}.login-grid{z-index:1;flex-wrap:nowrap;align-items:stretch;display:flex;position:relative}.login-pane{flex-direction:column;flex:380px;gap:1.5rem;min-width:340px;max-width:520px;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.login-visual{background:linear-gradient(140deg,#0f172a 0%,#1d4ed8 42%,#0ea5e9 100%);flex:380px;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.login-visual__blur{filter:blur(60px);opacity:.7;background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 35%),radial-gradient(circle at 70% 70%,#38bdf859,#0000 40%),radial-gradient(circle at 45%,#0ea5e959,#0000 40%);position:absolute;inset:-30%}.login-header{z-index:1;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:relative}.login-header .card-title{font-size:clamp(1.4rem,2vw,1.8rem)}.login-header .card-subtitle{max-width:680px;margin-left:auto;margin-right:auto;font-size:1.05rem}.login-form{text-align:left;z-index:1;background:0 0;gap:1.35rem;width:100%;max-width:480px;margin:0;padding-top:0;position:relative}.login-form label{color:#111827;font-weight:600}.login-form .input{box-shadow:none;background:#fff;border:1px solid #94a3b840;border-radius:14px;padding:.9rem 1rem;font-size:1rem}.login-block{box-shadow:none;background:0 0;border:none;border-radius:18px;width:100%;padding:0;position:relative}.login-block--quick{text-align:left;flex-direction:column;gap:.65rem;display:flex}.login-block--fields{gap:.65rem;display:grid}.login-block--custom{flex-direction:column;gap:.75rem;display:flex}.login-toggle{box-shadow:none;background:#fff;border:1px solid #2563eb2e;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.2rem;display:grid}.login-toggle__item{color:#4b5563;cursor:pointer;box-shadow:none;text-align:center;background:0 0;border:none;border-radius:999px;padding:.65rem .8rem;font-weight:700;transition:all .2s}.login-toggle__item.is-active{color:#fff;box-shadow:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);animation:.26s login-pill-pop}@keyframes login-pill-pop{0%{transform:scale(1)}35%{transform:scale(1.04,.96)}65%{transform:scale(.98,1.03)}to{transform:scale(1)}}.new-recipe-shell .input,.new-recipe-shell textarea{box-shadow:none;background:#fff;border:1px solid #94a3b840;border-radius:14px;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.new-recipe-shell .input:focus,.new-recipe-shell textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.new-recipe-shell .button-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;padding:.9rem 1.35rem;box-shadow:0 12px 24px #2563eb33}.new-recipe-shell .button-primary:disabled{opacity:.6;box-shadow:none}.new-recipe-shell .button-ghost{color:#1f2937}.new-recipe-shell .workspace-card.studio-card{background:#fff}.login-selected-email{display:none}.login-pill{color:#1d4ed8;background:#2563eb1a;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.9rem;font-weight:700;display:inline-flex}.login-quicklogins{justify-content:center;gap:.65rem;margin-top:.25rem}.login-quicklogins .chip-button{color:#1d4ed8;background:#eef2ff;border:1px solid #2563eb1f;border-radius:999px;padding:.65rem 1.1rem;font-weight:600}.login-quicklogins .chip-button:hover{color:#fff;background:#2563eb}.login-divider{text-align:center;color:#0f172a80;margin:.45rem 0 .25rem;font-size:1.425rem;position:relative}.login-divider:before,.login-divider:after{content:"";background:#94a3b859;width:35%;height:1px;position:absolute;top:50%}.login-divider:before{left:0}.login-divider:after{right:0}.login-secondary{justify-items:center;gap:.35rem;display:grid}.login-secondary__link{color:#2563eb;font-weight:700}.login-submit{border-radius:16px;width:100%;margin-top:.25rem;padding:.95rem;font-size:1.05rem}.login-footer{flex-direction:row;justify-content:center}.login-back{color:#0f172ab3;font-weight:600}@media (max-width:960px){.login-card{grid-template-columns:1fr}.login-grid{flex-wrap:wrap}.login-visual{min-height:180px}}@media (max-width:1100px){.login-grid{flex-wrap:wrap;gap:0}.login-pane,.login-visual{flex:50%;min-width:300px}}.new-recipe-profile{align-items:center;gap:.85rem;min-height:48px;display:flex}.new-recipe-profile__avatar{aspect-ratio:1;color:#1d4ed8;background:#2563eb26;border:1px solid #2563eb4d;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 6px 14px #2563eb26}.new-recipe-profile__meta{flex:1}.new-recipe-profile__meta p{color:#111827;margin:0;font-weight:600}.new-recipe-profile__meta span{color:#0f172a99;font-size:.85rem}.new-recipe-footer__divider{background:#94a3b84d;height:1px;margin:.5rem 0}.new-recipe-footer__actions{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.nav-action{color:#0f172a99;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .25rem;font-size:.92rem;transition:color .2s;display:flex}.nav-action i{font-size:.85rem}.nav-action:hover{color:#111827}.new-recipe-shell__content{flex:1;height:100vh;padding:0;overflow-y:auto}.new-recipe-shell__content--locked{overflow:hidden}.new-recipe-workspace{flex-direction:column;gap:2rem;width:100%;min-height:100vh;padding:2.5rem 3rem 3rem;display:flex}.new-recipe-workspace--preview{gap:1.5rem}.workspace-hero{flex-direction:column;gap:.75rem;max-width:720px;display:flex}.workspace-hero--actions{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem}.workspace-hero--actions .button-hero{margin-left:auto}.workspace-hero--actions .workspace-hero__copy{flex:1;min-width:260px}.workspace-hero__cta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.workspace-grid{grid-template-columns:1fr;align-items:flex-start;gap:1.5rem;display:grid}.chatgpt-wizard .chatgpt-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1rem;display:grid}.wizard-row{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.wizard-row--prompt{margin-top:.5rem}.wizard-row--footer{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;margin-top:.75rem;padding:.9rem 1rem}.wizard-row textarea{width:100%}.wizard-actions{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;margin-top:.75rem;padding:.9rem 1rem}.wizard-actions--footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.wizard-actions--footer h4,.wizard-actions--footer p{color:#e2e8f0}.chatgpt-single{gap:.75rem;max-width:1040px;margin:0 auto;display:grid}.workspace-hero--left{text-align:left;align-items:flex-start}.workspace-hero--left h2,.workspace-hero--left p,.workspace-hero--left .eyebrow{text-align:left}.wizard-card .button-primary,.wizard-card .button-ghost{border-radius:999px}.chatgpt-card .wizard-step-content h3,.chatgpt-card .wizard-step-content h4,.chatgpt-card .wizard-step-content p,.chatgpt-card .wizard-step-content span,.chatgpt-card .wizard-step-content li{color:var(--text)}.chatgpt-card .wizard-step-content .card-subtitle,.chatgpt-card .wizard-step-content .text-sm{color:var(--muted)}.chatgpt-card textarea{color:#0f172a;background:#fff;border:1px solid #94a3b859;border-radius:14px;width:100%;min-height:180px;font-size:1rem}.chatgpt-card textarea:focus{outline-offset:1px;outline:2px solid #3b82f673}@media (max-width:720px){.wizard-card{padding:1rem}}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}@media (max-width:720px){.three-col{grid-template-columns:1fr;gap:.6rem}}.workspace-single{width:100%;max-width:720px}.workspace-card{background:#fff;border:1px solid #94a3b840;border-radius:28px;min-height:280px;padding:1.5rem;box-shadow:0 25px 60px #0f172a14}.studio-card{border:1px solid #94a3b82e;border-radius:22px;padding:1.25rem;box-shadow:0 18px 40px #0f172a14}.studio-card .input{color:#0f172a;background:#fff}.studio-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.workspace-card.login-card{border:none;padding:0;box-shadow:0 30px 70px #0f172a1f}.workspace-list{color:var(--muted);margin:0;padding-left:1.25rem;line-height:1.7}.toggle-row{gap:.5rem;display:inline-flex}.workspace-list--numbered{list-style:decimal}.workspace-preview{background:#fff;border:1px solid #94a3b840;border-radius:28px;flex:1;min-height:65vh;padding:1.5rem;display:flex;box-shadow:0 35px 65px #0f172a14}.workspace-preview>*{flex:1}.preview-wall{width:100%;height:100vh}.preview-grid{background:#f5f4f1;grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr);align-items:flex-start;min-height:100vh;max-height:100vh;display:grid}.preview-grid__left,.preview-grid__right{flex-direction:column;min-height:100vh;display:flex}.preview-grid__left{gap:1.25rem;max-height:100vh;padding:2.5rem 3rem;overflow-y:auto}.preview-grid__copy{max-width:580px}.preview-grid__editor{flex-direction:column;flex:1;min-height:0;display:flex}.preview-grid__json{flex:1;min-height:60vh;display:flex}.preview-grid__json .json-editor-card{width:100%;min-height:60vh}.preview-grid__right{background:#fcfbf7;border-left:1px solid #94a3b840;align-self:flex-start;align-items:stretch;gap:1.5rem;max-height:calc(100vh - 1rem);padding:2.5rem;position:sticky;top:1rem;overflow:hidden}.preview-grid__save{width:100%;background:#14a44d!important;border-color:#0000!important}.preview-grid__device{flex:1;justify-content:center;align-items:stretch;width:100%;min-height:0;display:flex}.preview-grid__device .phone-preview{width:100%;height:auto}.preview-grid__device.preview-grid__device--full{align-items:stretch}.preview-page{background:#f8fafc;border-radius:18px;width:100%;padding:0;overflow:auto;box-shadow:0 18px 40px #00000014}.preview-grid__delete{cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:.4rem;margin-top:.5rem;padding:0;font-weight:500;display:inline-flex}.preview-form-stack{gap:1rem!important}.new-recipe-shell label.stack{gap:.35rem;position:relative}.new-recipe-shell label.stack>span{color:#94a3b8;background:#fff;padding:0 .35rem;font-size:.78rem;position:absolute;top:.2rem;left:.9rem}.new-recipe-shell label.stack .input,.new-recipe-shell label.stack textarea{margin-top:.6rem}.modal-backdrop{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;gap:.75rem;width:100%;max-width:420px;padding:1.25rem 1.5rem;display:grid;box-shadow:0 30px 80px #0f172a4d}.modal__actions{justify-content:flex-end;gap:.75rem;display:flex}.button-danger{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:700}.button-danger:disabled{opacity:.7;cursor:not-allowed}.preview-column{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:.5rem 0;display:flex;overflow-y:auto}.preview-frame{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #0f172a1f}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.editor-toolbar__meta{flex-direction:column;flex:1;gap:.5rem;display:flex}.button-hero{border-radius:9999px;min-width:200px;padding:.85rem 2.25rem;font-size:1.05rem}.editor-panels{grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);align-items:stretch;gap:1.5rem;display:grid}.json-panel{flex-direction:column;min-height:0;display:flex}.json-editor-card{flex-direction:column;flex:1;min-height:0;display:flex}.phone-preview{justify-content:center;align-items:center;width:100%;display:flex}.phone-preview__frame{aspect-ratio:430/932;background:linear-gradient(#fff,#f2f4fd);border:1px solid #94a3b859;border-radius:32px;flex-direction:column;width:min(390px,100%);max-width:390px;height:auto;max-height:100%;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a1f}.phone-preview__frame .recipe-shell{background:var(--bg);border-radius:24px;flex-direction:column;width:100%;height:100%;margin:0;display:flex;overflow:hidden}.phone-preview__frame .recipe-shell--preview .recipe-cover,.phone-preview__frame .recipe-shell--preview .recipe-mobile-main{border-radius:24px;overflow:hidden}.phone-preview__frame .full-bleed{width:100%;margin-left:0;margin-right:0}.phone-preview__frame .recipe-body{flex:1;padding-bottom:2rem}.phone-preview__frame .recipe-mobile-only{flex-direction:column;min-height:100%;display:flex!important}.phone-preview__frame .recipe-shell--preview{height:100%;padding-bottom:2rem;overflow:hidden auto}.phone-preview__frame .recipe-shell--preview .recipe-panel--scroll{max-height:none;padding-right:0;overflow:visible}.phone-preview__frame .recipe-shell--preview .recipe-mobile-main{overflow:hidden}.phone-preview__frame .recipe-toggle{box-shadow:none;background:#fff9;border-radius:16px;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;padding:.65rem 1rem;display:grid;position:static}.phone-preview__frame .recipe-hero{height:360px;min-height:360px}.phone-preview__frame .recipe-hero__media,.phone-preview__frame .recipe-hero__media img{height:100%}.new-recipe-locked{justify-content:center;align-items:center;min-height:100vh;padding:3rem;display:flex}.new-recipe-locked .workspace-card{border:1px solid #94a3b840;border-radius:24px}@media (max-width:960px){.new-recipe-shell{flex-direction:column}.new-recipe-shell__sidebar{width:100%;box-shadow:none;flex-direction:column;min-height:auto}.new-recipe-workspace{padding:1.5rem}.workspace-grid{grid-template-columns:1fr}}@media (max-width:1100px){.preview-wall{height:auto}.new-recipe-shell__content--locked{overflow-y:auto}.preview-grid{grid-template-columns:1fr}.preview-grid__right{border-top:1px solid #94a3b840;border-left:none}}@media (max-width:1300px){.new-recipe-shell__sidebar{z-index:40;width:320px;height:100vh;padding:2.25rem 2rem 1.75rem;transition:transform .24s,box-shadow .24s,background .24s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(calc(20px - 100%));box-shadow:10px 0 28px #0f172a1f}.sidebar-dots{z-index:45;pointer-events:none;opacity:1;flex-direction:column;gap:6px;transition:opacity .2s;display:flex;position:fixed;top:50%;right:6px;transform:translateY(-50%)}.sidebar-dots span{background:#0f172a66;border-radius:50%;width:6px;height:6px}.new-recipe-shell__sidebar:hover{transform:translate(0)}.new-recipe-shell__sidebar:hover .sidebar-dots,.new-recipe-shell__sidebar:hover~.sidebar-dots{opacity:0}.new-recipe-shell__content{padding-left:0}}.recipe-card{will-change:transform;background:#080a0ed9;border-radius:18px;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;transform:translateZ(0)scale(1)}@media (hover:hover) and (pointer:fine){.recipe-card:hover{box-shadow:0px 0px 100px rgba(0,0,0,0,7);transform:translateZ(0)scale(1.03)}}.recipe-card__image{width:100%;padding-top:70%;position:relative;overflow:hidden}.recipe-card__media{position:absolute;inset:0}.recipe-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.recipe-card__overlay{color:#f9fafb;background:linear-gradient(#0000000d 0%,#00000059 100%);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;inset:0;overflow:hidden}.recipe-card__overlay:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00000073 0%,#00000047 35%,#00000026 55%,#0000 72%);position:absolute;inset:0}.recipe-card__overlay>*{z-index:1;position:relative}.recipe-card--category .recipe-card__overlay{text-align:center;background:linear-gradient(#00000040 0%,#000000a6 100%);justify-content:center;align-items:center;gap:.35rem}.recipe-card--category .recipe-card__titleblock{align-items:center}.recipe-card--category .recipe-card__title-main{font-size:1.8rem}.recipe-card--category .recipe-card__subtitle{color:#f9fafbe6;margin:0;font-size:1.05rem}.title-composer{background:#f8fafc;border:1px solid #0f172a1f;border-radius:14px;flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.title-composer__toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.title-composer__toolbar .chip-button{border-radius:10px;padding:.5rem .9rem}.title-composer--segments{gap:.75rem}.title-composer__segments{flex-direction:column;gap:.6rem;display:flex}.title-segment-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.title-segment-row__input{width:100%}.title-segment-row__actions{flex-wrap:wrap;gap:.4rem;display:flex}.title-size-pill{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;min-width:72px;padding:.35rem .6rem;font-size:.9rem;font-weight:600;display:inline-flex}.title-size-pill{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:10px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.9rem;font-weight:600;display:inline-flex}.title-size-pill.is-big{color:#fff;background:#0f766e;border-color:#0f766e}.chip-button--icon{background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip-button--danger{color:#b91c1c;background:0 0;border:none}.chip-button--danger:hover{color:#991b1b;background:0 0}.title-composer__preview{color:var(--muted);font-size:.95rem}.ingredient-row{background:#fff;border:none;border-bottom:1px solid #0f172a1f;border-radius:0;padding:.35rem .15rem;transition:background .12s;position:relative}.ingredient-row:first-of-type{border-top:1px solid #0f172a1f}.ingredient-row--heading{background:#f9fafb;border-bottom:1px solid #0f172a1f;padding-top:.7rem;padding-bottom:.65rem;position:relative}.ingredient-row--heading:before{content:"";background:#0f172a1f;height:1px;position:absolute;top:-1px;left:0;right:0}.ingredient-row__grid{grid-template-columns:22px 1fr minmax(90px,.3fr) auto auto;align-items:center;gap:1rem;display:grid}.ingredient-row__name{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:.1rem 0;font-size:1rem}.ingredient-row__name--heading{font-family:var(--font-heading);color:#0f172a;grid-column:2/span 2;font-size:1.05rem;font-weight:700}.ingredient-row__name--heading::placeholder{color:#0f172a;opacity:1;font-weight:700}.ingredient-row__amount{max-width:130px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:.1rem 0}.ingredient-row input:focus{box-shadow:none;background:0 0;outline:none}.ingredient-row .input,.ingredient-row input,.ingredient-row textarea{box-shadow:none;background:0 0;border:none;border-radius:0;padding:.1rem 0}.ingredient-row .input:focus,.ingredient-row input:focus,.ingredient-row textarea:focus{box-shadow:none;background:0 0;border:none;outline:none}.ingredient-drag{cursor:grab;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ingredient-drag:active{cursor:grabbing}.ingredient-drag i{color:#6b7280e6;font-size:1.05rem}.ingredient-row--dragover{background:#f8fafc}.ingredient-row--dragging{background:#eef2ff}.ingredient-drop-indicator{display:none}.ingredient-row:hover{background:#f9fafb}@keyframes ingredientDropFlash{0%{background:#3b82f62e}to{background:0 0}}.ingredient-drop-indicator{background:#0f172a;border-radius:999px;height:3px;margin:.12rem 0}.ingredient-kind-toggle{cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:.5rem .65rem;display:inline-flex}.ingredient-kind-toggle i{color:#0f172a;font-size:.95rem}.ingredient-insert{opacity:0;pointer-events:none;justify-content:center;width:100%;max-height:0;padding:0;transition:max-height .25s,opacity .18s,padding .18s,margin .18s;display:flex;position:relative;overflow:hidden}.ingredient-insert__trigger{color:#0f172a;opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;transition:opacity .18s,transform .22s;display:inline-flex;transform:translateY(-4px)scale(.98)}.ingredient-row:hover .ingredient-insert__trigger,.ingredient-insert__trigger:hover,.ingredient-insert__trigger:focus-visible,.ingredient-insert--end:hover .ingredient-insert__trigger,.ingredient-insert:focus-within .ingredient-insert__trigger{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.ingredient-insert__line{opacity:.2;transform-origin:50%;background:#0f172a59;flex:1 1 0;min-width:0;height:2px;transition:opacity .18s,transform .22s;display:inline-block;transform:scaleX(.2)}.ingredient-insert__plus{color:#fff;background:#0f766e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.1rem;font-weight:700;display:inline-flex;position:relative}.ingredient-insert__plus:before{content:"";z-index:-1;background:#0f172a59;width:100%;height:2px;position:absolute;inset:50% auto auto 0;transform:translateY(-50%)}.ingredient-row:hover .ingredient-insert__line,.ingredient-insert__trigger:hover .ingredient-insert__line,.ingredient-insert__trigger:focus-visible .ingredient-insert__line,.ingredient-insert--end:hover .ingredient-insert__line,.ingredient-insert:hover .ingredient-insert__line{opacity:1;transform:scaleX(1)}.ingredient-row:hover .ingredient-insert,.ingredient-insert:focus-within,.ingredient-insert--end:hover,.ingredient-insert--end:focus-within{pointer-events:auto;opacity:1;max-height:32px;margin-top:.05rem;padding:.12rem 0}.insert-menu{z-index:100;background:#fff;border:1px solid #0f172a1f;border-radius:12px;gap:.35rem;padding:.6rem;display:grid;position:fixed;transform:translate(-50%,-110%);box-shadow:0 18px 40px #080f2333}.insert-menu button{text-align:left;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;padding:.6rem .75rem}.insert-menu__close{color:#0f172a;text-align:center;background:0 0}.recipe-card__overlay--center{text-align:center;justify-content:center;align-items:center}.recipe-card__titleblock{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex;font-family:Fraunces,serif!important}.recipe-card__titleblock *{font-family:Fraunces,serif!important}.recipe-card__title-main{letter-spacing:.04em;text-transform:uppercase;font-size:1.8rem;font-weight:600;line-height:1.05;font-family:Fraunces,serif!important}.recipe-card__title-small{font-size:1.425rem;font-weight:400;line-height:1.1;font-family:Fraunces,serif!important}.recipe-preview__hero{background:#f1f5f9;border-radius:12px;width:100%;margin-bottom:1rem;padding-top:45%;position:relative;overflow:hidden}.recipe-preview__hero img{object-fit:cover}.recipe-shell{color:var(--text);isolation:isolate;--recipe-hero-image:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;flex-direction:column;min-height:100svh;margin-top:0;display:flex;position:relative;overflow:visible}@media (max-width:1023px){.app-shell.is-recipe-view{background:0 0}}.recipe-mobile-only{display:block}.recipe-desktop-only{display:none}.recipe-shell--preview .recipe-desktop-only{display:none!important}.recipe-shell--preview .recipe-mobile-only{display:block!important}@media (max-width:1023px){.recipe-desktop-only{display:none!important}.recipe-toggle--floating{left:unset;right:unset;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:20;width:calc(100% - 2rem);margin:1.2rem auto 0;position:sticky}}.recipe-hero{min-height:65vh;position:relative;overflow:hidden}.recipe-hero__media{position:absolute;inset:0}.recipe-hero__media img{object-fit:cover;width:100%;height:100%}.recipe-hero__overlay{color:#f8fafc;background:linear-gradient(#0000001a 0%,#0006 100%);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.5rem 1.5rem 2rem;display:flex;position:absolute;inset:0}.app-shell.is-recipe-view .recipe-hero{margin-top:calc(-1*env(safe-area-inset-top,0px))}.app-shell.is-recipe-view .recipe-hero__overlay{padding-top:calc(env(safe-area-inset-top,0px) + 1.5rem)}.recipe-hero__summary{flex-direction:column;gap:.85rem;margin-top:auto;display:flex}.back-button{color:#f8fafc;background:#fff3;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:1.425rem;text-decoration:none;display:inline-flex}.recipe-mobile-only .back-button:not(.back-button--mobile-icon){display:none}.back-button--mobile-icon{top:calc(env(safe-area-inset-top,0px) + .9rem);aspect-ratio:1;color:#f8fafc;z-index:6;background:#00000073;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:1.1rem;display:inline-flex;position:absolute;left:.85rem;box-shadow:0 12px 30px #00000047}.back-button--mobile-icon:hover{color:#fff;background:#0009;border-color:#ffffff59}.recipe-hero__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.recipe-hero__actions .back-button{margin:0}.recipe-edit-button{color:#f8fafc;background:#00000059;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:1.425rem;text-decoration:none;display:inline-flex}.recipe-edit-button:hover{background:#0f172a66}.recipe-hero__title{letter-spacing:-.01em;font-size:2rem;font-weight:400}.recipe-mobile-only .recipe-hero__title{font-size:3rem;line-height:1.05}.recipe-hero__meta{flex-wrap:wrap;gap:.4rem;display:flex}.recipe-mobile-only .recipe-hero__meta{display:none}.pill{color:#f8fafc;background:#00000059;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.85rem;display:inline-flex}.pill.ghost{color:#f8fafc;background:#ffffff2e}.recipe-mobile-simple{color:#f8fafc;background:#050607;min-height:100vh}.recipe-cover{z-index:2;width:100%;min-height:min(70vh,520px);position:relative;overflow:hidden}.recipe-cover__media{position:absolute;inset:0}.recipe-cover__media2{position:relative}.recipe-cover__media2:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#000 50%);height:200px;position:absolute;bottom:0;left:0;right:0}.recipe-cover__image{object-fit:cover}.recipe-cover__image-background{object-fit:cover;filter:saturate(4)brightness(.3);z-index:0;position:absolute;inset:0}.recipe-cover__overlay{padding:calc(env(safe-area-inset-top,0px) + 1.25rem)1.5rem 2rem;background:linear-gradient(#0000 0%,#0000004a 65%,#000000b0 100%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.recipe-cover__summary{flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;display:flex}.recipe-cover__title{color:#f8fafc;text-align:center;flex-direction:column;align-items:center;gap:.2rem;max-width:80vw;margin-bottom:1.5rem;display:flex;font-family:Fraunces,serif!important}.recipe-cover__title *{font-family:Fraunces,serif!important}.recipe-cover__title-main{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 3px 12px #00000059;font-size:clamp(3.3rem,9vw,4.95rem);font-weight:600;line-height:1.02;font-family:Fraunces,serif!important}.recipe-cover__title-small{text-shadow:0 2px 8px #00000040;font-size:clamp(1.7rem,4.5vw,2.55rem);font-weight:400;line-height:1.05;font-family:Fraunces,serif!important}.recipe-title-segment{display:block}.recipe-title-segment--big{letter-spacing:.03em;font-size:2rem;font-weight:600}.recipe-title-segment--small{font-size:1.15rem;font-weight:500}.recipe-shell .recipe-title-segment--big{font-size:3rem}.recipe-shell .recipe-title-segment--small{font-size:1.7rem}.recipe-shell--preview .recipe-cover{min-height:min(60vh,460px)}.recipe-shell--preview .recipe-cover__summary{gap:.5rem}.recipe-shell--preview .recipe-cover__title{max-width:80vw;margin-bottom:1.1rem}.recipe-shell--preview .recipe-cover__title-main{letter-spacing:.02em;font-size:clamp(2.3rem,5.8vw,3.1rem);line-height:1}.recipe-shell--preview .recipe-cover__title-small{font-size:clamp(1rem,3vw,1.5rem)}.recipe-shell--preview .recipe-title-segment--big{letter-spacing:.015em;font-size:2.5rem}.recipe-shell--preview .recipe-title-segment--small{font-size:1.3rem}.recipe-cover__meta{letter-spacing:.08em;text-transform:uppercase;opacity:.85;flex-wrap:wrap;gap:.5rem;font-size:.78rem;display:flex}.recipe-cover__actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.recipe-mobile-main{z-index:3;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);padding:2rem 1.5rem 7rem;position:relative}@media screen and (max-width:500px){html{background-color:#000}}.recipe-mobile-tabs{gap:.75rem;margin-bottom:1.5rem;display:flex}.recipe-tab{color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(120%);background:#f8fafc80;border:1px solid #f8fafc59;border-radius:999px;flex:1;padding:.85rem 1rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff52}.recipe-tab.is-active{color:#fff;background:#0f766ef5;border-color:#fff9;box-shadow:inset 0 1px #ffffff5c}.recipe-panel{flex-direction:column;gap:1.25rem;display:flex}.recipe-panel--scroll{max-height:60vh;padding-right:.35rem;overflow-y:auto}.recipe-floating-tabs{bottom:env(safe-area-inset-bottom,0px);padding:.6rem .9rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + .6rem);z-index:4;isolation:isolate;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex;position:sticky;overflow:hidden}.recipe-floating-tabs__backdrop{border-radius:inherit;-webkit-backdrop-filter:blur(40px)saturate(140%);pointer-events:none;z-index:0;background:#08090cf5;border:1px solid #ffffff1f;position:absolute;inset:0;box-shadow:0 30px 70px #000000a6}.recipe-floating-tabs>*{z-index:1;position:relative}.recipe-body{padding:2.5rem 1.5rem calc(4rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.75rem;display:flex}.recipe-section{width:100%;display:none}.recipe-section.is-active{display:block}.recipe-section--ingredients,.recipe-section--steps{max-width:640px;margin:0 auto}.recipe-section--ingredients{max-width:520px}.recipe-block{background:0 0;border-top:1px solid #1f150f14;border-radius:0;padding:1rem 0 .5rem}.recipe-block:first-of-type{border-top:none;padding-top:0}.recipe-block__title{margin-bottom:.75rem;font-weight:400}.checklist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist__item{border-bottom:1px solid #fff2;padding:.25rem 0;transition:border-color .2s,color .2s}.checklist__item:last-child{border-bottom:none}.checklist__item.is-checked{border-bottom-color:#fff2}.checklist__row{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.65rem 0;display:grid}.checklist__row input{appearance:none;cursor:pointer;background:0 0;border:2px solid #0f766e8c;border-radius:999px;place-items:center;width:20px;height:20px;margin-top:.2rem;transition:border-color .2s,background .2s;display:grid}.checklist__row input:after{content:"";background:var(--accent);border-radius:999px;width:10px;height:10px;transition:transform .15s;transform:scale(0)}.checklist__row input:checked{border-color:var(--accent);background:#0f766e1f}.checklist__row input:checked:after{transform:scale(1)}.recipe-mobile-simple .checklist__row input{border-color:#f8fafce6;margin-top:.2rem}.recipe-mobile-simple .checklist__row input:checked{background:#f8fafc2e;border-color:#f8fafc}.recipe-mobile-simple .checklist__row input:after{background:#f8fafc}.recipe-mobile-simple ol.checklist .checklist__row{align-items:flex-start}.recipe-mobile-simple ol.checklist .checklist__row input{margin-top:.23rem}.recipe-mobile-simple ol.checklist .checklist__item,.recipe-mobile-simple .checklist__item.is-checked{border-bottom-color:#fff2}.recipe-mobile-simple .checklist__amount{color:#f8fafc;letter-spacing:.04em;text-transform:uppercase;text-align:right;background:0 0;border-radius:0;min-width:4rem;padding:0;font-size:.85rem;font-weight:700}.recipe-mobile-simple ol.checklist .checklist__label{color:#f8fafc;font-size:1.4rem}.recipe-mobile-simple ol.checklist .checklist__meta{color:#f8fafcd9;font-size:1.25rem;line-height:1.6}.checklist__row input:focus-visible{outline-offset:2px;outline:2px solid #0f766ea6}.checklist__text{flex-direction:column;gap:.2rem;display:flex}.checklist__line{grid-template-columns:1fr auto;align-items:baseline;gap:.5rem;display:grid}.checklist__label{font-weight:600;line-height:1.4}.checklist__item.is-checked .checklist__text{opacity:.65}.recipe-mobile-simple .checklist__item.is-checked .checklist__text{opacity:.5}.checklist__item.is-checked .checklist__label,.checklist__item.is-checked .checklist__amount,.checklist__item.is-checked .checklist__meta{color:#1f150f8c;font-style:italic;-webkit-text-decoration:line-through #1f150f59;text-decoration:line-through #1f150f59;text-decoration-thickness:1px}.recipe-mobile-simple .checklist__item.is-checked .checklist__label,.recipe-mobile-simple .checklist__item.is-checked .checklist__amount,.recipe-mobile-simple .checklist__item.is-checked .checklist__meta{color:#f8fafcb3;text-decoration-color:#f8fafcb3;text-decoration-thickness:2px}.checklist__amount{color:var(--muted);text-align:right;min-width:3.5rem;max-width:5rem;font-weight:600}.checklist__meta{color:var(--muted);font-size:1.425rem;line-height:1.5}.recipe-toggle{left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);box-shadow:none;z-index:1;background:linear-gradient(#0000,#000000a6);grid-template-columns:1fr 1fr;gap:.5rem;padding:.85rem 1.25rem .65rem;display:grid;position:fixed}.toggle-button{color:var(--text);cursor:pointer;z-index:2;background:#efe7de;border:none;border-radius:14px;padding:.9rem 1rem;font-weight:600;transition:background .2s,color .2s}.toggle-button.is-active{color:#fff;z-index:2;background:#0f766e}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:900px){.two-col{grid-template-columns:1fr}}@media (min-width:1024px){.recipe-mobile-only{display:none}.recipe-desktop-card__body,.recipe-desktop-card__ingredients{flex-direction:column;gap:1.5rem;height:100%;min-height:0;padding:2.5rem;display:flex;position:relative;overflow:hidden}}.recipe-desktop-toggle,.recipe-toggle{box-shadow:none;background:#f7fbff;border:1px solid #2563eb33;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.25rem;display:grid;position:relative;overflow:hidden}.recipe-desktop-toggle__bg,.recipe-toggle__bg{z-index:0;width:calc(50% - .25rem);transform:translateX(var(--toggle-bg-x,0));filter:drop-shadow(0 6px 14px #2563eb38);transition:transform .38s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:.25rem;bottom:.25rem;left:.25rem;overflow:visible}.recipe-desktop-toggle__bg.is-left,.recipe-toggle__bg.is-left{--toggle-bg-x:0}.recipe-desktop-toggle__bg.is-right,.recipe-toggle__bg.is-right{--toggle-bg-x:100%}.recipe-desktop-toggle__bg-inner,.recipe-toggle__bg-inner{will-change:transform;background:linear-gradient(135deg,#1f4fe0,#2563eb);border-radius:999px;width:100%;height:100%;display:block;box-shadow:0 12px 24px #2563eb38}.recipe-desktop-toggle__bg-inner.wobble-left,.recipe-toggle__bg-inner.wobble-left,.recipe-desktop-toggle__bg-inner.wobble-right,.recipe-toggle__bg-inner.wobble-right{animation:none}.recipe-desktop-toggle .recipe-tab,.recipe-toggle .recipe-tab{color:#4b5563;cursor:pointer;box-shadow:none;text-align:center;z-index:1;background:0 0;border:none;border-radius:999px;padding:.65rem .8rem;font-weight:700;transition:color .2s,background .2s,transform .25s;position:relative}.recipe-desktop-toggle .recipe-tab.is-active,.recipe-toggle .recipe-tab.is-active{color:#fff;box-shadow:none;background:0 0;animation:none}.recipe-toggle-mobile{box-shadow:none;background:#f7fbff;border:1px solid #2563eb33;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.25rem;display:grid;position:relative;overflow:hidden}.recipe-toggle-mobile__bg{z-index:0;width:calc(50% - .25rem);transform:translateX(var(--toggle-bg-x,0));filter:drop-shadow(0 6px 14px #2563eb38);transition:transform .38s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:.25rem;bottom:.25rem;left:.25rem;overflow:visible}.recipe-toggle-mobile__bg.is-left{--toggle-bg-x:0}.recipe-toggle-mobile__bg.is-right{--toggle-bg-x:100%}.recipe-toggle-mobile__bg-inner{will-change:transform;background:linear-gradient(135deg,#1f4fe0,#2563eb);border-radius:999px;width:100%;height:100%;display:block;box-shadow:0 12px 24px #2563eb38}.recipe-toggle-mobile__bg-inner.wobble-left,.recipe-toggle-mobile__bg-inner.wobble-right{animation:none}.recipe-toggle-mobile__tab{color:#4b5563;cursor:pointer;box-shadow:none;text-align:center;z-index:1;background:0 0;border:none;border-radius:999px;padding:.65rem .8rem;font-weight:700;transition:color .2s,background .2s,transform .25s;position:relative}.recipe-toggle-mobile__tab.is-active{color:#fff;box-shadow:none;background:0 0;animation:none}.recipe-toggle-mobile--floating{z-index:30;width:calc(100% - 2rem);margin:1rem auto 0;position:sticky;bottom:0;left:0;right:0}@media (display-mode:standalone){.recipe-toggle-mobile--floating{bottom:calc(env(safe-area-inset-bottom,0px))}}.pwa-mode .recipe-toggle-mobile--floating{bottom:calc(env(safe-area-inset-bottom,0px))}@supports (-webkit-touch-callout:none){.pwa-mode .recipe-toggle-mobile--floating{bottom:calc(env(safe-area-inset-bottom,0px))}}.recipe-desktop-toggle .recipe-tab.is-active-left{animation-name:toggle-slide-left}.recipe-desktop-toggle .recipe-tab.is-active-right{animation-name:toggle-slide-right}.recipe-desktop-toggle .recipe-tab:focus-visible{outline-offset:2px;outline:2px solid #0f766e99}.recipe-desktop-groups{flex-direction:column;gap:1.5rem;display:flex}.recipe-desktop-scroll{flex:1;min-height:0;margin-top:.75rem;padding-bottom:2rem;padding-right:.4rem;position:relative;overflow-y:auto}.scroll-indicator{pointer-events:none;opacity:0;justify-content:center;align-items:flex-end;height:56px;transition:opacity .2s;display:flex;position:absolute;bottom:40px;left:0;right:0}.scroll-indicator:before{content:"";z-index:0;background:linear-gradient(#fff0 0%,#fffffff2 65%,#fff 100%);position:absolute;inset:0}.scroll-indicator__icon{z-index:1;width:40px;height:40px;color:var(--text);background:#0f766e1f;border-radius:999px;justify-content:center;align-items:center;animation:1.8s infinite scroll-indicator-bounce;display:inline-flex;position:relative;box-shadow:0 10px 24px #050a121f}.scroll-indicator__icon i{color:var(--accent)}.scroll-indicator.is-visible{opacity:1}@keyframes scroll-indicator-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes toggle-slide-left{0%{transform:translate(6px)scaleX(.96)scaleY(.98)}35%{transform:translate(-3px)scaleX(1.05)scaleY(.94)}60%{transform:translate(2px)scaleX(.98)scaleY(1.04)}80%{transform:translate(-1px)scaleX(1.01)scaleY(.99)}to{transform:translate(0)scaleX(1)scaleY(1)}}@keyframes toggle-slide-right{0%{transform:translate(-6px)scaleX(.96)scaleY(.98)}35%{transform:translate(3px)scaleX(1.05)scaleY(.94)}60%{transform:translate(-2px)scaleX(.98)scaleY(1.04)}80%{transform:translate(1px)scaleX(1.01)scaleY(.99)}to{transform:translate(0)scaleX(1)scaleY(1)}}@keyframes toggle-bg-wobble-left{0%{transform:translate(0)scaleX(1)scaleY(1)}24%{transform:translate(-4px)scaleX(.96)scaleY(1.03)}46%{transform:translate(3px)scaleX(1.03)scaleY(.97)}66%{transform:translate(-2px)scaleX(.99)scaleY(1.01)}84%{transform:translate(1px)scaleX(1.01)scaleY(.995)}to{transform:translate(0)scaleX(1)scaleY(1)}}@keyframes toggle-bg-wobble-right{0%{transform:translate(0)scaleX(1)scaleY(1)}24%{transform:translate(4px)scaleX(.96)scaleY(1.03)}46%{transform:translate(-3px)scaleX(1.03)scaleY(.97)}66%{transform:translate(2px)scaleX(.99)scaleY(1.01)}84%{transform:translate(-1px)scaleX(1.01)scaleY(.995)}to{transform:translate(0)scaleX(1)scaleY(1)}}.recipe-desktop-only{color:#1f150f;min-height:100vh;font-family:var(--font-body);display:block;position:relative}.recipe-desktop-background{background-image:var(--recipe-hero-image);filter:blur(70px)saturate(3)brightness(.35);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.3)}.recipe-desktop-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;padding:3rem 4vw 4rem;display:flex;position:relative}.back-button.desktop{background:#fff3;margin:0;padding:.35rem .7rem;font-size:1rem}.recipe-hero__actions--desktop{justify-content:space-between;width:100%;margin-bottom:1.5rem}.recipe-edit-button{background:#ffffff2e;border-color:#fff6}.recipe-desktop-hero{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto 2.5rem;display:flex}.recipe-desktop-title{letter-spacing:-.02em;color:#fff;margin:.75rem 0 0;font-size:clamp(2.75rem,4vw,3.75rem);font-weight:600;line-height:1}.recipe-desktop-meta{letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;margin-top:1rem;margin-bottom:0;font-size:1.425rem}.recipe-desktop-card{color:#0f172a;width:min(90vw,1300px);max-width:1300px;font-family:var(--font-body);background:#fff;border-radius:32px 40px 40px 32px;grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);align-items:stretch;height:calc(100vh - 140px);min-height:580px;max-height:calc(100vh - 140px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 25px 80px #050a1259}.recipe-desktop-card__ingredients{flex-direction:column;gap:1.5rem;height:100%;min-height:0;padding:2.5rem;display:flex;overflow:hidden}.recipe-desktop-group__title{text-transform:uppercase;letter-spacing:.08em;color:#0f172ab3;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.recipe-desktop-card__ingredients ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.recipe-desktop-ingredient{border-bottom:1px solid #0f172a14;padding:.15rem 0}.recipe-desktop-ingredient:last-child{border-bottom:none}.recipe-desktop-ingredient__row{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.55rem 0;display:grid}.recipe-desktop-ingredient__row input,.recipe-desktop-step__row input{appearance:none;background:0 0;border:2px solid #0f172a59;border-radius:999px;place-items:center;width:20px;height:20px;transition:all .2s;display:grid}.recipe-desktop-ingredient__row input:after,.recipe-desktop-step__row input:after{content:"";background:var(--accent);border-radius:999px;width:10px;height:10px;transition:transform .15s;transform:scale(0)}.recipe-desktop-ingredient__row input:checked,.recipe-desktop-step__row input:checked{border-color:var(--accent);background:#0f766e26}.recipe-desktop-ingredient__row input:checked:after,.recipe-desktop-step__row input:checked:after{transform:scale(1)}.recipe-desktop-ingredient__row input:focus-visible,.recipe-desktop-step__row input:focus-visible{outline-offset:2px;outline:2px solid #0f766ebf}.recipe-desktop-ingredient__name{color:#0f172a;font-weight:600;font-family:var(--font-body)}.recipe-desktop-ingredient__amount{color:#0f172ab3;background:#f8fafc;border-radius:999px;padding:.25rem .85rem;font-size:.9rem;font-weight:600}.recipe-desktop-ingredient.is-checked{opacity:.65}.recipe-desktop-ingredient.is-checked .recipe-desktop-ingredient__name,.recipe-desktop-ingredient.is-checked .recipe-desktop-ingredient__amount{color:#0f172a73;-webkit-text-decoration:line-through #0f172a59;text-decoration:line-through #0f172a59}.recipe-desktop-card__image{height:100%;min-height:460px;position:relative;overflow:hidden}.recipe-desktop-card__image:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0009 0%,#00000073 32%,#0000001f 60%,#0000 100%);position:absolute;inset:0}.recipe-desktop-card__image .desk-image{object-fit:cover;z-index:0;border-radius:0 40px 40px 0}.recipe-desktop-image-overlay{z-index:2;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;position:absolute;inset:0}.recipe-cover__title--desktop{text-align:center;align-items:center;margin-top:2.25rem}.recipe-cover__title--desktop .recipe-cover__title-main{font-size:clamp(2.5rem,4vw,3.8rem)}.recipe-cover__title--desktop .recipe-cover__title-small{font-size:clamp(1.35rem,3vw,1.9rem)}.recipe-desktop-steps{color:#fff;max-width:1000px;font-family:var(--font-body);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f168c;border-radius:32px;margin:0 auto;padding:2.5rem;box-shadow:0 20px 60px #050a1273}.recipe-desktop-steps h2{margin-top:0;margin-bottom:1.25rem;font-size:1.8rem}.recipe-desktop-steps__list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.recipe-desktop-step{background:#ffffff14;border-radius:28px}.recipe-desktop-step__row{cursor:pointer;grid-template-columns:auto 1fr;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:grid}.recipe-desktop-step__text{flex-direction:column;gap:.35rem;display:flex}.recipe-desktop-step__label{text-transform:uppercase;letter-spacing:.12em;color:#ffffffd9;font-size:1rem}.recipe-desktop-step__text p{color:#fff;margin:0;font-size:1.25rem;line-height:1.8}.recipe-desktop-step.is-checked{opacity:.65}.recipe-desktop-step.is-checked .recipe-desktop-step__label,.recipe-desktop-step.is-checked .recipe-desktop-step__text p{-webkit-text-decoration:line-through #fff9;text-decoration:line-through #fff9}.recipe-desktop-steps--card{color:#0f172a;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--font-body);background:0 0;padding:0}.recipe-desktop-steps--card .recipe-desktop-step{background:0 0;border:none;border-bottom:1px solid #1f150f14;border-radius:0}.recipe-desktop-steps--card .recipe-desktop-step:last-child{border-bottom:none}.recipe-desktop-steps--card .recipe-desktop-steps__list{gap:.35rem}.recipe-desktop-steps--card .recipe-desktop-step__row{grid-template-columns:auto 1fr;gap:.75rem;padding:.75rem 0}.recipe-desktop-steps--card .recipe-desktop-step__label{text-transform:none;letter-spacing:0;color:#1f150f;font-size:1rem;font-weight:700}.recipe-desktop-steps--card .recipe-desktop-step__text p{color:var(--muted);font-family:var(--font-body);font-size:1.05rem;line-height:1.55}.recipe-desktop-steps--card .recipe-desktop-step.is-checked{opacity:1}.recipe-desktop-steps--card .recipe-desktop-step.is-checked .recipe-desktop-step__label,.recipe-desktop-steps--card .recipe-desktop-step.is-checked .recipe-desktop-step__text p{color:#1f150f8c;-webkit-text-decoration:line-through #1f150f59;text-decoration:line-through #1f150f59}.back-button--floating{z-index:30;color:#fff;background:#0000008c;position:fixed;top:1.5rem;left:1.5rem;box-shadow:0 12px 30px #00000059}.recipe-edit-button--desktop{z-index:30;color:#fff;background:#0000008c;display:inline-flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 12px 30px #00000059}.recipe-edit-button--fab{color:#fff;z-index:3;background:#0000008c;border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;text-decoration:none;display:inline-flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 16px 36px #050a1252}.recipe-edit-button--fab:hover{background:#000000bf;box-shadow:0 20px 42px #050a125c}.recipe-toggle{display:none}.phone-preview__frame .recipe-body{flex:1}.workspace-preview__top,.workspace-preview__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}[class*=__title],.card-title,.page-title{font-family:var(--font-heading);font-weight:400}.page-title{letter-spacing:-.02em;font-size:2.5rem;font-weight:600}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem .5rem;display:flex}.page-actions{align-items:center;gap:.5rem;display:flex}.button-compact{border-radius:12px;padding:.5rem .9rem;font-size:.95rem}