@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap);*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8f3;color:#2d2420;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Fraunces,beaufort-pro,Georgia,serif;font-weight:700;line-height:1.2;margin:0}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.5rem;letter-spacing:-.01em}h3{font-size:1.25rem}p{margin:0 0 1rem}a{color:#c45c3b;text-decoration:none;transition:color .15s ease}a:hover{color:#9a4a30}code{background:rgba(45,36,32,.06);border-radius:4px;font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}::selection{background:#c45c3b;color:#fff}::-moz-selection{background:#c45c3b;color:#fff}:focus-visible{outline:2px solid #c45c3b;outline-offset:2px}*{scrollbar-color:#e8a492 transparent;scrollbar-width:thin}a,button,input,select,textarea{transition:all .15s ease}button{cursor:pointer;font-family:inherit}img{display:block;height:auto;max-width:100%}ol,ul{padding-left:1.5rem}hr{background:linear-gradient(90deg,transparent,rgba(45,36,32,.15),transparent);border:none;height:1px;margin:2rem 0}.Linkify a{color:#c45c3b;text-decoration:underline;-webkit-text-decoration-color:rgba(196,92,59,.3);text-decoration-color:rgba(196,92,59,.3);text-underline-offset:2px}.Linkify a:hover{-webkit-text-decoration-color:#c45c3b;text-decoration-color:#c45c3b}:root{--color-terracotta:#c45c3b;--color-terracotta-light:#e8a492;--color-terracotta-dark:#9a4a30;--color-sage:#7a9e7e;--color-sage-light:#b5d0b8;--color-sage-dark:#5c7a5f;--color-cream:#faf8f3;--color-cream-dark:#f0ede4;--color-espresso:#2d2420;--color-espresso-light:#4a3f3a;--color-warm-white:#fffdf9;--color-highlight:#fff3cd;--color-highlight-active:#ffe69c;--shadow-sm:0 2px 4px rgba(45,36,32,.06);--shadow-md:0 4px 12px rgba(45,36,32,.08);--shadow-lg:0 8px 24px rgba(45,36,32,.12);--shadow-xl:0 16px 48px rgba(45,36,32,.16);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}.App{background:#faf8f3;background:var(--color-cream);display:flex;flex-direction:column;min-height:100vh;position:relative}@media (min-width:1001px){.App{background:radial-gradient(ellipse at 100% 0,rgba(196,92,59,.03) 0,transparent 50%),radial-gradient(ellipse at 0 100%,rgba(122,158,126,.04) 0,transparent 50%),#faf8f3;background:radial-gradient(ellipse at 100% 0,rgba(196,92,59,.03) 0,transparent 50%),radial-gradient(ellipse at 0 100%,rgba(122,158,126,.04) 0,transparent 50%),var(--color-cream);background-attachment:fixed;display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto 1fr}}.App:before{background-image:radial-gradient(#2d2420 .5px,transparent 0);background-image:radial-gradient(var(--color-espresso) .5px,transparent .5px);background-size:24px 24px;bottom:0;content:"";left:0;opacity:.02;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.recipeList{background:#fffdf9;background:var(--color-warm-white);border-right:1px solid rgba(45,36,32,.08);overflow-y:auto;padding:24px 0;z-index:10}@media (min-width:1001px){.recipeList{grid-column:1;grid-row:1/-1;max-height:100vh;position:-webkit-sticky;position:sticky;top:0}}.recipeList h2{color:#4a3f3a;color:var(--color-espresso-light);font-size:.75rem;font-weight:600;letter-spacing:1.5px;margin:0 20px 16px;opacity:.7;text-transform:uppercase}.recipeList:before{border-bottom:1px solid rgba(45,36,32,.08);content:"🍳 Recipes";display:block;font-family:beaufort-pro,Georgia,serif;font-size:1.5rem;font-weight:700;margin-bottom:16px;padding:0 24px 24px}.recipeList:before,.recipeListItem{color:#2d2420;color:var(--color-espresso)}.recipeListItem{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;margin:2px 12px;padding:14px 24px;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.recipeListItem:hover{background:#faf8f3;background:var(--color-cream);color:#2d2420;color:var(--color-espresso);-webkit-transform:translateX(4px);transform:translateX(4px)}.recipeListItem.selected{box-shadow:0 4px 12px rgba(45,36,32,.08);box-shadow:var(--shadow-md);font-weight:600}.recipeListItem.selected,.recipeListItem.selected:hover{background:linear-gradient(135deg,#c45c3b,#9a4a30);background:linear-gradient(135deg,var(--color-terracotta) 0,var(--color-terracotta-dark) 100%);color:#fff}.recipeListItem.selected:hover{-webkit-transform:translateX(0);transform:translateX(0)}.recipeListItem:first-of-type{background:#faf8f3;background:var(--color-cream);border:2px dashed #e8a492;border:2px dashed var(--color-terracotta-light);color:#c45c3b;color:var(--color-terracotta);font-weight:500;margin:8px 12px 16px;text-align:center}.recipeListItem:first-of-type:hover{background:#e8a492;background:var(--color-terracotta-light);border-color:#c45c3b;border-color:var(--color-terracotta);color:#fff}.recipeListItem:first-of-type.selected{background:#c45c3b;background:var(--color-terracotta);border:2px solid #9a4a30;border:2px solid var(--color-terracotta-dark);color:#fff}.recipeList .MuiAutocomplete-root{margin:0 16px 16px}.recipeHeader{background:#fffdf9;background:var(--color-warm-white);border:none;padding:32px 24px;position:relative;z-index:5}@media (min-width:1001px){.recipeHeader{border-radius:0 0 28px 28px;border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:0 4px 12px rgba(45,36,32,.08);box-shadow:var(--shadow-md);grid-column:2;grid-row:1;margin:0 32px;padding:40px 48px}}.recipeHeader h1{color:#2d2420;color:var(--color-espresso);font-family:beaufort-pro,Georgia,serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 12px}.recipeHeader p{color:#4a3f3a;color:var(--color-espresso-light);font-size:1.05rem;line-height:1.6;margin:8px 0}.recipeHeader .recipe-meta{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.recipeHeader .meta-item{align-items:center;color:#4a3f3a;color:var(--color-espresso-light);display:flex;font-size:.9rem;gap:8px}.recipeHeader .meta-item svg{color:#7a9e7e;color:var(--color-sage)}.recipeHeader .tags-container{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.recipeHeader .tag-chip{background:#b5d0b8;background:var(--color-sage-light);border-radius:100px;color:#5c7a5f;color:var(--color-sage-dark);font-size:.8rem;font-weight:500;padding:4px 12px}.recipeHeader .tag-chip.active{background:#7a9e7e;background:var(--color-sage);color:#fff}.recipeHeader .actions{display:flex;gap:12px;margin-top:24px}.recipeBodyBackground{background:#fffdf9;background:var(--color-warm-white);border:none;display:flex;flex:1 1;flex-direction:column}@media (min-width:1001px){.recipeBodyBackground{border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(45,36,32,.08);box-shadow:var(--shadow-md);display:grid;flex:initial;grid-column:2;grid-row:2;grid-template-columns:minmax(280px,1fr) 2fr;margin:24px 32px 32px;min-height:400px;overflow:hidden}}.ingredients{background:linear-gradient(180deg,#faf8f3,#f0ede4);background:linear-gradient(180deg,var(--color-cream) 0,var(--color-cream-dark) 100%);margin:0;padding:24px 20px;text-align:left}@media (min-width:1001px){.ingredients{border-right:1px solid rgba(45,36,32,.06);grid-column:1;padding:32px}}.ingredients h2{border-bottom:2px solid #e8a492;border-bottom:2px solid var(--color-terracotta-light);color:#c45c3b;color:var(--color-terracotta);font-family:beaufort-pro,Georgia,serif;font-size:1.25rem;font-weight:700;margin:0 0 24px;padding-bottom:12px}.ingredients p{border-radius:8px;border-radius:var(--radius-sm);color:#2d2420;color:var(--color-espresso);cursor:default;font-size:.95rem;line-height:1.5;margin:4px 0;padding:10px 14px;transition:all .15s ease;transition:all var(--transition-fast)}.ingredients p:hover{background:rgba(196,92,59,.08)}.ingredients p.highlight{background:#ffe69c;background:var(--color-highlight-active);box-shadow:0 2px 4px rgba(45,36,32,.06);box-shadow:var(--shadow-sm)}.steps{margin:0;padding:24px 20px;text-align:left}@media (min-width:1001px){.steps{grid-column:2;padding:32px 40px}}.steps h2{border-bottom:2px solid #b5d0b8;border-bottom:2px solid var(--color-sage-light);color:#5c7a5f;color:var(--color-sage-dark);font-size:1.25rem;font-weight:700;margin:0 0 24px;padding-bottom:12px}.steps h2,.steps h3{font-family:beaufort-pro,Georgia,serif}.steps h3{background:linear-gradient(90deg,#e8a492,transparent);background:linear-gradient(90deg,var(--color-terracotta-light) 0,transparent 100%);border-radius:8px;border-radius:var(--radius-sm);color:#c45c3b;color:var(--color-terracotta);font-size:1.1rem;font-weight:600;margin:32px 0 16px;padding:12px 16px}.steps h3:first-of-type{margin-top:0}.steps p{border-left:3px solid transparent;border-radius:8px;border-radius:var(--radius-sm);color:#2d2420;color:var(--color-espresso);font-size:1rem;line-height:1.7;margin:8px 0;padding:14px 18px;transition:all .15s ease;transition:all var(--transition-fast)}.steps p:hover{background:rgba(122,158,126,.08);border-left-color:#7a9e7e;border-left-color:var(--color-sage)}.steps p.highlight{background:#ffe69c;background:var(--color-highlight-active);border-left-color:#c45c3b;border-left-color:var(--color-terracotta);box-shadow:0 2px 4px rgba(45,36,32,.06);box-shadow:var(--shadow-sm)}.underline{background:linear-gradient(180deg,transparent 85%,#b5d0b8 0);background:linear-gradient(180deg,transparent 85%,var(--color-sage-light) 85%);cursor:pointer;padding:0 1px;text-decoration:none;transition:background .15s ease;transition:background var(--transition-fast)}.underline:hover{background:linear-gradient(180deg,transparent 75%,#7a9e7e 0);background:linear-gradient(180deg,transparent 75%,var(--color-sage) 75%);color:#2d2420;color:var(--color-espresso)}.recipeHeader form,.recipeHeader>div{text-align:left}.wideCreationInput{max-width:700px;width:100%}.mediumCreationInput{max-width:600px;width:100%}.narrowCreationInput{max-width:400px;width:100%}.recipeHeader .MuiTextField-root{margin-bottom:8px}.recipeHeader .MuiDivider-root{border-color:rgba(45,36,32,.1);margin:24px 0}.recipeHeader h2{color:#c45c3b;color:var(--color-terracotta);font-family:beaufort-pro,Georgia,serif;font-size:1.3rem;font-weight:700;margin:16px 0}.recipeHeader .ingredient-row,.recipeHeader .step-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.recipeHeader svg.MuiSvgIcon-root{color:#4a3f3a;color:var(--color-espresso-light);cursor:pointer;margin-left:8px;transition:all .15s ease;transition:all var(--transition-fast);vertical-align:middle}.recipeHeader svg.MuiSvgIcon-root:hover{color:#c45c3b;color:var(--color-terracotta);-webkit-transform:scale(1.1);transform:scale(1.1)}.MuiButton-outlined{border-radius:8px!important;border-radius:var(--radius-sm)!important;border-width:2px!important;font-weight:600!important;padding:8px 20px!important;text-transform:none!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.MuiButton-outlined:hover{box-shadow:0 2px 4px rgba(45,36,32,.06);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.MuiButton-contained{border-radius:8px!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 4px rgba(45,36,32,.06)!important;box-shadow:var(--shadow-sm)!important;font-weight:600!important;padding:10px 20px!important;text-transform:none!important;transition:all .15s ease!important;transition:all var(--transition-fast)!important}.MuiButton-contained:hover{box-shadow:0 4px 12px rgba(45,36,32,.08)!important;box-shadow:var(--shadow-md)!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.MuiDialog-paper{border-radius:20px!important;border-radius:var(--radius-lg)!important;padding:8px!important}.MuiDialogTitle-root{font-family:beaufort-pro,Georgia,serif!important;font-weight:700!important}.MuiAlert-root{border-radius:12px!important;border-radius:var(--radius-md)!important;margin:16px 0}.MuiChip-outlined{border-radius:100px!important;font-weight:500!important}@media (max-width:1000px){.recipeHeader h1{font-size:1.6rem}.ingredients{border-bottom:1px solid rgba(45,36,32,.1)}.mediumCreationInput,.narrowCreationInput,.wideCreationInput{max-width:none;width:100%}.empty-state h2{font-size:1.3rem}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recipeHeader{-webkit-animation:fadeInUp .4s ease-out;animation:fadeInUp .4s ease-out}.recipeBodyBackground{-webkit-animation:fadeInUp .5s ease-out .1s both;animation:fadeInUp .5s ease-out .1s both}.ingredients p,.recipeListItem,.steps p{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out}.recipeList::-webkit-scrollbar{width:6px}.recipeList::-webkit-scrollbar-track{background:transparent}.recipeList::-webkit-scrollbar-thumb{background:#e8a492;background:var(--color-terracotta-light);border-radius:3px}.recipeList::-webkit-scrollbar-thumb:hover{background:#c45c3b;background:var(--color-terracotta)}.empty-state{align-items:center;color:#4a3f3a;color:var(--color-espresso-light);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:50vh;padding:60px 24px;text-align:center}@media (min-width:1001px){.empty-state{grid-column:2;padding:80px 40px}}.empty-state svg{color:#e8a492;color:var(--color-terracotta-light);font-size:64px;margin-bottom:24px}.empty-state h2{color:#2d2420;color:var(--color-espresso);font-family:beaufort-pro,Georgia,serif;font-size:1.5rem;margin:0 0 12px}.empty-state p{font-size:1rem;line-height:1.6;max-width:400px}.MuiTooltip-tooltip{background:#2d2420!important;background:var(--color-espresso)!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;font-size:.85rem!important;padding:8px 14px!important}.MuiTooltip-arrow{color:#2d2420!important;color:var(--color-espresso)!important}.debug-panel{background:#2d2420;background:var(--color-espresso);border-radius:8px;border-radius:var(--radius-sm);bottom:16px;box-shadow:0 8px 24px rgba(45,36,32,.12);box-shadow:var(--shadow-lg);color:#fff;font-size:.8rem;left:16px;max-width:400px;padding:12px 16px;position:fixed;z-index:9999}
/*# sourceMappingURL=main.874cd839.css.map*/