:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}body:before{content:"";height:var(--safe-top);-webkit-backdrop-filter:blur(4px)saturate(140%);backdrop-filter:blur(4px)saturate(140%);z-index:200;pointer-events:none;background:rgba(255,255,255,.38);position:fixed;top:0;left:0;right:0}html{height:100%}@media (display-mode:standalone){html{height:100vh}}input,select,textarea{font:inherit;color:inherit;background-color:inherit;text-align:inherit;border-style:none;margin:0}ul{padding:0;list-style-type:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:rgba(155,155,155,.5);border:transparent;border-radius:20px}body{background-color:#9d643c;width:100%;height:100%;margin:0;padding:0;display:flex}#react-target{min-height:100%;display:contents}aside#sidebar{color:#fff;z-index:1;box-sizing:border-box;width:400px;padding:var(--safe-top)0 var(--safe-bottom)var(--safe-left);background-color:#444;flex-direction:column;flex-grow:0;flex-shrink:0;margin:0;font-family:Inter var,Inter,Helvetica,Arial,sans-serif;font-size:16px;display:flex}aside#sidebar li a{letter-spacing:-.015em;padding-top:.15em;padding-bottom:.1em;text-decoration:none;display:inline-block}aside#sidebar li a:hover{text-decoration:none}aside#sidebar #suchtext{box-sizing:border-box;background-color:#666;border-radius:.5em;width:calc(100% - 1em);margin:.5em;padding:.2em .6em 0;line-height:2em}aside#sidebar #suchtext:placeholder-shown+#clear_filter{display:none}aside#sidebar #clear_filter{cursor:pointer;color:#fff;text-align:center;width:1.2em;height:1.2em;margin-left:-1.7em;font-size:1.4em;display:inline-block}aside#sidebar #lists{flex-direction:row;display:flex;overflow:hidden}aside#sidebar ul#taglist{scrollbar-width:thin;box-sizing:border-box;direction:rtl;width:40%;margin:0;padding-top:1em;padding-bottom:1em;padding-left:1em;overflow-x:hidden;overflow-y:scroll}aside#sidebar ul#taglist li{text-align:left;direction:ltr}aside#sidebar ul#taglist li a{text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform-origin:0;border-radius:2px;margin-bottom:.15em;margin-left:-5em;padding-left:5em;padding-right:.5em;font-size:.9em;font-weight:600;transform:rotate(-10deg)}aside#sidebar ul#taglist li a.active{background-color:gray}aside#sidebar ul#taglist li a:hover:before{content:"#";margin-left:-.8em;position:absolute}aside#sidebar ul#rezepte{scrollbar-width:thin;box-sizing:border-box;letter-spacing:-.03em;width:60%;margin:0;padding-bottom:1em;padding-right:.5em;overflow-y:scroll}aside#sidebar ul#rezepte hr{border:none;margin:1em 0 0}aside#sidebar ul#rezepte li a{border-bottom:1px solid #666;padding-left:.05em;font-weight:400;display:block}aside#sidebar ul#rezepte li a:hover{background-color:#666}aside#sidebar ul#rezepte li a.active{background-color:#222}#content{min-height:100vh;box-sizing:border-box;width:100%;min-height:100dvh;padding-top:calc(1em + var(--safe-top));padding-right:calc(2em + var(--safe-right));padding-bottom:calc(5em + var(--safe-bottom));padding-left:calc(12em + var(--safe-left));z-index:10;scrollbar-width:thin;background-color:#fff;transition:all .5s;overflow-x:hidden;overflow-y:scroll;box-shadow:0 0 20px}#content:has(#editor){padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}#content #editor{white-space:pre-wrap;width:calc(100% + 6em);min-height:100dvh;margin:0 0 0 -6em;padding:0;font-family:camingocode,monospace;font-size:16px}#content #editor:focus{outline:none}.page strong{font-weight:400}.page a{text-decoration:underline}.page ul.tags{display:none}.page .dirty{color:#c50409}.page p,.page ol,.page ul{margin-top:0;padding-left:0}.page p li,.page ol li,.page ul li{margin-bottom:.5em}.page ol li p,.page ul li p{display:contents}.page ul li:before{content:"–";width:1em;margin-left:-1em;display:inline-block}.page a{color:#000}.page code{background-color:#ddd;border-radius:.2em;padding:0 .2em;font-family:camingocode,monospace;font-size:.9em;display:inline-block}.page figure{width:calc(100% + 1em);max-width:26em;margin:0 -.5em 1em}.page figure img{-webkit-filter:brightness()contrast();filter:brightness()contrast();background-color:#eee;border:1px solid transparent;border-radius:1.5em;width:100%;min-height:8em;transition:-webkit-filter .5s,filter .5s}.page figure figcaption{text-align:center;font-family:pica;font-size:.8em;font-style:italic}.page hr{text-align:center;clear:both;border:none;margin:1.6em 0 1.6em -4em;display:block}.page hr:before{content:"OPQ";color:#000;font-family:flowers1;font-size:1.6em}.page+#share{cursor:pointer;opacity:.3;background:url(/share.svg) 50% no-repeat;height:4em;margin:4em 0 0;display:none}.page+#share:hover{opacity:.4}@media (hover:none) or (max-width:1024px){.page+#share{display:block}}aside#tools{width:5em;height:100dvh;top:var(--safe-top);float:left;flex-direction:column;margin-left:-11.3em;display:flex;position:-webkit-sticky;position:sticky}aside#tools .button{cursor:pointer;opacity:.3;background-size:contain;flex-shrink:0;height:3em;margin:.25em;display:block}aside#tools .button.ok{background:url(/ok.svg) 50% no-repeat}aside#tools .button.cancel{background:url(/cancel.svg) 50% no-repeat}aside#tools .button.history{background:url(/history.svg) 50%/contain no-repeat}aside#tools .button:hover{opacity:.4}aside#tools ul#imagelist{scrollbar-width:none;margin:0;overflow-y:scroll}aside#tools ul#imagelist li,aside#tools label{text-align:center;word-break:break-all;border-radius:.8em;width:100%;margin-bottom:.5em;font-family:camingocode,monospace;display:block}aside#tools ul#imagelist li span,aside#tools label span{font-size:9px;display:block}aside#tools ul#imagelist li.gone,aside#tools label.gone{opacity:.5}aside#tools ul#imagelist li img,aside#tools label img{border-radius:inherit;cursor:grab;opacity:1;background-color:#ddd;width:100%;min-height:4em;font-size:17px;display:block}aside#tools ul#imagelist li img.x,aside#tools label img.x{box-sizing:border-box;padding:.5em .9em}aside#tools ol#history{text-align:center;word-break:keep-all;padding-top:.5em;font-family:camingocode,monospace;font-size:.8rem;list-style:none;overflow:scroll}aside#tools ol#history li div{cursor:pointer;background-color:#ddd;border-radius:.8em;width:100%;padding:.4em 0;display:block}aside#tools ol#history li span{font-size:9px;display:block}aside#tools ol#history li[value="-1"]{list-style:"?  "}aside#tools ol#history li.peeking div{background-color:#bbb}aside#tools li#blueprint{box-sizing:border-box;background-color:#ddd;height:5em;transition:margin-top .1s}aside#tools #dropzone{text-align:center;box-sizing:border-box;cursor:pointer;background-color:transparent;border:3px dashed #ddd;flex-shrink:0;height:5em;margin-top:.5em;overflow:clip}aside#tools #dropzone input{opacity:0;cursor:pointer}aside#tools #dropzone:before{content:"";width:100%;height:inherit;z-index:-1;opacity:.3;background:url(/cross.svg) 50%/2em no-repeat;margin-top:.5em;transition:transform .2s;position:absolute;top:0;left:0;transform:rotate(0)}aside#tools #dropzone:hover:before{opacity:.4}aside#tools #dropzone.x:before{transform:rotate(45deg)}aside#tools #dropzone.over,aside#tools #dropzone:active{background-color:#ddd}.hover{box-shadow:0 6px 22px rgba(0,0,0,.36),0 1px 5px rgba(0,0,0,.15)}ul.ingredients{text-align:right;float:left;width:9em;margin-left:-12em;font-family:pica;font-size:.9em;font-style:italic;list-style-type:none}ul.ingredients li span{margin:0 .1em}ul.ingredients li:before{content:none}ul.ingredients li{cursor:pointer}ul.ingredients li:hover span.quantity,ul.ingredients li input.quantity{background-color:#ddd;border-radius:.4em;margin:0;padding:0 .1em}ul.ingredients input.quantity{outline:none}ul.ingredients .unit{margin-left:0}ul.ingredients .unit:empty{display:none}body{cursor:default;font-family:double_pica,serif;font-size:24px}blockquote{margin-left:inherit;font-style:italic}h1{text-transform:uppercase;text-align:left;letter-spacing:-2pt;margin-left:-.05rem;font-family:three_line_pica;font-size:2.6em;font-weight:400}h1:before{content:"n";text-align:right;vertical-align:-3px;width:10rem;margin-left:-13rem;margin-right:3rem;font-family:flowers2;font-style:normal;display:inline-block}h2{clear:both;margin:1em 0 .5em;font-size:1.5em;font-style:italic;font-weight:400}b,i{font-weight:inherit;font-style:inherit}i.on{background:#ff0}a{color:inherit}.contentwrapper{display:contents}#mode_flip{z-index:100;cursor:pointer;width:50px;display:none;position:fixed;top:0;bottom:0;right:0}.offset #mode_flip{width:auto;left:0;right:350px}@media screen and (min-width:1200px){#content{padding-left:calc(28vw + var(--safe-left))}ul.ingredients{width:calc(28vw - 2em);margin-left:-28vw}}@media (max-width:1200px){body{font-size:20px}}@media (max-width:1400px){aside#sidebar{width:320px}}@media screen and (max-width:1024px){body #mode_flip{display:block}aside#sidebar{width:350px;margin-left:-300px;font-size:18px}#content{transform:translate(-300px)}.offset #content{background-color:#ccc}.offset #content .page img{-webkit-filter:brightness(80%)contrast(80%);filter:brightness(80%)contrast(80%)}.offset #mode_flip{right:350px}}@media screen and (max-width:750px){aside#sidebar{margin-left:-325px}#content{padding-left:calc(50px + var(--safe-left));padding-right:calc(1em + var(--safe-right));transform:translate(-325px)}#content ul.ingredients{float:none;position:initial;text-align:left;margin-left:0;padding-left:1em;font-size:1em}#content ul.ingredients li{margin-bottom:0}#content #editor{width:100%;margin-left:0}#content aside#tools{float:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.7);width:4em;height:50vh}#content aside#tools #dropzone{height:4em}#content aside#tools ul#imagelist span{font-size:8px}#content aside#tools .button.history{display:none}h1:before{content:none}.left{display:none}}@media screen and (max-width:400px){aside#sidebar{margin-left:-337.5px}#content{transform:translate(-337.5px)}}@media (max-width:350px){aside#sidebar{width:100%;margin-left:-100%;font-size:.9em}#content{padding-left:calc(20px + var(--safe-left));transform:translate(-100%)}#content .page ol,#content .page ul{padding-left:1em}body.offset #mode_flip{right:350px}}@media print{body{font-size:14pt}*{overflow:visible!important}aside#sidebar,#edit_btn{display:none}#content{box-shadow:none;padding-top:0;right:0}}.noFocusBorder:focus{outline:none}