*,:before,:after{box-sizing:border-box}html,body{color:#f2f2f2;background:0 0;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}body:before{content:"";background-image:var(--bg-image,none);filter:blur(15px);z-index:-2;opacity:1;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:fixed;top:0;left:0;transform:scale(1.1)}body:after{content:"";z-index:-3;width:100%;height:100%;opacity:calc(1 - var(--has-bg-image,0));background:#222;position:fixed;top:0;left:0}main{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem 1rem 1rem;display:flex;position:relative}@media (max-width:480px){main{padding:1.5rem .75rem .75rem}.content-box{border-radius:.75rem;min-height:350px;padding:1.5rem}h1{margin:0 0 1.5rem;font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}button{padding:.75rem 1.5rem;font-size:1rem}}.content-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0009;border-radius:1rem;width:100%;max-width:42rem;min-height:500px;padding:2.5rem}#result{width:100%;margin-top:1rem}h1{text-shadow:0 2px 8px #00000080,0 0 2px #000c;color:#fff;margin:0 0 2rem;font-size:3rem;font-weight:700}h2{margin:1.5rem 0 .25rem;font-size:1.75rem}h3{margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:600}p{color:#ccc;margin:.25rem 0 .75rem}button{appearance:none;color:#f2f2f2;cursor:pointer;background:#111;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.95rem}button:hover{background:#000}#ingredients,#instructions{margin:0;padding-left:1.25rem;list-style-position:outside}#ingredients-block,#instructions-block{text-align:left}#ingredients li,#instructions li{margin:.35rem 0;line-height:1.5}#ingredients li::marker{font-weight:600}#instructions li::marker{font-weight:600}#source-cta{color:#ccc;margin-top:1.25rem;font-size:.95rem}#source-cta a{color:#7aa2ff;text-decoration:none}#source-cta a:hover{text-decoration:underline}