._App_1rqvj_1{text-align:center}:root{--border-radius-large: 1.25rem;--border-radius-medium: .9375rem;--border-radius-small: .625rem;--indent: 1.25rem;--background-color: rgb(251, 245, 245);--background-color-accent: rgb(255, 255, 255);--text-color: black;--color-border: #a58d8d;--button-color: #666;--button-hover-color: #333;--primary-color: darkgreen;--message-background: rgba(0, 0, 0, .05);--message-hover: rgba(0, 0, 0, .1);--color-text: var(--text-color);--color-text-secondary: #666;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(0, 0, 0, .1)}.dark-mode{--background-color: rgb(57, 53, 53);--background-color-accent: #1a1a1a;--text-color: white;--color-border: #ffffff;--button-color: #ccc;--button-hover-color: white;--primary-color: lightgreen;--message-background: rgba(255, 255, 255, .05);--message-hover: rgba(255, 255, 255, .1);--color-text: var(--text-color);--color-text-secondary: #a5a5a5;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(0, 0, 0, .3)}.Purple-Dream{--background-color: #2a1b3d;--background-color-accent: #1d142a;--text-color: #e7d9ff;--color-border: #7b4b94;--button-color: #c77dff;--button-hover-color: #e0aaff;--primary-color: #9d4edd;--message-background: rgba(199, 125, 255, .1);--message-hover: rgba(199, 125, 255, .2);--color-text: var(--text-color);--color-text-secondary: #b392ac;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(199, 125, 255, .2)}.Sunset{--background-color: #2d1810;--background-color-accent: #1a0f0a;--text-color: #ffe6d9;--color-border: #943b1b;--button-color: #ff7f50;--button-hover-color: #ffa07a;--primary-color: #ff4500;--message-background: rgba(255, 127, 80, .1);--message-hover: rgba(255, 127, 80, .2);--color-text: var(--text-color);--color-text-secondary: #d4a59a;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(255, 69, 0, .2)}.Forest{--background-color: #1a2f1c;--background-color-accent: #0f1a10;--text-color: #d4edda;--color-border: #2d5a27;--button-color: #4CAF50;--button-hover-color: #81c784;--primary-color: #00c853;--message-background: rgba(76, 175, 80, .1);--message-hover: rgba(76, 175, 80, .2);--color-text: var(--text-color);--color-text-secondary: #a5c1a7;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(0, 200, 83, .2)}.Ruby{--background-color: #2d1517;--background-color-accent: #1a0d0e;--text-color: #ffe0e0;--color-border: #943232;--button-color: #ff4d4d;--button-hover-color: #ff7070;--primary-color: #d32f2f;--message-background: rgba(255, 77, 77, .1);--message-hover: rgba(255, 77, 77, .2);--color-text: var(--text-color);--color-text-secondary: #d4a0a0;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(211, 47, 47, .2)}.Sakura{--background-color: #2d1526;--background-color-accent: #1a0c16;--text-color: #ffe0f0;--color-border: #943266;--button-color: #ff69b4;--button-hover-color: #ff8cc6;--primary-color: #d81b60;--message-background: rgba(255, 105, 180, .1);--message-hover: rgba(255, 105, 180, .2);--color-text: var(--text-color);--color-text-secondary: #d4a0b8;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(216, 27, 96, .2)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color-accent);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;transition:all .3s ease}button{font-family:inherit}:root{--recipe-details-grayscale: .7}button{transition:padding .3s}button:active{transform:scale(.9)}body{margin-top:50px;background-color:var(--background-color);color:var(--color)}.recipe-list{background-color:var(--background-color);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}@media screen and (max-width: 668px){.recipe-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (min-width: 768px){.recipe-list{margin-left:10%;margin-right:10%}}.recipe-item{border:1px solid var(--color-border);margin:10px;padding:15px;border-radius:8px;background-color:var(--background-color-accent);box-shadow:0 2px 4px #f6e9e91a;color:var(--text-color);box-shadow:0 2px 4px #ebdddd1a;position:relative;transition:transform .3s}.recipe-image{width:100%;aspect-ratio:16/9;border-radius:8px;margin-bottom:15px}.recipe-header{display:flex;justify-content:space-between;align-items:center}.info-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:#333}.options-menu{position:absolute;top:10px;right:10px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0003;padding:10px;font-size:.9rem;width:150px}.options-menu p{margin:5px 0;cursor:pointer}.options-menu p:hover{color:}details{background-color:var(--background-color);margin-top:15px;filter:grayscale(var(--recipe-details-grayscale))}.Ingredients-details{margin-top:15px}.toggle-ingredients-visibility{background-color:var(--background-color-accent);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;cursor:pointer;margin-top:15px;margin-bottom:10px;padding:6px;font-size:.8rem}.toggle-ingredients-visibility:hover{background-color:var(--background-color-accent)}button{padding:8px 12px;font-size:1rem;background-color:var(--primary-color);color:var(--background-color);color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.recipe-item{progress{border-radius:10px;background-color:var(--color)}progress::-moz-progress-bar{background-color:var(--progress-bar-color)}}@keyframes fade-in{0%{transform:scale(.4)}to{transform:scale(1)}}.ingredients-list{list-style-type:none;padding:0;margin:0;.have-amount{display:none;animation:fade-in .8s ease-in-out}&:hover{.have-amount{display:inline}}}button:disabled{opacity:.5;cursor:not-allowed}.info{padding:10px;border:1px solid var(--border-color)}.planner{button{display:none;animation:expandHeight .7s;transition:.4s}}.planner:hover{button{display:inline}}@keyframes expandHeight{0%{height:0}50%{height:50px}to{height:40px}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.loading span:nth-child(1){animation-delay:0s}.loading span:nth-child(2){animation-delay:.05s}.loading span:nth-child(3){animation-delay:.1s}.loading span:nth-child(4){animation-delay:.15s}.loading span:nth-child(5){animation-delay:.2s}.loading span:nth-child(6){animation-delay:.25s}.loading span:nth-child(7){animation-delay:.3s}.loading span:nth-child(8){animation-delay:.35s}.loading span:nth-child(9){animation-delay:.4s}.loading span:nth-child(10){animation-delay:.45s}.loading span{display:inline-block;animation:bounce 1s infinite}root{--success-color: green;--error-color: red;--warning-color: orange;--toast-shadow-color: rgba(0, 0, 0, .1)}._dark-mode_el0uc_8{--background-color: #333;--background-color-accent: #333333da;--text-color: #f5f5f5;--color-border: #a5a1a1;--button-color: #ccc;--button-hover-color: white;--primary-color: #00c853;--message-background: rgba(76, 175, 80, .1);--message-hover: rgba(76, 175, 80, .2);--color-text: var(--text-color);--color-text-secondary: #a5c1a7;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(0, 200, 83, .2)}._Purple-Dream_el0uc_25{--background-color: #2a1b3d;--background-color-accent: #1d142a;--text-color: #e7d9ff;--color-border: #7b4b94;--button-color: #c77dff;--button-hover-color: #e0aaff;--primary-color: #9d4edd;--message-background: rgba(199, 125, 255, .1);--message-hover: rgba(199, 125, 255, .2);--color-text: var(--text-color);--color-text-secondary: #b392ac;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(199, 125, 255, .2)}._Sunset_el0uc_42{--background-color: #2d1810;--background-color-accent: #1a0f0a;--text-color: #ffe6d9;--color-border: #943b1b;--button-color: #ff7f50;--button-hover-color: #ffa07a;--primary-color: #ff4500;--message-background: rgba(255, 127, 80, .1);--message-hover: rgba(255, 127, 80, .2);--color-text: var(--text-color);--color-text-secondary: #d4a59a;--color-button: var(--button-color);--color-button-hover: var(--button-hover-color);--shadow-color: rgba(255, 69, 0, .2)}._Toaster_el0uc_59{position:fixed;bottom:0;right:0;padding:.25rem;z-index:9999}._toast_el0uc_67{position:absolute;align-items:center;bottom:0;right:0;width:25rem;height:8.75rem;background-color:var(--background-color);color:var(--color-text);transition:transform 1.2s ease;padding:.625rem;border:.0625rem solid var(--border-color);border-radius:.3125rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;display:flex;box-shadow:0 0 .625rem var(--toast-shadow-color);overflow:hidden}._toast_el0uc_67._success_el0uc_87{color:var(--success-color);border-color:var(--success-color)}._toast_el0uc_67._error_el0uc_92{color:var(--error-color);border-color:var(--error-color)}._toast_el0uc_67._warning_el0uc_97{color:var(--warning-color);border-color:var(--warning-color)}._toast_el0uc_67 ._logo_el0uc_102{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;background-size:contain;background-repeat:no-repeat;background-position:center}._toast_el0uc_67 ._text_el0uc_114{margin-left:.625rem;text-align:left;line-height:1.4rem}._toast_el0uc_67 ._text_el0uc_114 h2{font-size:1.2rem;margin:0;padding:0}._toast_el0uc_67 ._text_el0uc_114 p{color:var(--toast-text-color);margin:0;font-size:1.2rem}._toastButton_el0uc_132{position:absolute;top:.25rem;right:.25rem;color:red;background:none;border:none;font-size:1rem;cursor:pointer;padding:.125rem;display:none}._toast_el0uc_67:hover ._toastButton_el0uc_132{display:block}._toast_el0uc_67 progress{position:absolute;bottom:0;width:80%;left:10%}._App_qaypm_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,36.25rem),1fr));gap:2rem;padding:2rem;max-width:120rem;margin:0 auto}._cardContainer_qaypm_11{margin:4% 10%;background-color:var(--background-color-accent);color:var(--color-text);border-radius:var(--border-radius-large);border:.0625rem solid var(--color-border);padding:.625rem;transition:all .4s ease}._cardContainer_qaypm_11:hover{background-color:var(--background-color-accent);color:var(--color-text);border:.0625rem solid var(--primary-color);cursor:pointer;transform:translateY(-.5rem);box-shadow:0 .5rem 1rem var(--shadow-color)}._profileContainer_qaypm_34{color:var(--color-text-secondary);padding-left:var(--indent);display:flex;align-items:center;justify-content:start;gap:.625rem;flex-wrap:wrap}._profileImage_qaypm_44{border-radius:50%;margin-bottom:0;padding-bottom:0;margin-right:.625rem;object-fit:cover}._profileName_qaypm_52{margin:0}._cardContent_qaypm_56{font-size:1.2rem;margin-bottom:0;padding-bottom:0;display:flex;align-items:start;justify-content:space-between;padding:var(--indent);gap:1rem}._cardContent_qaypm_56 p{margin-right:.625rem;flex:1}._cardImage_qaypm_72{margin-bottom:0;padding-bottom:0;border-radius:var(--border-radius-medium);object-fit:cover}._actionButtons_qaypm_79{margin-top:0;padding-top:0;display:flex;gap:1.25rem;padding:var(--indent);flex-wrap:wrap}._actionButton_qaypm_79{background:none;border:none;color:var(--color-button);cursor:pointer;font-size:1.2rem;padding:.3125rem;transition:color .2s ease;white-space:nowrap}._actionButton_qaypm_79:hover{color:var(--color-button-hover)}._group_qaypm_103{display:flex;gap:1.25rem;padding:var(--indent);flex-wrap:wrap}._messages_qaypm_110{padding:var(--indent);display:flex;flex-direction:column;gap:1rem;max-height:20rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}._messages_qaypm_110::-webkit-scrollbar{width:.5rem}._messages_qaypm_110::-webkit-scrollbar-track{background:transparent}._messages_qaypm_110::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-small)}._message_qaypm_110{background-color:var(--message-background);border-radius:var(--border-radius-medium);padding:1rem;transition:all .2s ease}._message_qaypm_110:hover{background-color:var(--message-hover);transform:translate(.5rem)}._messageProfile_qaypm_146{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}._messageImage_qaypm_153{border-radius:50%;width:2rem;height:2rem;object-fit:cover}._messageName_qaypm_160{color:var(--color-text-secondary);margin:0;font-weight:500}._messageContent_qaypm_166{margin:0;color:var(--color-text);line-height:1.5}._commentsHeader_qaypm_172{display:flex;align-items:center;justify-content:space-between;padding:var(--indent);border-bottom:1px solid var(--color-border);margin-bottom:1rem}._commentsTitle_qaypm_181{margin:0;font-size:1.2rem;color:var(--color-text-secondary)}@media screen and (max-width: 768px){._App_qaypm_1{padding:1rem;gap:1rem}._cardContent_qaypm_56{flex-direction:column}._cardImage_qaypm_72{width:100%;height:auto;max-height:20rem}._actionButtons_qaypm_79{flex-wrap:wrap;align-items:stretch}._group_qaypm_103{margin:0;padding:0;gap:0}}@keyframes _appear_qaypm_227{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}._appear_qaypm_227{animation:_appear_qaypm_227 .5s ease forwards}