@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.min-h-\[48px\]{min-height:48px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-\[30px\]{min-width:30px}.min-w-\[48px\]{min-width:48px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.text-center{text-align:center}.text-left{text-align:left}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--eink-black:#000;--eink-white:#fff;--eink-gray-light:#f8f8f8;--eink-gray-medium:#e0e0e0;--eink-gray-dark:#666;--text-xs:14px;--text-sm:16px;--text-base:18px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:32px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px}body{background:var(--eink-white);color:var(--eink-black);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;font-weight:400;line-height:1.6}a,a:hover,a:focus{text-decoration:none}h1{font-size:var(--text-3xl);margin-bottom:var(--space-lg);font-weight:700;line-height:1.2}h2{font-size:var(--text-2xl);margin-bottom:var(--space-md);font-weight:600;line-height:1.3}h3{font-size:var(--text-xl);margin-bottom:var(--space-sm);font-weight:600;line-height:1.4}button,input,select,textarea{border:2px solid var(--eink-black);background:var(--eink-white);color:var(--eink-black);font-size:var(--text-base);box-sizing:border-box;border-radius:0;font-weight:500;line-height:1.5}button{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-md)var(--space-lg);justify-content:center;align-items:center;gap:var(--space-sm);min-height:48px;font-weight:600;text-decoration:none;display:inline-flex}input[type=text],input[type=email],input[type=password],textarea,select{box-sizing:border-box;width:100%;max-width:100%}.icon-button{min-width:48px;min-height:48px;font-size:var(--text-lg);border:2px solid var(--eink-black);background:var(--eink-white);color:var(--eink-black);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s;display:inline-flex}.icon-button:hover{background:var(--eink-gray-light);text-decoration:none}.icon-button:focus{outline:3px solid var(--eink-black);outline-offset:2px;text-decoration:none}.icon-button:disabled,button:disabled{cursor:not-allowed;opacity:.5;background:var(--eink-gray-light)}input,select,textarea{padding:var(--space-md);min-height:48px}input:focus,select:focus,textarea:focus{outline:3px solid var(--eink-black);outline-offset:2px}hr{border:none;border-top:2px solid var(--eink-black);margin:var(--space-xl)0}.card{border:2px solid var(--eink-black);background:var(--eink-white);padding:var(--space-lg);margin-bottom:var(--space-lg)}.card-header{border-bottom:2px solid var(--eink-black);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.tag{border:1px solid var(--eink-black);background:var(--eink-white);padding:var(--space-xs)var(--space-sm);font-size:var(--text-sm);margin:var(--space-xs);font-weight:500;display:inline-block}.tag-highlight{background:var(--eink-black);color:var(--eink-white)}.info-panel{background:var(--eink-gray-light);border:2px solid var(--eink-black);padding:var(--space-lg);margin:var(--space-lg)0}.info-panel-header{font-weight:600;font-size:var(--text-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--eink-gray-dark)}.recipe-grid{gap:var(--space-lg);margin:var(--space-xl)0;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.nav-button{border:2px solid var(--eink-black);background:var(--eink-white);color:var(--eink-black);padding:var(--space-md)var(--space-lg);font-weight:600;font-size:var(--text-lg);justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex}.nav-button:hover{background:var(--eink-gray-light)}.nav-button:active{background:var(--eink-gray-medium)}.space-y-enhanced>*+*{margin-top:var(--space-lg)}.space-y-large>*+*{margin-top:var(--space-xl)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.focus-ring:focus{outline:3px solid var(--eink-black);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.3s ease-in fadeIn}.ingredients-card{border:3px solid var(--eink-black);background:var(--eink-white);margin:var(--space-xl)0;overflow:hidden}.ingredients-header{background:var(--eink-black);color:var(--eink-white);padding:var(--space-lg)var(--space-xl);border-bottom:3px solid var(--eink-black)}.ingredients-title-section{gap:var(--space-xs);flex-direction:column;display:flex}.ingredients-title{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.ingredients-subtitle{font-size:var(--text-sm);opacity:.9;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.ingredients-content{padding:var(--space-xl);background:var(--eink-white)}.instructions-card{border:3px solid var(--eink-black);background:var(--eink-white);margin:var(--space-xl)0;overflow:hidden}.instructions-header{background:var(--eink-black);color:var(--eink-white);padding:var(--space-lg)var(--space-xl);border-bottom:3px solid var(--eink-black)}.instructions-title-section{gap:var(--space-xs);flex-direction:column;display:flex}.instructions-title{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.instructions-subtitle{font-size:var(--text-sm);opacity:.9;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.instructions-content{padding:var(--space-xl);background:var(--eink-white)}.instructions-list{counter-reset:step-counter;margin:0;padding:0;list-style:none}.instruction-step{align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--eink-gray-medium);counter-increment:step-counter;display:flex}.instruction-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{background:var(--eink-black);width:48px;height:48px;color:var(--eink-white);font-weight:700;font-size:var(--text-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.step-content{padding-top:var(--space-sm);flex:1}.step-text{font-size:var(--text-lg);color:var(--eink-black);letter-spacing:.01em;margin:0;font-weight:400;line-height:1.6}.instruction-step:nth-child(odd) .step-number{background:var(--eink-black)}.instruction-step:nth-child(2n) .step-number{background:var(--eink-gray-dark)}@media (max-width:768px){.ingredients-header,.instructions-header{padding:var(--space-md)var(--space-lg)}.ingredients-content,.instructions-content{padding:var(--space-lg)}.instruction-step{gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.step-number{width:40px;height:40px;font-size:var(--text-base)}.step-text{font-size:var(--text-base)}}@media print{.no-print{display:none!important}.page-break{page-break-before:always}.ingredients-card,.instructions-card{break-inside:avoid;border:2px solid #000}.instruction-step{break-inside:avoid;margin-bottom:var(--space-md);padding-bottom:var(--space-md)}}.photo-gallery{gap:var(--space-lg);margin:var(--space-xl)0;padding:var(--space-lg);border:2px solid var(--eink-black);background:var(--eink-gray-light);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.photo-gallery-item{aspect-ratio:4/3;border:2px solid var(--eink-black);background:var(--eink-white);cursor:pointer;position:relative;overflow:hidden}.photo-gallery-item img{object-fit:cover;width:100%;height:100%}.photo-delete-overlay{top:var(--space-sm);right:var(--space-sm);background:var(--eink-white);border:2px solid var(--eink-black);padding:var(--space-sm);min-width:36px;min-height:36px;font-size:var(--text-base);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute}.photo-gallery-item:hover .photo-delete-overlay{opacity:1}.photo-delete-overlay:hover{background:var(--eink-black);color:var(--eink-white)}.photo-upload-modal{z-index:1000;padding:var(--space-lg);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-upload-modal-content{background:var(--eink-white);border:3px solid var(--eink-black);padding:var(--space-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.photo-upload-modal-header{font-size:var(--text-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--eink-black);font-weight:700}.photo-preview-grid{gap:var(--space-md);margin:var(--space-lg)0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.photo-preview-item{aspect-ratio:4/3;border:2px solid var(--eink-black);background:var(--eink-gray-light);position:relative;overflow:hidden}.photo-preview-item img{object-fit:cover;width:100%;height:100%}.photo-preview-remove{top:var(--space-xs);right:var(--space-xs);background:var(--eink-white);border:2px solid var(--eink-black);padding:var(--space-xs);min-width:28px;min-height:28px;font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute}.photo-preview-remove:hover{background:var(--eink-black);color:var(--eink-white)}.photo-fullsize-modal{z-index:1100;padding:var(--space-lg);cursor:pointer;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-fullsize-modal img{object-fit:contain;border:3px solid var(--eink-white);cursor:default;max-width:100%;max-height:100%}.photo-nav-button{background:var(--eink-white);border:2px solid var(--eink-black);color:var(--eink-black);cursor:pointer;z-index:1101;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-nav-button:hover{background:var(--eink-gray-light)}.photo-nav-prev{left:var(--space-xl)}.photo-nav-next{right:var(--space-xl)}.photo-close-button{top:var(--space-lg);right:var(--space-lg);background:var(--eink-white);border:2px solid var(--eink-black);color:var(--eink-black);cursor:pointer;z-index:1101;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:background-color .2s;display:flex;position:absolute}.photo-close-button:hover{background:var(--eink-black);color:var(--eink-white)}.photo-counter{bottom:var(--space-lg);background:var(--eink-white);border:2px solid var(--eink-black);padding:var(--space-sm)var(--space-lg);font-size:var(--text-lg);z-index:1101;-webkit-user-select:none;user-select:none;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:768px){.photo-gallery{gap:var(--space-md);padding:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-upload-modal-content{padding:var(--space-lg)}.photo-preview-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}