@font-face{font-family:Lobster;src:url('/assets/lobstertworegular.ttf')}
@font-face{font-family:Nunito;src:url('/assets/Nunito-Black.ttf')}
@font-face{font-family:Rezept;src:url('/assets/tahoma.ttf')}
*{box-sizing:border-box}
body{margin:0;background:#d66d7a;color:#30291f;font:16px/1.5 system-ui,sans-serif}
main{max-width:780px;margin:auto;padding:20px}
nav{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
button,input,select,textarea{font:inherit;color:inherit;border:1px solid #b29a8c;border-radius:6px;background:#fffdf7;padding:9px}
button{cursor:pointer}button:disabled{opacity:.4;cursor:default}
button:hover:not(:disabled){background:#f5e2df}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #743c53;outline-offset:2px}
nav select{flex:1;min-width:100px}
#message{margin:6px 0;min-height:24px}
article{position:relative;isolation:isolate;min-height:950px;background:#fffaf1;padding:28px 24px;display:flex;flex-direction:column;box-shadow:0 5px 20px #542d2730}
article::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/papier.png') center/100% 100%;opacity:.48}
h1{font:normal clamp(28px,5vw,52px)/1.15 Lobster,cursive;color:#a94553;margin:0 11% 20px;text-align:center}
h2{font:24px/1.2 Nunito,sans-serif;color:#a94553}
.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.columns h2{text-align:center}.ingredients{list-style:none;padding:0}
.ingredients li{display:flex;gap:6px;align-items:baseline;margin:5px 0}
.ingredients input{accent-color:#a94553}
.ingredients label{cursor:pointer}.group{font-weight:bold}
.steps{padding-left:23px}.steps li{margin-bottom:12px;white-space:pre-wrap}
.ingredients,.steps{font-family:Rezept,Tahoma,sans-serif}
.author{position:absolute;right:14px;top:14px;width:62px;text-align:center;font-size:11px;overflow-wrap:anywhere}
.author img{width:42px;display:block;margin:auto}
footer{position:relative;margin-top:auto;padding-top:45px;min-height:110px}
.devices{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 85px}
.device{text-align:center;font-size:12px}.device img{width:52px;height:55px;object-fit:contain;display:block;margin:auto}
.gang{position:absolute;right:18px;bottom:20px;width:65px}.page{position:absolute;right:0;bottom:0;font-family:Nunito}
.mirrored .author{right:auto;left:14px}.mirrored .gang{right:auto;left:18px}.mirrored .page{right:auto;left:0}
.recipeActions{display:flex;gap:8px;margin:15px 0}
dialog{border:0;border-radius:12px;background:#fffaf1;max-width:850px;width:calc(100% - 24px);max-height:90vh;padding:25px;box-shadow:0 20px 90px #30201c66}
dialog::backdrop{background:#24171a77}
.close{float:right;font-size:22px}
form{display:grid;gap:12px}label{display:block}label>input:not([type=checkbox]),label>select,label>textarea{display:block;width:100%;margin-top:4px}
textarea{width:100%;min-height:80px}
.row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.row input{min-width:0;flex:1;width:90px}.row .wide{flex:3}
fieldset{border:1px solid #d5bdb2;border-radius:8px;margin:10px 0}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.item{border-bottom:1px solid #dfccc2;padding:12px 0}
.item h3{margin:0}.muted{color:#685b53;font-size:14px}
#error{color:#a32135}#printBook{display:none}
@media(max-width:550px){main{padding:10px}article{min-height:800px;padding:22px 15px}.columns{grid-template-columns:1fr;gap:5px}.author{width:42px;font-size:9px}.author img{width:30px}h2{font-size:21px}.devices{margin:0 55px}.gang{width:45px;right:5px}.mirrored .gang{left:5px}}
@media print{
body{background:white;color:black}main,dialog{display:none!important}#printBook{display:block}
#printBook article{box-shadow:none;min-height:240mm;break-before:page;break-after:page;padding:10mm;display:flex}
#printBook article:first-child{break-before:auto}
#printBook h1{font-size:32pt}#printBook h2{font-size:18pt}
#printBook .columns{grid-template-columns:1fr 1fr;gap:8mm;font-size:11pt}
#printBook input,#printBook .recipeActions{display:none}
#printBook footer{padding-top:10mm}
#printBook .plain::before{display:none}
#printBook .plain h1,#printBook .plain h2{color:black;font-family:Rezept}
#printBook .plain .author img,#printBook .plain .gang{display:none}
#printBook .contents{display:block;min-height:0}
#printBook .tocline{display:flex;justify-content:space-between;border-bottom:1px dotted #888;margin:10px 0}
#printBook li{break-inside:avoid}
}
.author img,.device img,img.gang{filter:brightness(0) saturate(100%) invert(45%) sepia(24%) saturate(1385%) hue-rotate(301deg) brightness(91%) contrast(88%)}
.printPreview{overflow:auto;max-height:62vh;background:#e4d7ce;margin-top:15px;padding:12px}
.printPreview article{margin:0 auto 18px;flex-shrink:0}
.printPreview .contents{display:block}
.printPreview .tocline{display:flex;justify-content:space-between;border-bottom:1px dotted #888;margin:10px 0}
.printPreview .plain::before{display:none}
.printPreview .plain h1,.printPreview .plain h2{color:black;font-family:Rezept}
.duration{display:flex;align-items:center;justify-content:center;gap:4px}.duration img{width:24px;height:24px;margin:0}