:root{--berry:#5b2a9c;--berry-2:#8b5cf6;--berry-ink:#241337;--pink:#ff5c8a;--peach:#ffb38a;--lemon:#ffe066;--mint:#7ee0b8;--leaf:#4caf50;--cream:#fff8ef;--paper:#fff;--ink:#241337;--muted:#6b5f78;--line:#241337;--radius:22px;--pop:4px 4px 0 var(--ink);--pop-lg:7px 7px 0 var(--ink);--bounce:cubic-bezier(.34, 1.56, .64, 1);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background-color:var(--cream);background-image:radial-gradient(#5b2a9c12 1.2px,#0000 1.2px);background-size:22px 22px;margin:0}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{color:var(--berry-ink);letter-spacing:-.02em;margin:0 0 .4em;font-family:Bricolage Grotesque,Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1.05}h1{font-size:clamp(2.3rem,6vw,4.2rem)}h2{font-size:clamp(1.6rem,3.2vw,2.2rem)}h3{font-size:1.25rem;font-weight:700}button,input,select{font:inherit;color:inherit}::selection{background:var(--lemon)}:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:56px 0 8px}.narrow{max-width:760px}.center{text-align:center}main{animation:.45s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:2px solid var(--ink);background:#fff8efd1;position:sticky;top:0}.header-row{grid-template-columns:1fr minmax(0,560px) 1fr;align-items:center;gap:24px;height:76px;display:grid}.header-row .logo{justify-self:start}.logo{color:var(--berry-ink);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:6px;font-family:Bricolage Grotesque,sans-serif;font-size:1.6rem;font-weight:800;text-decoration:none;display:flex}.logo em{color:var(--pink);transition:transform .4s var(--bounce);margin:0 2px;font-style:normal;display:inline-block}.logo:hover em{transform:rotate(-14deg)scale(1.25)}.logo-mark{transition:transform .5s var(--bounce)}.logo:hover .logo-mark{transform:rotate(-12deg)translateY(-3px)}.search{background:var(--paper);border:2px solid var(--ink);width:100%;box-shadow:var(--pop);border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 16px;transition:transform .2s,box-shadow .2s;display:flex}.search:focus-within{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.search svg{color:var(--muted);flex:none}.search input{background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:8px 4px}.search button{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:9px 18px;font-weight:700;transition:background .2s}.search button:hover{background:var(--berry)}.menu{justify-self:end;position:relative}.menu-btn{background:var(--lemon);border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .2s var(--bounce), box-shadow .2s, background .2s;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 14px;font-weight:800;display:inline-flex}.menu-btn:hover{box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-2px)}.menu-btn.open{background:var(--ink);color:#fff;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.burger{width:20px;height:14px;position:relative}.burger i{width:20px;height:2.5px;transition:transform .3s var(--bounce), opacity .2s, top .3s;background:currentColor;border-radius:2px;position:absolute;left:0}.burger i:first-child{top:0}.burger i:nth-child(2){top:6px}.burger i:nth-child(3){top:12px}.open .burger i:first-child{top:6px;transform:rotate(45deg)}.open .burger i:nth-child(2){opacity:0}.open .burger i:nth-child(3){top:6px;transform:rotate(-45deg)}.dropdown{background:var(--paper);border:2px solid var(--ink);width:620px;box-shadow:var(--pop-lg);transform-origin:100% 0;animation:ddIn .35s var(--bounce);z-index:30;border-radius:26px;grid-template-columns:1.2fr 1fr;gap:20px;padding:22px;display:grid;position:absolute;top:calc(100% + 14px);right:0}.dropdown:before{content:"";background:var(--paper);border-left:2px solid var(--ink);border-top:2px solid var(--ink);width:16px;height:16px;position:absolute;top:-9px;right:34px;transform:rotate(45deg)}@keyframes ddIn{0%{opacity:0;transform:translateY(-8px)scale(.94)}}.dd-col h4{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:2px 0 10px 4px;font-size:.78rem}.dd-cat{transition:background .2s, transform .25s var(--bounce);border-radius:16px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.dd-cat:hover{background:hsl(var(--h) 90% 93%);transform:translate(4px)}.dd-icon{border:2px solid var(--ink);background:hsl(var(--h) 90% 90%);width:42px;height:42px;color:hsl(var(--h) 55% 30%);transition:transform .3s var(--bounce);border-radius:13px;flex:none;place-items:center;display:grid}.dd-icon svg{width:26px;height:26px}.dd-cat:hover .dd-icon{transform:rotate(-10deg)scale(1.08)}.dd-cat b,.dd-feature b{font-size:.98rem;display:block}.dd-cat small{color:var(--muted);font-weight:600}.dd-link{border-radius:14px;padding:10px 12px;font-weight:700;text-decoration:none;transition:background .2s;display:block}.dd-link:hover{background:#f3ecff}.dd-feature{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .25s var(--bounce);border-radius:18px;margin-top:12px;text-decoration:none;display:block;overflow:hidden}.dd-feature:hover{transform:rotate(-1.5deg)translateY(-2px)}.dd-feature .dish{aspect-ratio:16/9;border-bottom:2px solid var(--ink)}.dd-feature>span{padding:10px 14px 12px;display:block}.dd-feature small{color:var(--pink);font-size:.78rem;font-weight:800}.sticker{background:var(--lemon);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:.85rem;font-weight:800;display:inline-block;transform:rotate(-3deg)}.sticker.alt{background:var(--mint);transform:rotate(2deg)}.tag{background:hsl(var(--h,275) 90% 92%);color:hsl(var(--h,275) 60% 28%);letter-spacing:.02em;border-radius:999px;margin-bottom:10px;padding:3px 11px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-block}.hl{background:linear-gradient(transparent 58%, var(--lemon) 58%, var(--lemon) 92%, transparent 92%);padding:0 4px}.btn{background:var(--pink);color:#fff;border:2px solid var(--ink);box-shadow:var(--pop);transition:transform .2s var(--bounce), box-shadow .2s;border-radius:999px;align-items:center;gap:6px;padding:14px 26px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-2px,-3px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.ghost{background:var(--paper);color:var(--ink)}.try{flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;font-size:.9rem;display:flex}.try span{color:var(--muted);font-weight:600}.try a{background:var(--paper);border:1.5px dashed var(--berry);color:var(--berry);border-radius:999px;padding:3px 12px;font-weight:700;text-decoration:none;transition:all .2s}.try a:hover{background:var(--berry);color:#fff;border-style:solid}.center-left{margin:-8px 0 32px}.hero{padding:64px 0 72px;position:relative;overflow:hidden}.hero-blob{filter:blur(2px);z-index:-1;border-radius:50%;position:absolute}.hb1{background:radial-gradient(circle at 40% 40%,#e9d8ff,#d4b8ff 60%,#0000 70%);width:520px;height:520px;top:-140px;right:-120px}.hb2{background:radial-gradient(circle,#ffd6e2,#0000 68%);width:380px;height:380px;bottom:-180px;left:-160px}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.hero p{color:#4a3e58;max-width:50ch;font-size:1.12rem}.hero p strong{color:var(--berry)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.squiggle{color:var(--berry);white-space:nowrap;position:relative}.squiggle:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M2 9c10-8 20-8 30 0s20 8 30 0 20-8 30 0 16 6 26 0' fill='none' stroke='%23ff5c8a' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 0/auto 100% repeat-x;height:.3em;position:absolute;bottom:-.12em;left:0;right:0}.hero-visual,.recipe-visual{text-decoration:none;display:block;position:relative}.hero-visual .dish{transition:transform .5s var(--bounce);transform:rotate(2.5deg)}.hero-visual:hover .dish{transform:rotate(-1deg)scale(1.02)}.float{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.9rem;font-weight:800;animation:4s ease-in-out infinite bob;position:absolute}.f1{background:var(--lemon);top:18px;left:-18px;transform:rotate(-6deg)}.f2{background:var(--mint);animation-delay:-1.3s;bottom:64px;right:-16px}.f3{background:var(--pink);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;animation-delay:-2.4s;bottom:-16px;left:28px}@keyframes bob{50%{translate:0 -8px}}.dish{aspect-ratio:4/3;object-fit:cover;width:100%}.dish.lg{border:2.5px solid var(--ink);box-shadow:var(--pop-lg);border-radius:32px}.dish.art{background:hsl(var(--h) 85% 86%);color:hsl(var(--h) 55% 26%);place-items:center;display:grid;position:relative;overflow:hidden}.dish.art svg{width:32%;height:auto;transition:transform .5s var(--bounce);position:relative}.blob{border-radius:46% 54% 60% 40%/50% 42% 58% 50%;position:absolute}.b1{background:hsl(calc(var(--h) + 25) 90% 80%);width:70%;height:80%;animation:9s ease-in-out infinite morph;top:-18%;left:-12%}.b2{background:hsl(calc(var(--h) - 20) 95% 91%);width:55%;height:60%;animation:11s ease-in-out infinite reverse morph;bottom:-16%;right:-10%}@keyframes morph{50%{border-radius:58% 42% 38% 62%/42% 58%;transform:rotate(14deg)scale(1.06)}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.section-head h2{margin:0}.more{color:var(--berry);border-bottom:2.5px solid var(--pink);padding:6px 2px;font-weight:800;text-decoration:none}.more:hover{color:var(--pink)}.grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:28px;display:grid}.card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--pop);transition:transform .3s var(--bounce), box-shadow .25s;animation:cardIn .5s var(--bounce) both;animation-delay:calc(var(--i,0) * 60ms);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.97)}}.card:hover{box-shadow:var(--pop-lg);transform:translate(-3px,-5px)rotate(-.8deg)}.card:nth-child(2n):hover{transform:translate(-3px,-5px)rotate(.8deg)}.card:hover .dish.art svg{transform:scale(1.15)rotate(-8deg)}.card-media{border-bottom:2px solid var(--ink);position:relative}.time-pill{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800;position:absolute;bottom:12px;left:12px}.card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.card-body .tag{align-self:flex-start}.card-body h3{margin-bottom:14px}.card-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.go{border:2px solid var(--ink);width:34px;height:34px;transition:background .2s, transform .3s var(--bounce);border-radius:50%;place-items:center;font-weight:800;display:grid}.card:hover .go{background:var(--pink);color:#fff;transform:translate(3px)}.diff{color:var(--muted);align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.diff i{border:2px solid var(--berry);border-radius:50%;width:10px;height:10px}.diff i.on{background:var(--berry)}.diff span{margin-left:5px}.cat-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;display:grid}.cat-tile{border-radius:var(--radius);border:2px solid var(--ink);background:hsl(var(--h) 90% 90%);box-shadow:var(--pop);transform:rotate(var(--r));transition:transform .35s var(--bounce), box-shadow .2s;flex-direction:column;gap:2px;padding:22px 20px;text-decoration:none;display:flex}.cat-tile:hover{box-shadow:var(--pop-lg);transform:rotate(0)translateY(-6px)scale(1.03)}.cat-tile strong{margin-top:10px;font-family:Bricolage Grotesque,sans-serif;font-size:1.3rem}.cat-tile>span:last-child{color:hsl(var(--h) 35% 35%);font-size:.88rem;font-weight:600}.cat-icon{background:var(--paper);border:2px solid var(--ink);width:56px;height:56px;color:hsl(var(--h) 55% 32%);transition:transform .4s var(--bounce);border-radius:18px;place-items:center;display:grid}.cat-icon svg{width:34px;height:34px}.cat-tile:hover .cat-icon{transform:rotate(-12deg)scale(1.1)}.cat-icon.big{border-radius:28px;flex:none;width:92px;height:92px}.cat-icon.big svg{width:56px;height:56px}.banner{background:var(--berry);color:#fff;border:2px solid var(--ink);box-shadow:var(--pop);background-image:radial-gradient(#ffffff1f 2px,#0000 2px);background-size:18px 18px;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px 34px;display:flex}.banner h2{color:#fff;margin:0 0 4px}.banner p{opacity:.85;margin:0}.banner .sticker{color:var(--ink);margin-bottom:14px}.page-title{margin-bottom:32px}.page-title p{color:var(--muted);margin:0;font-size:1.1rem}.crumbs{color:var(--muted);flex-wrap:wrap;gap:4px;margin-bottom:24px;font-size:.88rem;font-weight:600;display:flex}.crumbs a{color:var(--berry);text-decoration:none}.crumbs a:hover{-webkit-text-decoration:underline wavy var(--pink);text-decoration:underline wavy var(--pink)}.sep{opacity:.5;margin:0 6px}.cat-hero{background:hsl(var(--h) 90% 91%);border:2px solid var(--ink);box-shadow:var(--pop);border-radius:30px;align-items:center;gap:24px;margin-bottom:28px;padding:28px 32px;display:flex}.cat-hero h1{margin-bottom:4px}.cat-hero p{color:hsl(var(--h) 30% 30%);margin:0;font-size:1.1rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.count{font-weight:800}.seg{background:var(--paper);border:2px solid var(--ink);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:700;transition:background .2s}.seg button:hover{background:#f4e7fe}.seg button.on{background:var(--ink);color:#fff}.recipe-head{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.recipe-head .tag{border:2px solid var(--ink);padding:5px 14px;font-size:.85rem}.lead{color:#4a3e58;font-size:1.15rem}.facts{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.fact{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px;flex-direction:column;gap:2px;padding:10px 16px;display:flex}.fact:first-child{background:hsl(var(--h) 90% 92%)}.fact:nth-child(3){background:#fff4c2}.fact>span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem;font-weight:800}.fact b{font-size:1.02rem}.recipe-visual .dish{transform:rotate(-2deg)}.recipe-body{grid-template-columns:360px 1fr;align-items:start;gap:44px;margin-top:64px;display:grid}.ingredients{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--pop-lg);border-radius:28px;padding:26px;position:sticky;top:160px}.servings{background:hsl(var(--h) 90% 93%);border:2px solid var(--ink);border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px;display:flex}.servings button{border:2px solid var(--ink);background:var(--paper);cursor:pointer;width:38px;height:38px;transition:transform .25s var(--bounce), background .2s;border-radius:50%;font-size:1.25rem;font-weight:800}.servings button:hover{background:var(--lemon);transform:scale(1.12)}.servings button:active{transform:scale(.9)}.servings b{font-size:1.15rem}.ingredients ul{margin:0;padding:0;list-style:none}.ingredients li+li{border-top:2px dashed #eadff5}.ingredients label{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 2px;display:flex}.ingredients input{opacity:0;pointer-events:none;position:absolute}.box{border:2px solid var(--ink);width:22px;height:22px;transition:background .2s, transform .3s var(--bounce);border-radius:7px;flex:none;place-items:center;margin-top:2px;display:grid}.got .box{background:var(--leaf);transform:rotate(-8deg)scale(1.08)}.got .box:after{content:"✓";color:#fff;font-size:.8rem;font-weight:900}.got>span:last-child{opacity:.5;text-decoration:line-through}.ingredients input:focus-visible+.box{outline:3px solid var(--pink);outline-offset:2px}.ingredients b{color:var(--berry)}.steps-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.progress-label{color:var(--berry);font-weight:800}.progress{background:var(--paper);border:2px solid var(--ink);border-radius:999px;height:14px;margin:6px 0 20px;overflow:hidden}.progress span{background:repeating-linear-gradient(-45deg, var(--pink) 0 10px, #ff7ba0 10px 20px);height:100%;transition:width .5s var(--bounce);display:block}.steps ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li button{text-align:left;background:var(--paper);border:2px solid var(--ink);cursor:pointer;width:100%;transition:transform .25s var(--bounce), box-shadow .2s, background .2s;border-radius:20px;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.steps li button:hover{box-shadow:var(--pop);transform:translate(-2px,-2px)}.steps li p{margin:3px 0 0}.steps li.done button{background:#ecfbf1}.steps li.done p{text-decoration:line-through;-webkit-text-decoration-color:var(--leaf);text-decoration-color:var(--leaf);opacity:.55}.num{background:var(--lemon);border:2px solid var(--ink);width:38px;height:38px;transition:transform .3s var(--bounce), background .2s;border-radius:14px;flex:none;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800;display:grid;transform:rotate(-5deg)}.done .num{background:var(--leaf);color:#fff;transform:rotate(0)scale(1.08)}.hint{color:var(--muted);margin:14px 4px 28px;font-size:.9rem}.celebrate{background:var(--mint);border:2px solid var(--ink);box-shadow:var(--pop);animation:pop .6s var(--bounce);border-radius:22px;align-items:center;gap:16px;margin:18px 0 28px;padding:16px 20px;display:flex}.celebrate strong{font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem}.celebrate p{margin:0}.party{font-size:2.4rem;animation:1s ease-in-out infinite wiggle}@keyframes pop{0%{opacity:0;transform:scale(.7)}}@keyframes wiggle{50%{transform:rotate(14deg)scale(1.1)}}.tip{border:2px solid var(--ink);box-shadow:var(--pop);background:#fff4c2;border-radius:6px 22px 22px;padding:18px 22px;transform:rotate(-.8deg)}.tip strong{font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem}.tip p{margin:6px 0 0}.lost{font-size:4.5rem;animation:1.4s ease-in-out infinite wiggle;display:inline-block}.site-footer{color:#e2d6f2;margin-top:96px}.wave{width:100%;height:50px;fill:var(--berry-ink);display:block}.footer-inner{background:var(--berry-ink);margin-top:-1px;padding:32px 0 24px}.site-footer .logo{color:#fff}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}.footer-grid p{max-width:38ch}.footer-grid h4{color:var(--lemon);margin-bottom:10px;font-size:1.05rem}.footer-grid a:not(.logo){color:#e2d6f2;padding:3px 0;text-decoration:none;transition:color .2s,transform .2s;display:block}.footer-grid a:not(.logo):hover{color:#fff;transform:translate(4px)}.copy{opacity:.7;border-top:1px solid #ffffff1f;margin-top:32px;padding-top:20px;font-size:.85rem}@media (width<=900px){.header-row{grid-template-columns:auto 1fr auto}.dropdown{width:min(560px,100vw - 48px)}.hero-grid,.recipe-head{grid-template-columns:1fr;gap:40px}.hero-visual,.recipe-visual{max-width:560px}.recipe-body{grid-template-columns:1fr;margin-top:48px}.ingredients{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=640px){.wrap{padding-left:16px;padding-right:16px}.section{padding-top:40px}.header-row{grid-template-columns:1fr auto;gap:12px;height:auto;padding-top:12px;padding-bottom:12px}.logo{font-size:1.4rem}.search{order:3;grid-column:1/-1;min-width:0}.menu-label{display:none}.menu-btn{padding:10px 12px}.menu{position:static}.header-row{position:relative}.dropdown{grid-template-columns:1fr;width:auto;max-height:calc(100vh - 90px);top:64px;left:16px;right:16px;overflow-y:auto}.dropdown:before{right:24px}.hero{padding:36px 0 56px}.f1{left:-6px}.f2{right:-6px}.cat-tiles{grid-template-columns:1fr 1fr;gap:14px}.cat-tile{padding:16px}.cat-tile strong{font-size:1.1rem}.cat-hero{flex-direction:column;align-items:flex-start;padding:22px}.banner{padding:24px}.ingredients{padding:20px}.seg{width:100%}.seg button{flex:1;padding:7px 6px;font-size:.8rem}.card .dish{aspect-ratio:16/9}.grid{gap:20px}}.muted{color:var(--muted)}.small{font-size:.85rem}.loader{gap:10px;margin:40px 0 16px;display:inline-flex}.loader span{border:2px solid var(--ink);background:var(--berry);width:18px;height:18px;animation:hop .9s var(--bounce) infinite;border-radius:50%}.loader span:nth-child(2){background:var(--pink);animation-delay:.12s}.loader span:nth-child(3){background:var(--lemon);animation-delay:.24s}@keyframes hop{40%{transform:translateY(-16px)}}.admin-card{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--pop);border-radius:26px;padding:26px}.admin-card h2{font-size:1.35rem}.login{max-width:440px;margin:0 auto}.btn.full{justify-content:center;width:100%;margin-top:8px}.btn[disabled]{opacity:.6;pointer-events:none}button.btn{cursor:pointer;font-size:1rem}.field{flex-direction:column;flex:1;gap:6px;min-width:0;margin-bottom:16px;display:flex}.field>span{font-size:.9rem;font-weight:700}.field input,.field textarea,.field select,.ing-row input,.ing-row select,.step-row textarea,.prefix{border:2px solid var(--ink);background:var(--cream);border-radius:14px;outline:none;width:100%;padding:10px 14px;transition:box-shadow .2s,background .2s}.field input:focus,.field textarea:focus,.field select:focus,.ing-row input:focus,.ing-row select:focus,.step-row textarea:focus,.prefix:focus-within{box-shadow:3px 3px 0 var(--pink);background:#fff}textarea{resize:vertical;font:inherit}.prefix{align-items:center;padding:0 0 0 14px;display:flex}.prefix em{color:var(--muted);white-space:nowrap;font-size:.9rem;font-style:normal}.prefix input{background:0 0;border:0;padding-left:2px;box-shadow:none!important}.field-row{flex-wrap:wrap;gap:14px;display:flex}.field-row .field{min-width:140px}.check{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--berry)}.form-error{border:2px solid var(--pink);color:#9b1238;background:#ffe1e8;border-radius:14px;margin:0 0 12px;padding:10px 14px;font-weight:600}.flash{background:var(--mint);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);animation:pop .5s var(--bounce);border-radius:16px;padding:12px 16px;font-weight:700}.admin-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.admin-top h1{margin-bottom:6px}.admin-top p{margin:0}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-list{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.admin-list li{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:20px;align-items:center;gap:16px;padding:10px 14px 10px 10px;display:flex}.thumb{border:2px solid var(--ink);border-radius:12px;flex:none;width:92px;overflow:hidden}.thumb .dish{border-radius:0}.info{flex-direction:column;flex:1;min-width:0;display:flex}.info b{font-size:1.05rem}.info .muted{font-size:.88rem}.badge{background:var(--lemon);border:1.5px solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;margin-left:8px;padding:0 8px;font-size:.75rem;font-weight:800}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ask{color:#9b1238;font-weight:800}.mini{background:var(--paper);border:2px solid var(--ink);cursor:pointer;transition:transform .2s var(--bounce), background .2s;border-radius:999px;align-items:center;padding:6px 14px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.mini:hover{background:var(--lemon);transform:translateY(-2px)}.mini.danger{color:#b0123e}.mini.danger:hover{background:#ffe1e8}.editor{gap:24px;margin-top:24px;display:grid}.photo{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.photo-preview{border:2px solid var(--ink);border-radius:18px;width:260px;max-width:100%;overflow:hidden}.photo-preview .dish{border-radius:0}.photo-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.file{cursor:pointer;position:relative}.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.ing-rows,.step-rows{gap:10px;margin-bottom:14px;display:grid}.ing-row{grid-template-columns:110px 96px 1fr 40px;align-items:center;gap:8px;display:grid}.icon-btn{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:12px;width:38px;height:38px;font-weight:800;transition:background .2s}.icon-btn:hover:not([disabled]){background:#ffe1e8}.icon-btn[disabled]{opacity:.3;cursor:default}.step-row{grid-template-columns:auto 1fr auto;align-items:start;gap:10px;display:grid}.step-tools{gap:4px;display:flex}.save-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--ink);box-shadow:var(--pop);z-index:5;background:#fff8efe6;border-radius:22px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:12px;display:flex;position:sticky;bottom:16px}.save-bar .form-error{flex:100%;margin:0}@media (width<=640px){.admin-list li{flex-wrap:wrap}.thumb{width:72px}.row-actions{justify-content:flex-start;width:100%}.ing-row{grid-template-columns:1fr 84px 40px}.ing-row input:nth-child(3){grid-area:2/1/auto/3}.ing-row .icon-btn{grid-area:1/3/3;align-self:center}.step-row{grid-template-columns:auto 1fr}.step-tools{grid-column:2}.admin-card{padding:18px}}.header-tools{justify-self:end;align-items:center;gap:10px;display:flex}.header-tools .menu{justify-self:auto}.lang-toggle{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:3px;display:inline-flex}.lang-toggle button{letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800;transition:background .2s,color .2s}.lang-toggle button:hover:not(.on){background:#f3ecff}.lang-toggle button.on{background:var(--berry);color:#fff}.untranslated{border:2px dashed var(--ink);background:#fff4c2;border-radius:14px;margin:0 0 4px;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-block}.en-card{background:#f7f3ff}.en-card h3{margin:18px 0 10px;font-size:1.05rem}.en-rows{gap:8px;display:grid}.en-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:10px;display:grid}.en-row .sq{color:var(--muted);font-size:.92rem;font-weight:600}.en-row input,.en-step textarea{border:2px solid var(--ink);background:#fff;border-radius:14px;outline:none;width:100%;padding:9px 13px}.en-row input:focus,.en-step textarea:focus{box-shadow:3px 3px 0 var(--pink)}.en-step{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}@media (width<=640px){.lang-toggle button{padding:6px 8px}.en-row{grid-template-columns:1fr;gap:4px}}.tool-btn{border:2px solid var(--ink);background:var(--paper);width:42px;height:42px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .2s var(--bounce), background .2s;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tool-btn:hover{background:var(--lemon);transform:translate(-1px,-2px)}.badge-count{background:var(--pink);color:#fff;border:2px solid var(--ink);min-width:20px;height:20px;animation:pop .4s var(--bounce);border-radius:999px;place-items:center;padding:0 5px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.dot-on{background:var(--leaf);border:2px solid var(--paper);border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.title-row{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.title-row h1{flex:280px}.fav-btn{border:2px solid var(--ink);background:var(--paper);color:var(--pink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .25s var(--bounce), background .2s;border-radius:999px;align-items:center;gap:7px;margin-top:.4em;padding:8px 16px;font-weight:800;display:inline-flex}.fav-btn span{color:var(--ink)}.fav-btn:hover{transform:translate(-1px,-2px)rotate(-2deg)}.fav-btn.on{background:#ffe1e8}.fav-btn.on svg{animation:pop .45s var(--bounce)}.ingredients li{align-items:center;gap:8px;display:flex}.ingredients li label{flex:1;min-width:0}.basket-btn{border:2px solid var(--ink);background:var(--paper);width:34px;height:34px;color:var(--berry);cursor:pointer;transition:transform .25s var(--bounce), background .2s, color .2s;border-radius:11px;flex:none;place-items:center;font-weight:900;display:grid}.basket-btn:hover{background:var(--lemon);transform:rotate(-8deg)scale(1.08)}.basket-btn.on{background:var(--leaf);color:#fff}.add-all{justify-content:center;width:100%;margin-top:14px;padding:10px 14px}.add-all.on,.add-all[disabled]{color:#2f7d33;cursor:default;background:#ecfbf1;transform:none}.see-list{text-align:center;color:var(--berry);margin-top:10px;font-weight:800;display:block}.auth-tabs{width:100%;margin-bottom:18px}.auth-tabs button{flex:1}.auth h1{font-size:clamp(1.8rem,4vw,2.4rem)}.auth-links{text-align:center;margin:14px 0 0}.linkish{color:var(--berry);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.linkish.small{font-family:inherit;font-size:.9rem}.danger-text{color:#b0123e}.field small{margin-top:2px}.profile-head{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--pop);border-radius:30px;flex-wrap:wrap;align-items:center;gap:22px;padding:26px 28px;display:flex}.profile-id{flex:260px;min-width:0}.profile-id h1{margin-bottom:6px;font-size:clamp(1.7rem,4vw,2.5rem)}.profile-id p{overflow-wrap:anywhere;margin:2px 0}.avatar{background:var(--lemon);border:2px solid var(--ink);width:76px;height:76px;box-shadow:3px 3px 0 var(--ink);border-radius:26px;flex:none;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:2.2rem;font-weight:800;display:grid;transform:rotate(-5deg)}.avatar.sm{width:42px;height:42px;box-shadow:2px 2px 0 var(--ink);border-radius:14px;font-size:1.2rem}.name-edit{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.name-edit input{border:2px solid var(--ink);border-radius:14px;flex:180px;padding:9px 13px;font-size:1.1rem;font-weight:700}.empty-note{background:var(--paper);border:2px dashed var(--ink);color:var(--muted);border-radius:18px;padding:18px 20px;font-weight:600}.notebook{border:2px solid var(--ink);box-shadow:var(--pop-lg);background-color:#fffdf6;background-image:linear-gradient(90deg,#0000 38px,#ffb3c7 38px 40px,#0000 40px),repeating-linear-gradient(#0000 0 38px,#e8e0f5 38px 40px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:10px 28px 28px 10px;padding:28px 28px 24px 54px;position:relative}.notebook:before{content:"";background:radial-gradient(circle, var(--cream) 4px, var(--ink) 4.5px, var(--ink) 6px, transparent 6.5px) 0 0 / 12px 34px repeat-y;width:12px;position:absolute;top:24px;bottom:24px;left:12px}.notebook-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notebook-head h1{margin-bottom:4px}.guest-note{border:2px solid var(--ink);background:#fff4c2;border-radius:14px;padding:10px 14px;font-size:.92rem;font-weight:600}.guest-note a{color:var(--berry);font-weight:800}.shop-list{margin:18px 0 0;padding:0;list-style:none}.shop-list li{align-items:center;gap:10px;padding:6px 0;display:flex}.shop-list label{cursor:pointer;flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.shop-list input{opacity:0;pointer-events:none;position:absolute}.shop-list .box{border:2px solid var(--ink);width:24px;height:24px;transition:background .2s, transform .3s var(--bounce);background:#fff;border-radius:7px;flex:none;place-items:center;margin-top:1px;display:grid}.shop-list .got .box{background:var(--leaf);transform:rotate(-8deg)}.shop-list .got .box:after{content:"✓";color:#fff;font-size:.8rem;font-weight:900}.shop-list input:focus-visible+.box{outline:3px solid var(--pink);outline-offset:2px}.item-text{overflow-wrap:anywhere;font-size:1.05rem}.item-text b{color:var(--berry)}.item-text small{color:var(--muted);font-size:.8rem;display:block}.shop-list .got .item-text{opacity:.5;text-decoration:line-through}.done-list{border-top:2px dashed #d9cdea;padding-top:6px}.shop-list .icon-btn{opacity:.55;width:32px;height:32px}.shop-list li:hover .icon-btn{opacity:1}.list-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;display:flex}.community{border-top:3px dashed var(--line);margin-top:56px}.photo-strip{scrollbar-width:thin;gap:10px;margin:12px 0 8px;padding:4px 4px 12px;display:flex;overflow-x:auto}.strip-photo{border:2px solid var(--ink);cursor:zoom-in;width:110px;height:110px;box-shadow:3px 3px 0 var(--ink);background:var(--paper);transition:transform .25s var(--bounce);border-radius:18px;flex:none;padding:0;overflow:hidden}.strip-photo:nth-child(odd){transform:rotate(-2deg)}.strip-photo:nth-child(2n){transform:rotate(2deg)}.strip-photo:hover{transform:rotate(0)scale(1.05)}.strip-photo img,.comment-photo img{object-fit:cover;width:100%;height:100%}.comment-form,.comment-login{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--pop);border-radius:24px;margin:16px 0 24px;padding:18px}.comment-form textarea{border:2px solid var(--ink);background:var(--cream);border-radius:16px;outline:none;width:100%;padding:12px 14px}.comment-form textarea:focus{box-shadow:3px 3px 0 var(--pink);background:#fff}.comment-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.comment-preview{align-items:center;gap:12px;margin-top:12px;display:flex}.comment-preview img{object-fit:cover;border:2px solid var(--ink);border-radius:14px;width:96px;height:96px}.comment-login{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.comment-login p{margin:0;font-weight:600}.comments{gap:14px;margin:0;padding:0;list-style:none;display:grid}.comment{align-items:flex-start;gap:14px;display:flex}.comment-body{background:var(--paper);border:2px solid var(--ink);border-radius:6px 22px 22px;flex:1;min-width:0;padding:12px 16px}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.comment-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.comment-photo{aspect-ratio:4/3;border:2px solid var(--ink);cursor:zoom-in;background:var(--cream);border-radius:16px;width:min(320px,100%);margin-top:10px;padding:0;display:block;overflow:hidden}.row-actions.start{justify-content:flex-start;margin-top:8px}.small-loader{margin:20px 0}.small-loader span{width:12px;height:12px}.lightbox{z-index:50;background:#241337d1;place-items:center;padding:20px;animation:.25s pageIn;display:grid;position:fixed;inset:0}.lightbox figure{background:var(--paper);border:2px solid var(--ink);border-radius:22px;max-width:min(900px,100%);margin:0;position:relative;overflow:hidden}.lightbox img{object-fit:contain;background:#000;width:100%;max-height:76vh}.lightbox figcaption{padding:12px 16px}.lightbox .close{position:absolute;top:10px;right:10px}@media (width<=640px){.hide-sm{display:none}.notebook{background-image:linear-gradient(90deg,#0000 32px,#ffb3c7 32px 34px,#0000 34px),repeating-linear-gradient(#0000 0 38px,#e8e0f5 38px 40px);padding:22px 16px 18px 46px}.notebook:before{left:8px}.profile-head{padding:20px}.avatar{width:60px;height:60px;font-size:1.7rem}.comment{gap:10px}.header-row{column-gap:8px}.header-tools{gap:6px}.tool-btn{width:38px;height:38px}.lang-toggle button{padding:6px 7px;font-size:.78rem}}@media (width<=380px){.logo{font-size:1.2rem}.logo-mark{width:30px;height:30px}}