*{box-sizing:border-box}body{background:#fafaf8;font-family:Inter,sans-serif;margin:0}header{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;height:90px;margin:2px}nav{align-items:center;display:flex;gap:10px;height:100%;justify-content:center;width:100%}header nav img{height:52px;width:43px}header nav span{color:#141413;font-family:Inter;font-size:32px;font-weight:400px;letter-spacing:-5%;line-height:60px}main{margin:0 auto;max-width:1200px;padding:70px 30px 30px}main form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}main form>input{border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;flex-grow:1;font-size:16px;max-width:400px;min-width:150px;padding:12px 16px}main form>button{background-color:#141413;border:none;border-radius:6px;color:#fafaf8;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:150px}main form>button:hover{background-color:#2d2d2d;transform:translateY(-1px)}.ingredients-section{margin-left:28px}ul.ingredients-list{list-style:none;margin-bottom:48px;padding:0}ul.ingredients-list>li{border-bottom:1px solid #f0f0f0;color:#475467;line-height:28px;padding:8px 0}.get-recipe-container{align-items:center;background:#f0efeb;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 28px}.get-recipe-container h3{font-size:1.125rem;font-weight:500;line-height:24px;margin:0}.get-recipe-container p{color:#6b7280;font-size:.875rem;line-height:20px;margin:0}.get-recipe-container button{background:#d17557;border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;color:#fafaf8;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;min-width:140px;padding:12px 24px;transition:all .2s ease}.get-recipe-container button:hover:not(:disabled){background:#c06547;transform:translateY(-1px)}.get-recipe-container button:disabled{cursor:not-allowed;opacity:.6}.get-recipe-container button.loading{background:#9ca3af}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#d17557;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-container p{color:#6b7280;font-size:1.125rem;margin:0}.suggested-recipe-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;color:#475467;font-size:1.125rem;font-weight:400;line-height:28px;margin-top:30px;padding:30px}.suggested-recipe-container ol li,.suggested-recipe-container ul li{margin-bottom:8px}.welcome-section{display:flex;justify-content:center;margin-bottom:50px;padding:40px 20px;text-align:center}.bot-container{align-items:flex-start;display:flex;gap:20px;max-width:800px;position:relative}.bot-icon{flex-shrink:0;height:96px;margin-top:10px;width:80px}.speech-bubble{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001f;display:flex;flex-grow:1;min-height:120px;padding:25px 30px;position:relative;text-align:left}.speech-bubble:before{border-bottom:15px solid #0000;border-right:15px solid #fff;border-top:15px solid #0000;content:"";height:0;left:-15px;position:absolute;top:30px;width:0}.typing-text{display:flex;flex-direction:column;gap:15px;position:relative}.typing-content{word-wrap:break-word;color:#374151;font-family:inherit;font-size:1.125rem;line-height:1.6;margin:0;white-space:pre-wrap}.typing-cursor{animation:blink 1s infinite;background-color:#d17557;display:inline-block;height:1.2em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){main{padding:50px 20px 30px}.bot-container{align-items:center;flex-direction:column;gap:15px;text-align:center}.bot-icon{height:72px;margin-top:0;width:60px}.speech-bubble{padding:20px 25px;text-align:center}.speech-bubble:before{display:none}.typing-content{font-size:1rem}main form{align-items:center;flex-direction:column}main form>button,main form>input{max-width:400px;width:100%}.get-recipe-container{flex-direction:column;padding:20px;text-align:center}.get-recipe-container button{max-width:200px;width:100%}.suggested-recipe-container{margin-top:20px;padding:20px}}@media (max-width:480px){main{padding:40px 15px 20px}.welcome-section{margin-bottom:40px;padding:30px 15px}.bot-icon{height:60px;width:50px}.speech-bubble{min-height:100px;padding:18px 20px}.typing-content{font-size:.95rem}header nav span{font-size:24px}header nav img{height:42px;width:35px}}
/*# sourceMappingURL=main.f6a97e8a.css.map*/