body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.recipe-display-wrapper{margin:0 auto;max-width:900px;padding:20px}.toast-notification{animation:slideDown .3s ease-out;background:#2d3748;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#fff;font-weight:500;left:50%;line-height:1.4;max-width:90%;padding:16px 24px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.recipe-hero-image{border-radius:20px;box-shadow:0 10px 40px #0000004d;margin:0 auto 30px;max-width:700px;overflow:hidden;position:relative;width:100%}.recipe-hero-image img{display:block;height:auto;max-height:500px;object-fit:cover;width:100%}.regenerate-image-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;position:absolute;right:20px;transition:transform .2s,box-shadow .2s;z-index:5}.regenerate-image-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.regenerate-image-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.image-regenerating-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.regenerating-main-text{margin-bottom:.5rem;margin-top:1rem}.regenerating-sub-text{font-size:.9rem;font-style:italic;opacity:.9}.spinner{border:4px solid #ffffff4d;height:50px;width:50px}.recipe-card-container{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:800px;overflow:hidden}.recipe-content{padding:40px}.recipe-name{color:#2c3e50;font-size:32px;font-weight:700;margin:0 0 15px;text-align:center}.recipe-description{color:#7f8c8d;font-size:16px;font-style:italic;margin-bottom:30px;text-align:center}.section-title{color:#34495e;font-size:20px;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.four-fs-section{margin-bottom:30px}.f-section{background:#f8f9fa;border-left:4px solid #4ecdc4;border-radius:10px;margin-bottom:20px;padding:20px}.f-title{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 10px}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-list li{color:#34495e;font-size:16px;padding:5px 0}.ingredient-list li:before{color:#4ecdc4;content:"• ";font-weight:700;margin-right:8px}.instructions-section{margin-bottom:30px}.instructions-list{margin:0;padding-left:20px}.instructions-list li{color:#34495e;font-size:16px;line-height:1.6;padding:8px 0}.pro-tip{background:#fff3cd;border-left:4px solid #ffb347;border-radius:8px;color:#856404;font-size:15px;line-height:1.6;margin-bottom:30px;padding:15px}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:30px}.action-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;text-align:center;transition:all .3s ease;width:100%}.action-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.action-button:active{transform:scale(.98)}.reset-button{background:linear-gradient(135deg,#fa8bff,#2bd2ff 52%,#2bff88 90%);color:#fff;font-size:17px;padding:16px 24px}.reset-button:hover{box-shadow:0 6px 20px #fa8bff66}.share-button{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff;font-size:17px;line-height:1.3;padding:16px 24px}.share-button:hover{box-shadow:0 6px 20px #f0943380}.utility-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.print-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;padding:12px 16px}.print-button:hover{box-shadow:0 4px 12px #667eea66}.copy-button{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-size:14px;padding:12px 16px}.copy-button:hover{box-shadow:0 4px 12px #4facfe66}.email-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:14px;padding:12px 16px}.email-button:hover{box-shadow:0 4px 12px #f5576c66}@media (max-width:768px){.recipe-display-wrapper{padding:10px}.recipe-hero-image{margin-bottom:20px}.recipe-content{padding:30px 20px}.recipe-name{font-size:24px}.regenerate-image-button{bottom:10px;font-size:12px;padding:10px 20px;right:10px}.utility-buttons{gap:10px;grid-template-columns:1fr}.copy-button,.email-button,.print-button{font-size:15px;padding:12px 20px}}@media (max-width:600px){.action-button{font-size:15px;padding:12px 16px}.reset-button,.share-button{font-size:15px;padding:14px 20px}.toast-notification{font-size:14px;padding:12px 20px}}.action-button.locked{background:linear-gradient(135deg,#95a5a6,#7f8c8d)!important;cursor:pointer;filter:grayscale(50%);opacity:.5;position:relative}.action-button.locked:hover{filter:grayscale(40%);opacity:.65;transform:translateY(-1px)}.action-button.locked:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.action-button.locked{border:2px dashed #ffffff4d!important}.action-button.reset-button{background:linear-gradient(135deg,#4ecdc4,#44a08d)!important;filter:none!important;opacity:1!important}.email-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.email-modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px}.modal-close-button:hover{background-color:#ecf0f1;color:#2c3e50}.modal-icon{font-size:48px;margin-bottom:20px;text-align:center}.modal-title{color:#2c3e50;font-size:24px;font-weight:600;line-height:1.4;margin:0 0 30px;text-align:center}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-email-input{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:16px;padding:15px 20px;transition:all .3s ease}.modal-email-input:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.modal-disclaimer{color:#7f8c8d;font-size:13px;line-height:1.5;margin:0;text-align:center}.modal-submit-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:10px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease}.modal-submit-button:hover:not(:disabled){box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.modal-submit-button:active:not(:disabled){transform:translateY(0)}.modal-submit-button:disabled{cursor:not-allowed;opacity:.6}.modal-maybe-later{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:14px;margin-top:10px;padding:10px;transition:color .2s ease}.modal-maybe-later:hover{color:#7f8c8d;text-decoration:underline}@media (max-width:600px){.email-modal-content{padding:30px 25px}.modal-title{font-size:20px}.modal-submit-button{font-size:16px;padding:14px 28px}}.mocktail-generator-container{background:#0000;min-height:100vh;padding:20px}.logo-header{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;overflow:visible;padding:1rem 1rem .5rem}.header-logo-small{display:block;height:auto;max-width:90%;width:250px}.generator-header{color:#fff;padding:10px 0;text-align:center}.generator-title{font-family:Arial Black,sans-serif;font-size:32px;font-weight:900;letter-spacing:2px;margin:0;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.input-section{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:800px;padding:40px}.input-title{color:#2c3e50;font-size:24px;margin:0 0 20px;text-align:center}.mocktail-input{border:2px solid #bdc3c7;border-radius:10px;font-family:inherit;font-size:16px;margin-bottom:20px;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.mocktail-input:focus{border-color:#4ecdc4;outline:none}.example-prompts{margin-bottom:25px}.example-label{color:#7f8c8d;font-size:14px;font-weight:700;margin-bottom:10px}.example-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.example-button{background:#ecf0f1;border:2px solid #bdc3c7;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:13px;padding:10px 15px;text-align:left;transition:all .2s}.example-button:hover{background:#4ecdc4;border-color:#4ecdc4;color:#fff;transform:translateY(-2px)}.options-section{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:15px}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:16px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.checkbox-label span{flex:1 1}.generate-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ffb347);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:10px;justify-content:center;padding:18px;transition:transform .2s,box-shadow .2s;width:100%}.generate-button:hover:not(:disabled){box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button:disabled{cursor:not-allowed;opacity:.7}.spinner-small{animation:spin-small .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin-small{to{transform:rotate(1turn)}}.error-message{background:#e74c3c;border-radius:8px;color:#fff;font-size:14px;margin-bottom:15px;padding:12px;text-align:center}.loading-message-box{animation:fadeIn .3s ease-in;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;margin:30px 0;padding:40px 30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner-large{animation:generator-spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin:0 auto 25px;width:60px}@keyframes generator-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text-main{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.6;margin-bottom:12px}.loading-text-sub{color:#ffffffe6;font-size:1.1rem;font-style:italic;margin:0}@media (max-width:768px){.header-logo-small{width:165px}}@media (max-width:600px){.header-logo-small{width:140px}.input-section{padding:30px 20px}.generator-title{font-size:24px}.example-grid{grid-template-columns:1fr}}.rysl-footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-top:60px;padding:50px 20px 20px}.rysl-footer-container{margin:0 auto;max-width:1200px}.rysl-logo-container{margin-bottom:20px}.rysl-footer-logo{display:block;filter:drop-shadow(0 0 10px rgba(78,205,196,.2));height:auto;max-width:150px;transition:transform .3s ease}.rysl-footer-logo:hover{transform:scale(1.05)}.rysl-ecosystem-highlight{background:linear-gradient(135deg,#4ecdc426,#7b2cbf26);border:2px solid #4ecdc44d;border-radius:12px;margin-bottom:50px;padding:30px;text-align:center}.rysl-ecosystem-highlight h2{color:#4ecdc4;font-size:24px;font-weight:700;margin-bottom:10px}.rysl-ecosystem-highlight p{color:#ecf0f1;font-size:16px;margin-bottom:25px}.rysl-ecosystem-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.rysl-ecosystem-card{background:#ffffff0d;border:1px solid #4ecdc433;border-radius:8px;cursor:pointer;display:block;padding:20px;text-decoration:none;transition:all .3s ease}.rysl-ecosystem-card:hover{background:#4ecdc41a;border-color:#4ecdc4;box-shadow:0 5px 20px #4ecdc433;transform:translateY(-5px)}.rysl-ecosystem-card.coming-soon{cursor:not-allowed;opacity:.6}.rysl-ecosystem-card.coming-soon:hover{background:#ffffff0d;border-color:#4ecdc433;transform:none}.rysl-ecosystem-card-icon{font-size:32px;margin-bottom:10px}.rysl-ecosystem-card h3{color:#4ecdc4;font-size:18px;font-weight:600;margin:10px 0 5px}.rysl-ecosystem-card p{color:#bdc3c7;font-size:14px;line-height:1.4;margin:0}.coming-soon-badge{background:#ffb347;border-radius:12px;color:#2c3e50;display:inline-block;font-size:11px;font-weight:600;margin-left:5px;padding:3px 10px;text-transform:uppercase}.rysl-footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.rysl-footer-section h3{border-bottom:2px solid #ffb347;color:#4ecdc4;display:inline-block;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.rysl-footer-section p{color:#ecf0f1;line-height:1.6;margin-bottom:15px}.rysl-footer-links{list-style:none;margin:0;padding:0}.rysl-footer-links li{margin-bottom:12px}.rysl-footer-links a{color:#ecf0f1;display:inline-block;text-decoration:none;transition:all .3s ease}.rysl-footer-links a:hover{color:#4ecdc4;transform:translateX(5px)}.rysl-social-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.rysl-social-links a{align-items:center;background:#4ecdc41a;border-radius:50%;color:#4ecdc4;display:inline-flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.rysl-social-links a:hover{background:#4ecdc4;color:#2c3e50;transform:scale(1.1)}.rysl-cta-box{background:#4ecdc41a;border-left:3px solid #ffb347;border-radius:8px;margin-top:20px;padding:15px}.rysl-footer-bottom{border-top:1px solid #ffffff1a;padding-top:30px;text-align:center}.rysl-footer-legal{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:15px}.rysl-footer-legal span{color:#ffffff4d}.rysl-footer-legal a{color:#ecf0f1;font-size:14px;text-decoration:none;transition:color .3s ease}.rysl-footer-legal a:hover{color:#4ecdc4}.rysl-footer-copyright{color:#95a5a6;font-size:14px;margin:10px 0}.rysl-footer-tagline{color:#4ecdc4;font-size:16px;font-style:italic;margin-top:10px}@media (max-width:768px){.rysl-footer{padding:40px 15px 15px}.rysl-ecosystem-highlight{padding:20px}.rysl-ecosystem-highlight h2{font-size:20px}.rysl-ecosystem-grid{gap:15px;grid-template-columns:1fr}.rysl-footer-grid{gap:30px}.rysl-footer-legal{flex-direction:column;gap:10px}.rysl-footer-legal span{display:none}}*{box-sizing:border-box}.App.loading{align-items:center;background:#0000;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border:6px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}body{background-color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b 2%,#4ecdc4 75%,#556270);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;overflow-x:hidden;transform:translateZ(0)}.App,body{min-height:100vh}
/*# sourceMappingURL=main.e838a568.css.map*/