*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f5efe0;--paper-dark:#ebe2ce;--paper-edge:#ddd4be;--ink:#2a2118;--ink-secondary:#5c4f3d;--ink-muted:#8e7e68;--ink-faint:#bfb29c;--ruled-line:#788caa2e;--red-ink:#a43b2b;--red-ink-soft:#a43b2b14;--green-ink:#3d6b4f;--stain-1:#8b6d3f0f;--stain-2:#64461e0a;--border:#2a21181f;--border-light:#2a21180f;--shadow-sm:0 1px 3px #2a211814;--shadow-md:0 3px 12px #2a21181a;--shadow-page:2px 3px 8px #2a21181f, -1px 0 4px #2a21180a;--font-hand:"Caveat", cursive;--font-body:"EB Garamond", serif;--font-ui:"EB Garamond", serif;--line-height:28px}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#c4b9a4;background-image:radial-gradient(at 30% 20%,#b4a07826 0%,#0000 60%),radial-gradient(at 70% 80%,#a08c641a 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100dvh;line-height:1.6}input,textarea,select,button{font-family:var(--font-body)}a{color:var(--red-ink);text-decoration:none}a:hover{text-decoration:underline}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@supports (padding:env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.4s both fadeIn}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}@keyframes pageTurnNext{0%{opacity:0;transform:perspective(1800px)rotateY(-26deg)translate(28px)}to{opacity:1;transform:perspective(1800px)rotateY(0)translate(0)}}@keyframes pageTurnPrev{0%{opacity:0;transform:perspective(1800px)rotateY(26deg)translate(-28px)}to{opacity:1;transform:perspective(1800px)rotateY(0)translate(0)}}.page-turn-next{transform-origin:0;animation:.5s cubic-bezier(.2,.7,.2,1) both pageTurnNext}.page-turn-prev{transform-origin:100%;animation:.5s cubic-bezier(.2,.7,.2,1) both pageTurnPrev}@media (prefers-reduced-motion:reduce){.page-turn-next,.page-turn-prev{animation:.3s both fadeIn;transform:none}}.recipe-detail-wrap{max-width:640px;margin:0 auto;position:relative}.recipe-nav{z-index:90;background:var(--paper);border:1px solid var(--border);width:44px;height:44px;color:var(--ink-secondary);box-shadow:var(--shadow-md);cursor:pointer;opacity:.85;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s,transform .1s;display:flex;position:absolute;transform:translateY(-50%)}.recipe-nav:hover{opacity:1;background:var(--paper-dark)}.recipe-nav:active{transform:translateY(-50%)scale(.92)}.recipe-nav-left{left:-22px}.recipe-nav-right{right:-22px}@media (width<=720px){.recipe-nav-left{left:-16px}.recipe-nav-right{right:-16px}}@media (width<=480px){.recipe-nav{opacity:.8;width:38px;height:38px}}.ing-row{border-radius:2px;align-items:center;gap:6px;transition:box-shadow .12s,transform .12s,opacity .12s;display:flex}.ing-row.ing-over{box-shadow:0 -2px 0 0 var(--ink-secondary)}.ing-row.ing-dragging{opacity:.45}.ing-grip{cursor:grab;color:var(--ink-faint);touch-action:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px 2px;display:flex}.ing-grip:active{cursor:grabbing}.page{background:var(--paper);background-image: repeating-linear-gradient(transparent, transparent calc(var(--line-height) - 1px), var(--ruled-line) calc(var(--line-height) - 1px), var(--ruled-line) var(--line-height)),  radial-gradient(ellipse at 85% 8%, var(--stain-1) 0%, transparent 35%),  radial-gradient(ellipse at 10% 90%, var(--stain-2) 0%, transparent 40%),  linear-gradient(180deg, #c8b48c0a 0%, transparent 30%, #c8b48c0f 100%);box-shadow:var(--shadow-page);position:relative}.page:before{content:"";pointer-events:none;background:#c8503c26;width:1px;position:absolute;top:0;bottom:0;left:52px}.recipe-card{background:var(--paper);border:1px solid var(--border);background-image:radial-gradient(ellipse at 60% 30%, var(--stain-1) 0%, transparent 50%), linear-gradient(180deg, #f5efe0 0%, #ebe2ce 100%);transition:transform .2s,box-shadow .2s;position:relative}.recipe-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)rotate(-.3deg)}.torn-edge{position:relative}.torn-edge:before{content:"";background:var(--paper);height:6px;position:absolute;top:-3px;left:0;right:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='200' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q5 0 10 3 Q15 6 20 3 Q25 0 30 3 Q35 6 40 3 Q45 0 50 3 Q55 6 60 3 Q65 0 70 3 Q75 6 80 3 Q85 0 90 3 Q95 6 100 3 Q105 0 110 3 Q115 6 120 3 Q125 0 130 3 Q135 6 140 3 Q145 0 150 3 Q155 6 160 3 Q165 0 170 3 Q175 6 180 3 Q185 0 190 3 Q195 6 200 3 V6 H0Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='200' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q5 0 10 3 Q15 6 20 3 Q25 0 30 3 Q35 6 40 3 Q45 0 50 3 Q55 6 60 3 Q65 0 70 3 Q75 6 80 3 Q85 0 90 3 Q95 6 100 3 Q105 0 110 3 Q115 6 120 3 Q125 0 130 3 Q135 6 140 3 Q145 0 150 3 Q155 6 160 3 Q165 0 170 3 Q175 6 180 3 Q185 0 190 3 Q195 6 200 3 V6 H0Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:200px 6px;mask-size:200px 6px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.field-input{transition:border-color .15s}.field-input:focus{outline:none;border-color:var(--ink-secondary)!important}input[type=checkbox]{accent-color:var(--green-ink);width:15px;height:15px}.version-tag{text-align:center;color:var(--ink-faint);padding:20px 0 8px;font-size:12px;font-style:italic}.tab{transition:all .15s;position:relative}.tab-active{box-shadow:0 -2px 4px #2a21180f;background:var(--paper)!important;color:var(--ink)!important}