:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2);--section-gap:160px}@media (prefers-color-scheme:light){:root{--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1)}}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}#app{color:#fff;max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}h1,h2,h3,h4,h5,h6{padding-top:8px;padding-bottom:8px}:focus-visible{outline-offset:2px;outline:2px solid #428bca}button{text-align:center;color:#fff;cursor:pointer;background-color:#428bca;border:1px solid #428bca;border-radius:4px;padding:8px 16px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;display:inline-block}button:hover{color:#fff;background-color:#3071a9;border-color:#2d6898}li{margin-bottom:8px}.title,.footer,.ingredients,.recipe{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#1e1e1e99;border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000004d}.title{text-align:center;width:fit-content;margin:0 auto}.container{margin-bottom:30px}.footer{text-align:center;width:fit-content;margin:0 auto}.recipe{flex-flow:row;align-items:center;column-gap:16px;display:flex}.recipe .list{flex-flow:column;align-items:flex-start;display:flex}.ingredients{flex-flow:row;align-items:center;column-gap:16px;display:flex}.ingredients .list{flex-flow:column;align-items:flex-start;display:flex}.responsive-img{cursor:pointer;border-radius:8px;max-width:100%;height:auto;margin:0 auto;transition:transform .3s;display:block}.content-grid{grid-template-columns:1fr 1fr;align-items:start;gap:30px;margin-top:30px;display:grid}.background-logo{object-fit:cover;opacity:.5;z-index:-1;pointer-events:none;width:100vw;height:100dvh;position:fixed;top:0;left:0}.background-video{object-fit:cover;object-position:50% center;filter:brightness(.4);z-index:-1;pointer-events:none;width:100vw;height:100dvh;position:fixed;top:0;left:0;transform:scale(1.05)}input[type=number]{color:inherit;box-sizing:border-box;background-color:#ffffff1a;border:1px solid #fff6;border-radius:8px;outline:none;margin-left:16px;padding:8px 12px;font-size:1rem;transition:all .3s}input[type=number]:focus{background-color:#ffffff26;border-color:#42b883}input[type=range]{accent-color:#428bca}.dough-settings{justify-content:center;gap:20px;margin-bottom:20px;display:flex}.slide-fade-enter-active{transition:all .6s cubic-bezier(.25,.8,.25,1)}.slide-fade-leave-active{transition:all .4s}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(40px)}.responsive-img:hover{transform:scale(1.1)rotate(8deg)}.slider-container{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.empty-state{text-align:center;opacity:.7;margin:16px auto}.slider-container button{border-radius:8px;padding:2px 12px;font-size:20px}@media only screen and (width<=900px){body{display:block}#app{grid-template-columns:1fr;padding:2rem 1rem;display:grid}h1{font-size:26px}h2{font-size:18px}h3{font-size:14px}.content-grid{grid-template-columns:1fr;gap:15px}.dough-settings{flex-direction:column;align-items:center;gap:15px}.dough-settings label:first-child{order:1}.dough-settings label:nth-child(2){order:3}.dough-settings label:nth-child(3){order:2}input[type=range]{width:100%;height:8px;margin:15px 0}input[type=range]::-webkit-slider-thumb{cursor:pointer;width:24px;height:24px}input[type=range]::-moz-range-thumb{cursor:pointer;width:24px;height:24px}}