@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/schibsted-grotesk-latin-ext-400-normal-DHVTfbSM.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-ext-400-normal-DUPvg9bQ.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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/schibsted-grotesk-latin-400-normal-DPhJBilQ.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-400-normal-BkiRe4WW.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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/schibsted-grotesk-latin-ext-600-normal-C5pQPdUJ.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-ext-600-normal-DQsnXf5q.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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/schibsted-grotesk-latin-600-normal-Czv9Obfv.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-600-normal-BieE9YjJ.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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/schibsted-grotesk-latin-ext-700-normal-o210KhU4.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-ext-700-normal-DDW2aNyx.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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/schibsted-grotesk-latin-700-normal-BkH0uJ1o.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-700-normal-Dz-okVa0.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--text-body:18px;--text-small:16px;--text-meta:15px;--text-h3:22px;--text-h2:24px;--text-h1:clamp(32px, 5vw, 52px);--text-cooking:clamp(32px, 4vw, 48px);--leading-body:1.5;--leading-tight:1.1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-14:56px;--radius-field:14px;--radius-card:20px;--radius-panel:24px;--radius-photo:28px;--radius-pill:999px;--tap:48px;--tap-primary:60px;--tap-cooking:80px;--page-max:1200px;--gutter:20px;--bg:oklch(98.5% .004 110);--surface:oklch(100% 0 0);--sunk:oklch(95.5% .008 120);--ink:oklch(23% .02 145);--muted:oklch(45% .015 145);--line:oklch(89% .01 130);--accent:oklch(47% .1 155);--on-accent:oklch(99% .005 150);--accent-soft:oklch(94% .035 155);--warn:oklch(47% .1 55);--warn-soft:oklch(95% .035 70);--scrim:oklch(20% .02 150/.45)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:oklch(18% .01 150);--surface:oklch(22% .012 150);--sunk:oklch(26% .012 150);--ink:oklch(95% .005 120);--muted:oklch(76% .01 140);--line:oklch(33% .012 150);--accent:oklch(78% .1 155);--on-accent:oklch(17% .02 155);--accent-soft:oklch(30% .04 155);--warn:oklch(80% .1 65);--warn-soft:oklch(30% .04 65);--scrim:oklch(5% .01 150/.6)}}:root[data-theme=dark]{--bg:oklch(18% .01 150);--surface:oklch(22% .012 150);--sunk:oklch(26% .012 150);--ink:oklch(95% .005 120);--muted:oklch(76% .01 140);--line:oklch(33% .012 150);--accent:oklch(78% .1 155);--on-accent:oklch(17% .02 155);--accent-soft:oklch(30% .04 155);--warn:oklch(80% .1 65);--warn-soft:oklch(30% .04 65);--scrim:oklch(5% .01 150/.6)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 var(--text-body) / var(--leading-body) var(--font-sans);margin:0}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a{color:var(--accent)}img{max-width:100%;display:block}p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.ink{color:var(--ink)}.small{font-size:var(--text-small)}.error{color:var(--warn);font-weight:600}.stack{gap:var(--space-3);flex-direction:column;display:flex}.narrow{max-width:28rem}.centered{min-height:100dvh;padding:var(--space-6) var(--gutter);place-items:center;display:grid}.h1{font-size:var(--text-h1);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-tight);margin:0}.h2{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1.15}.label{font-weight:600}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:14px;height:14px}.primary{min-height:var(--tap-primary);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);justify-content:center;align-items:center;gap:var(--space-2);border:none;padding:0 28px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.ghost{border:2px solid var(--line);border-radius:var(--radius-pill);background:0 0;min-height:56px;padding:0 24px;font-size:18px;font-weight:600}.link{min-height:var(--tap);color:var(--accent);text-align:left;background:0 0;border:none;padding:0;font-size:17px;font-weight:600}.link.big{font-size:18px}.back{min-height:var(--tap);align-self:flex-start;align-items:center;gap:var(--space-1);background:0 0;border:none;padding:0 4px 0 0;font-size:18px;font-weight:600;display:inline-flex}.field-label{gap:var(--space-2);flex-direction:column;font-weight:600;display:flex}.field{width:100%;min-height:var(--tap-primary);border:2px solid var(--line);border-radius:var(--radius-field);background:var(--surface);padding:0 16px;font-size:20px;font-weight:400}.field:focus{border-color:var(--accent);outline:none}.field.code{letter-spacing:.3em;text-align:center;font-size:28px;font-weight:700}.field-wrap{position:relative}.field-wrap .field{padding-right:84px}.field-action{min-height:var(--tap);color:var(--accent);background:0 0;border:none;padding:0 12px;font-size:17px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.signin{min-height:100dvh;padding:0 var(--gutter);justify-content:center;display:flex}.signin-form{width:100%;max-width:28rem;min-height:100dvh;padding:64px 0 max(32px, env(safe-area-inset-bottom));gap:var(--space-6);flex-direction:column;display:flex}.signin-form .bottom{width:100%;margin-top:auto}@media (width>=640px){.signin-form{min-height:0;padding-top:15vh}.signin-form .bottom{margin-top:var(--space-4)}}.topbar{border-bottom:1px solid var(--line)}.topbar-inner{max-width:var(--page-max);padding:14px var(--gutter);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.topbar .brand{margin-right:auto}.search{border:2px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:var(--space-2);min-width:0;min-height:52px;color:var(--muted);flex:0 360px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:17px}.avatar{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border:none;border-radius:50%;flex:none;font-size:20px;font-weight:700}.add-top{min-height:52px;font-size:18px}.add-bottom{display:none}@media (width<=719px){.brand-name,.add-top{display:none}.topbar .brand{margin-right:0}.search{flex:1}.add-bottom{left:var(--gutter);right:var(--gutter);bottom:max(16px, env(safe-area-inset-bottom));display:flex;position:fixed}.page{padding-bottom:120px}}.page{max-width:var(--page-max);padding:var(--space-8) var(--gutter) 72px;gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.chips{gap:var(--space-2);margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}@media (width>=720px){.chips{flex-wrap:wrap;margin:0;padding:0}}.chip{border-radius:var(--radius-pill);background:var(--sunk);border:none;flex:none;min-height:44px;padding:0 18px;font-size:16px;font-weight:600}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.empty{padding:var(--space-10) 0}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:36px 24px;margin:0;padding:0;list-style:none;display:grid}.card{gap:var(--space-1);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.card-photo{margin-bottom:var(--space-2);display:block;position:relative}.card-photo img,.stripes{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card);width:100%;display:block}.stripes{background:repeating-linear-gradient(135deg, var(--sunk) 0 10px, var(--bg) 10px 20px)}.card-title{font-size:21px;font-weight:700;line-height:1.2}.card:hover .card-title{text-decoration:underline}.badge{background:var(--surface);border-radius:16px;align-items:center;min-height:32px;padding:0 12px;font-size:14px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.badge-public{color:var(--accent)}.badge-shared,.badge-household{color:var(--muted)}.sheet{border-radius:var(--radius-photo) var(--radius-photo) 0 0;background:var(--surface);width:100%;max-width:32rem;max-height:90dvh;color:var(--ink);border:none;margin:auto auto 0;padding:0}@media (width>=640px){.sheet{border-radius:var(--radius-photo);margin:auto}}.sheet::backdrop{background:var(--scrim)}.sheet-body{padding:var(--space-6) var(--space-6) max(32px, env(safe-area-inset-bottom));gap:var(--space-6);flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.close{width:var(--tap);height:var(--tap);background:var(--sunk);border:none;border-radius:50%;font-size:24px;line-height:1}.panel{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg)}.segmented{gap:var(--space-1);min-width:0;padding:var(--space-1);background:var(--sunk);border:none;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.segmented button{min-height:var(--tap);background:0 0;border:none;border-radius:12px;font-size:16px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.toast-slot{left:var(--space-4);right:var(--space-4);bottom:max(24px, env(safe-area-inset-bottom));pointer-events:none;z-index:10;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;width:100%;max-width:28rem;padding:var(--space-4) 18px;border-radius:var(--radius-card);background:var(--ink);color:var(--bg);align-items:center;gap:var(--space-3);text-align:left;border:none;font-size:18px;font-weight:600;line-height:1.35;display:flex}.toast-dot{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.toast-error .toast-dot{background:var(--warn)}.stack.tight{gap:var(--space-1)}.row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.row.between{justify-content:space-between}.plain{border:none;min-width:0;margin:0;padding:0}.h3{font-size:var(--text-h3);margin:0;font-weight:700}.pre{white-space:pre-wrap}.link.danger{color:var(--warn)}.primary.danger-fill{background:var(--warn)}.primary.big,.ghost.big{min-height:var(--tap-cooking);font-size:22px}.bottom-bar{z-index:1;padding:var(--space-3) var(--gutter) max(16px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);display:grid;position:sticky;bottom:0}.bottom-bar.two{gap:var(--space-3);grid-template-columns:auto 1fr}@media (width>=720px){.bottom-bar{grid-auto-flow:column;justify-content:end}.bottom-bar.two{grid-template-columns:auto auto}}.recipe-hero{max-width:var(--page-max);aspect-ratio:4/3;background:var(--sunk);max-height:60vh;margin:0 auto;display:grid;position:relative;overflow:hidden}.recipe-hero>img,.recipe-hero>.stripes{aspect-ratio:auto;object-fit:cover;border-radius:0;width:100%;height:100%}@media (width>=720px){.recipe-hero{margin-top:var(--space-6);border-radius:var(--radius-photo);aspect-ratio:3/2;max-height:70vh}}.hero-btn{top:max(16px, env(safe-area-inset-top));min-width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;box-shadow:0 4px 16px -6px oklch(20% .02 150/.35)}.hero-back{left:var(--gutter);padding:0}.hero-edit{right:var(--gutter)}.recipe-body{padding-top:var(--space-6)}.facts{gap:var(--space-8);margin:0;display:flex}.facts dd{margin:0;font-size:20px;font-weight:700}.recipe-cols{gap:var(--space-8);display:grid}@media (width>=900px){.recipe-cols{grid-template-columns:minmax(280px,1fr) 2fr;align-items:start}}.ingredients,.steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ing-heading{margin-top:var(--space-4);color:var(--muted);font-weight:700}.ing{border:none;border-bottom:1px solid var(--line);align-items:center;gap:var(--space-3);text-align:left;background:0 0;width:100%;min-height:52px;padding:8px 0;font-size:19px;display:flex}.tick{border:2px solid var(--line);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.ing[aria-pressed=true]{color:var(--muted)}.ing[aria-pressed=true]>span:last-child{text-decoration:line-through}.ing[aria-pressed=true] .tick{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.steps{gap:var(--space-5)}.steps li,.step-edit{gap:var(--space-4);align-items:flex-start;font-size:19px;display:flex}.step-n{background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.cooking{flex-direction:column;max-width:56rem;min-height:100dvh;margin:0 auto;display:flex}.cooking-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:max(20px, env(safe-area-inset-top)) var(--gutter) var(--space-3);display:flex}.progress{padding:0 var(--gutter);gap:6px;display:flex}.progress span{background:var(--sunk);border-radius:3px;flex:1;height:6px}.progress .on{background:var(--accent)}.cooking-body{padding:var(--space-8) var(--gutter);gap:var(--space-8);flex-direction:column;flex:1;display:flex}.cooking-step{font-size:var(--text-cooking);font-weight:600;line-height:1.3}.cooking-body .panel{font-size:20px}.cooking-foot{gap:var(--space-3);padding:var(--space-3) var(--gutter) max(20px, env(safe-area-inset-bottom));grid-template-columns:1fr 2fr;display:grid}.form-page{flex-direction:column;min-height:100dvh;display:flex}.form-top{justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(12px, env(safe-area-inset-top)) var(--gutter) 0;max-width:var(--page-max);width:100%;min-height:64px;margin:0 auto;display:flex}.form-top .close{color:var(--ink);place-items:center;text-decoration:none;display:grid}.form-body{width:100%;max-width:44rem;padding-top:var(--space-4);flex:1}.field.area{resize:vertical;padding:12px 16px;font-size:19px;line-height:1.45}.step-edit .field{flex:1}.three{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-photos{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.page-photos img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-field);border:1px solid var(--line);width:100%}.thumb{position:relative}.thumb-x{background:var(--surface);border:none;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:6px;right:6px}.dish-photo{aspect-ratio:4/3;border-radius:var(--radius-card);width:100%;max-width:24rem;display:grid;overflow:hidden}.dish-photo>*{aspect-ratio:auto;object-fit:cover;border-radius:0;width:100%;height:100%}.chips.wrap{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.choices{gap:var(--space-3);flex-direction:column;display:flex}.choice{min-height:76px;padding:var(--space-4) var(--space-5);border:2px solid var(--line);border-radius:var(--radius-card);background:var(--surface);justify-content:space-between;align-items:center;gap:var(--space-4);text-align:left;display:flex}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.choice-label{font-size:20px;font-weight:700}.radio{border:2px solid var(--line);border-radius:50%;flex:none;width:26px;height:26px}.choice[aria-pressed=true] .radio{border:8px solid var(--accent)}.reading{text-align:center;align-items:center}.spinner{border:5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.public-link{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-field);background:var(--sunk);flex-direction:column;display:flex}.public-link a{overflow-wrap:anywhere;font-weight:600}.people{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.people li{min-height:var(--tap);align-items:center;gap:var(--space-3);display:flex}.initial{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.people-shared{padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-small)}.people-title{font-size:inherit;margin:0}