@font-face{font-family:'Pausito Recht';font-style:normal;font-weight:400 900;font-display:swap;src:url(/kit/1.1.0/inter-latin.woff2) format('woff2')}
:root{color-scheme:dark;--paper:#000;--ink:#FFF4E0;--muted:#E6CFC4;--line:#3A3446;--green:#FFD23F;--gold:#FFD23F;--card:#000;--field:#000;--blauw:#3FC1FF}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'Pausito Recht',Inter,'Segoe UI',system-ui,sans-serif}a{color:var(--blauw);text-underline-offset:4px}button,.button{font:inherit;font-weight:800;border-radius:0;padding:11px 20px;min-height:52px;border:0;cursor:pointer;color:var(--ink);text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}header{max-width:1080px;margin:auto;padding:22px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 30px 'Pausito Recht',Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.brand span{display:block;font:12px 'Pausito Recht',Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:20px;font-size:15px}main{max-width:980px;margin:0 auto;padding:38px 28px 60px}h1,h2,h3,h4{font-family:'Pausito Recht',Inter,'Segoe UI',system-ui,sans-serif;line-height:1.12;font-weight:800;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(38px,6vw,66px);max-width:800px;margin:18px 0}h2{font-size:31px}h3{font-size:29px;margin:14px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--blauw)}.lead{font-size:22px;max-width:720px;color:var(--muted)}.back{font-size:15px}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.facts span{padding:6px 14px;background:#000;border:3px solid var(--line);font-size:15px}.recipe-card{display:block;max-width:650px;margin:40px 0;padding:30px;border:3px solid var(--gold);color:var(--ink);text-decoration:none;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:linear-gradient(135deg,#0000 13.6px,var(--gold) 14.1px,var(--gold) 17.1px,#0000 17.6px) 0 0/40px 40px no-repeat border-box,linear-gradient(315deg,#0000 13.6px,var(--gold) 14.1px,var(--gold) 17.1px,#0000 17.6px) 100% 100%/40px 40px no-repeat border-box,#000}.recipe-card strong,.card-meta{display:block;margin-top:20px}.card-meta{font-size:15px;color:var(--muted)}.recipe-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;margin-top:35px}.ingredients,.checks ul{padding-left:24px}.ingredients li{padding:7px 0;border-bottom:1px solid var(--line)}.checks{font-size:16px}.checks li{margin-bottom:14px}#koken{margin-top:40px}.cook-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.cook-heading button,#print{--c:var(--line);--cs:#000}.hint{padding:18px;background:#000;font-size:16px;border-left:3px solid var(--gold)}.steps{list-style:none;margin:25px 0;padding:0}.step{background:#000;border:3px solid var(--line);border-radius:0;padding:28px;margin:18px 0}.step p{margin-bottom:0}.controls{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:var(--paper);border-top:1px solid var(--line)}#position{font-size:14px;white-space:nowrap}.after{margin-top:40px}details{margin-top:35px;padding:22px;border:3px solid var(--line)}summary{cursor:pointer;font-weight:600}footer{max-width:980px;margin:auto;padding:24px 28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--ink);color:#000;padding:12px;z-index:5}[hidden]{display:none!important}@media(max-width:650px){body{font-size:17px}header{padding:16px 20px}.brand span{display:none}main{padding:26px 20px 40px}.recipe-grid{display:block}.step{padding:22px}.cook-heading{align-items:flex-start}.cook-heading h2{margin-top:8px}.cook-heading button{font-size:14px;padding:10px}.controls button{padding:12px 14px;font-size:16px}.lead{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{:root{color-scheme:light;--paper:#fff;--ink:#222;--muted:#444;--line:#bbb;--green:#222;--gold:#777;--card:#fff;--blauw:#222}body{background:#fff}button,.button{background:#fff;color:#222;border:1px solid #222}button::before,button::after,.button::before,.button::after{display:none}.recipe-card,.step,.facts span,.hint,details,#note-status{background:#fff;color:#222}body{font-size:12pt;background:white}header,nav,.back,.button,button,.controls,.skip{display:none!important}main{padding:0;max-width:none}.step[hidden]{display:block!important}.step{break-inside:avoid;padding:12px}.recipe-grid{display:block}.checks{font-size:11pt}h1{font-size:28pt}h2{font-size:20pt}h3{font-size:16pt}footer{font-size:10pt}}
.journal{margin-top:50px;border-top:3px solid var(--gold);padding-top:20px}.journal fieldset{border:0;padding:0;margin:0;min-width:0}.journal label{display:block;font-size:16px;font-weight:600;margin:18px 0}.journal input,.journal textarea{display:block;width:100%;max-width:100%;font:400 17px/1.5 'Pausito Recht',Inter,'Segoe UI',system-ui,sans-serif;color:var(--ink);background:#000;border:3px solid var(--line);border-radius:0;padding:12px;margin-top:7px;min-height:48px}.journal h4{margin:32px 0 8px}.journal textarea{resize:vertical}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.secondary{--c:var(--line);--cs:#000}#note-status{padding:14px;background:#000;border-left:4px solid var(--blauw);font-size:16px}#note-list{list-style:none;padding:0}#note-list button{text-align:left;width:100%;--c:var(--blauw);--cs:#0B5E86;margin:6px 0}.note-save{position:sticky;bottom:0;background:var(--paper);padding:14px 0;border-top:1px solid var(--line);z-index:2;display:flex;gap:8px;flex-wrap:wrap}#note-export{margin-top:24px}.step-note{font-size:14px}.journal input:focus-visible,.journal textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}nav{flex-wrap:wrap}header nav{justify-content:flex-end}button{touch-action:manipulation}.pausito-account{max-width:min(560px,94vw)}@media(max-width:650px){.note-grid{grid-template-columns:1fr}header nav{gap:8px 16px;font-size:13px}.controls{flex-wrap:wrap}.controls .step-note{order:4;flex-basis:100%;text-align:center}.journal button{max-width:100%}}@media print{:root{color-scheme:light;--paper:#fff;--ink:#222;--muted:#444;--line:#bbb;--green:#222;--gold:#777;--card:#fff;--blauw:#222}body{background:#fff}button,.button{background:#fff;color:#222;border:1px solid #222}button::before,button::after,.button::before,.button::after{display:none}.recipe-card,.step,.facts span,.hint,details,#note-status{background:#fff;color:#222}.journal{display:none!important}}
#note-save-status{flex-basis:100%;font-size:14px;line-height:1.4;margin:0}.note-save{max-height:40vh;overflow:auto}
.journal .remember-choice{display:flex;align-items:flex-start;gap:12px;font-weight:500}.journal .remember-choice input{display:inline-block;width:24px;height:24px;min-height:24px;flex:0 0 24px;margin:2px 0;accent-color:var(--gold)}

@media screen{button,.button,button::before,button::after,.button::before,.button::after{--k:calc(var(--hk)*.7071);--vl:linear-gradient(135deg,#0000 calc(var(--k) - .6px),var(--vul) var(--k));--vr:linear-gradient(315deg,#0000 calc(var(--k) - .6px),var(--vul) var(--k))}
button,.button{--hk:10px;--z:5px;--bk:3px;--c:var(--gold);--cs:#8A6A00;--vul:var(--cs);position:relative;isolation:isolate;padding-bottom:calc(11px + var(--z));background:var(--vl) left bottom/50.5% calc(100% - var(--z)) no-repeat,var(--vr) right bottom/50.5% calc(100% - var(--z)) no-repeat;transition:transform .08s}
button::before,.button::before{content:'';position:absolute;z-index:-2;left:0;right:0;top:0;bottom:var(--z);--vul:var(--c);background:var(--vl) left top/50.5% 100% no-repeat,var(--vr) right top/50.5% 100% no-repeat}
button::after,.button::after{content:'';position:absolute;z-index:-1;left:var(--bk);right:var(--bk);top:var(--bk);bottom:calc(var(--z) + var(--bk));--vul:#000;--k:calc((var(--hk) - 2px)*.7071);background:var(--vl) left top/50.5% 100% no-repeat,var(--vr) right top/50.5% 100% no-repeat}
button:active:not(:disabled),.button:active{color:#000;transform:translateY(var(--z))}button:active:not(:disabled)::after,.button:active::after{--vul:var(--c)}}
.recipe-card:focus-visible{outline-offset:-8px}.recipe-card:hover h2{color:var(--blauw)}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}button:active:not(:disabled),.button:active{transform:none}}
