@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4a57433;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a57459}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #d4a57426}50%{box-shadow:0 0 40px #d4a57440}}@keyframes steam{0%{opacity:0;transform:translateY(0)scaleX(1)}15%{opacity:.6}50%{opacity:.3;transform:translateY(-20px)scaleX(1.2)}to{opacity:0;transform:translateY(-40px)scaleX(.8)}}@keyframes pour{0%{opacity:0;height:0}20%{opacity:1}to{opacity:.6;height:40px}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}.slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.slide-down{animation:.4s ease-out forwards slideDown}.glass{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1520e6,#2a2235b3);border:1px solid #d4a57414}.glass-subtle{-webkit-backdrop-filter:blur(12px);background:#1a152080;border:1px solid #d4a5740d}.recipe-markdown{color:#e8d5c0;font-family:Inter,sans-serif;line-height:1.7}.recipe-markdown h3{color:#d4a574;letter-spacing:.01em;border-bottom:1px solid #d4a5741f;margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.4rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600}.recipe-markdown h3:first-child{margin-top:0}.recipe-markdown ul{margin:.5rem 0;padding-left:0;list-style:none}.recipe-markdown ul li{margin-bottom:.4rem;padding-left:1.25rem;font-size:.9rem;line-height:1.6;position:relative}.recipe-markdown ul li:before{content:"";background:#d4a57480;border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}.recipe-markdown ol{counter-reset:step-counter;margin:.5rem 0;padding-left:1.25rem;list-style:none}.recipe-markdown ol li{counter-increment:step-counter;margin-bottom:.75rem;padding-left:1rem;font-size:.9rem;line-height:1.6;position:relative}.recipe-markdown ol li:before{content:counter(step-counter);color:#d4a574;background:#d4a5741f;border-radius:50%;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:0;left:-1.25rem}.recipe-markdown strong{color:#f5e6d3;font-weight:600}.recipe-markdown em{color:#d4a574b3;font-style:italic}.recipe-markdown p{margin-bottom:.5rem;font-size:.9rem}.recipe-markdown hr{border:none;border-top:1px solid #d4a5741a;margin:1.25rem 0}.upload-zone{text-align:center;cursor:pointer;background:#d4a57405;border:2px dashed #d4a57433;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-zone:hover{background:#d4a5740d;border-color:#d4a57466}.upload-zone.has-image{background:#d4a5740a;border-style:solid;border-color:#d4a5744d}.upload-zone.drag-over{background:#d4a57414;border-color:#d4a574;transform:scale(1.01)}.brew-loading{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.brew-loading .cup{border:3px solid #d4a57466;border-top:none;border-radius:0 0 20px 20px;width:60px;height:50px;position:relative}.brew-loading .cup:before{content:"";background:#d4a57466;border-radius:3px;width:68px;height:6px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.brew-loading .cup:after{content:"";border:3px solid #d4a5744d;border-left:none;border-radius:0 8px 8px 0;width:14px;height:20px;position:absolute;top:8px;right:-16px}.brew-loading .steam-container{gap:4px;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.brew-loading .steam-line{background:#d4a57440;border-radius:1px;width:2px;height:12px;animation:1.8s ease-in-out infinite steam}.brew-loading .steam-line:nth-child(2){animation-delay:.3s}.brew-loading .steam-line:nth-child(3){animation-delay:.6s}.brew-loading .liquid{background:linear-gradient(#d4a5741a,#d4a5744d);border-radius:0 0 17px 17px;animation:2s ease-in-out infinite pour;position:absolute;bottom:0;left:0;right:0}.control-section-label{text-transform:uppercase;letter-spacing:.08em;color:#d4a57499;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.75rem;font-weight:600;display:flex}@media (width<=600px){.recipe-markdown h3{font-size:1.05rem}.recipe-markdown ul li,.recipe-markdown ol li,.recipe-markdown p{font-size:.85rem}}