*,*: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: rgba(120, 140, 170, .18);--red-ink: #A43B2B;--red-ink-soft: rgba(164, 59, 43, .08);--green-ink: #3D6B4F;--stain-1: rgba(139, 109, 63, .06);--stain-2: rgba(100, 70, 30, .04);--border: rgba(42, 33, 24, .12);--border-light: rgba(42, 33, 24, .06);--shadow-sm: 0 1px 3px rgba(42, 33, 24, .08);--shadow-md: 0 3px 12px rgba(42, 33, 24, .1);--shadow-page: 2px 3px 8px rgba(42, 33, 24, .12), -1px 0 4px rgba(42, 33, 24, .04);--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);background:#c4b9a4;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;background-image:radial-gradient(ellipse at 30% 20%,rgba(180,160,120,.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(160,140,100,.1) 0%,transparent 50%)}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:fadeIn .4s ease both}.delay-1{animation-delay:.05s}.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}.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,rgba(200,180,140,.04) 0%,transparent 30%,rgba(200,180,140,.06) 100%);box-shadow:var(--shadow-page);position:relative}.page:before{content:"";position:absolute;top:0;bottom:0;left:52px;width:1px;background:#c8503c26;pointer-events:none}.recipe-card{background:var(--paper);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;position:relative;background-image:radial-gradient(ellipse at 60% 30%,var(--stain-1) 0%,transparent 50%),linear-gradient(180deg,#f5efe0,#ebe2ce)}.recipe-card:hover{transform:translateY(-2px) rotate(-.3deg);box-shadow:var(--shadow-md)}.torn-edge{position:relative}.torn-edge:before{content:"";position:absolute;top:-3px;left:0;right:0;height:6px;background:var(--paper);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-size:200px 6px;mask-repeat:repeat-x;-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");-webkit-mask-size:200px 6px;-webkit-mask-repeat:repeat-x}.field-input{transition:border-color .15s}.field-input:focus{border-color:var(--ink-secondary)!important;outline:none}input[type=checkbox]{accent-color:var(--green-ink);width:15px;height:15px}.version-tag{text-align:center;padding:20px 0 8px;font-size:12px;color:var(--ink-faint);font-style:italic}.tab{transition:all .15s;position:relative}.tab-active{background:var(--paper)!important;color:var(--ink)!important;box-shadow:0 -2px 4px #2a21180f}