html,body{overflow-x:hidden;width:100%;position:relative}body{font-family:Arial,sans-serif;background-color:#fff;margin:0;padding:0;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center}.main-content{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.app-footer{background-color:#0000000d;padding:15px;text-align:center;width:100%;box-sizing:border-box;margin-top:auto}.app-footer p{margin:0;font-size:14px;color:#666}.centered-container{text-align:center;background-image:url(/assets/background-XTf53b4R.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:1000px;height:85vh;padding:30px;border-radius:15px;box-shadow:0 0 50px #0000004d;position:relative;display:flex;justify-content:center;align-items:center}.centered-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;border-radius:15px}.content-wrapper{width:90%;max-width:800px;position:relative;z-index:1;padding:0;display:flex;flex-direction:column;justify-content:flex-start;height:auto;min-height:0}h1{font-size:42px;color:#333;margin-bottom:10px;font-weight:400}.subtitle{font-size:18px;color:#666;margin-bottom:40px}.ingredients-container{background:#fff;border-radius:10px;padding:30px;margin-bottom:40px;box-shadow:0 0 15px #0000000d;min-height:200px;display:flex;flex-direction:column}.ingredients-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content:center;min-height:40px}.ingredient-tag{background:#f0f2ee;padding:8px 20px;border-radius:20px;color:#333;font-size:16px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ingredient-tag .remove-icon{color:transparent;font-size:20px;margin-left:4px;font-weight:400;display:inline-block;width:16px;transition:color .2s ease}.ingredient-tag:hover .remove-icon{color:#999}.ingredient-tag:hover{background:#e8eae6;transform:translateY(-1px)}.input-container{position:relative;margin-bottom:10px;margin-top:auto;width:100%}input{width:100%;padding:15px;border:none;border-bottom:1px solid #ddd;font-size:16px;color:#333;outline:none;box-sizing:border-box}input::placeholder{color:#999}.error-message{color:#dc3545;font-size:14px;margin:8px 0 0;text-align:left}.generate-button{background:#fff;color:#333;border:none;padding:15px 40px;border-radius:25px;font-size:18px;cursor:pointer;box-shadow:0 0 15px #0000001a;transition:all .3s ease;align-self:center}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00000026}.generate-button:disabled{opacity:.6;cursor:not-allowed}button{padding:10px;background:#28a745;color:#fff;border:none;cursor:pointer}.recipes-list{display:flex;flex-direction:column;gap:12px;width:100%;overflow-y:auto;max-height:calc(100% - 20px);padding-right:10px;margin-bottom:0}.recipe-card{background:#f0f2ee;padding:15px;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;gap:20px;align-items:center;flex-shrink:0}.recipe-card:hover{background:#e8eae6;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.recipe-image-container{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden}.recipe-image{width:100%;height:100%;object-fit:cover}.recipe-content{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 15px #0000000d;flex-grow:1;margin-bottom:20px;width:100%;box-sizing:border-box}.recipe-card h3{margin:0 0 8px;color:#333;font-size:16px;font-weight:500}.recipe-card p{margin:0;color:#666;font-size:13px;line-height:1.3}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.loading-gif{width:200px;height:200px;border-radius:50%;margin-bottom:20px;object-fit:cover;box-shadow:0 0 20px #0000001a;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 20px #0000001a}50%{transform:scale(1.05);box-shadow:0 0 30px #0003}to{transform:scale(1);box-shadow:0 0 20px #0000001a}}.loading-container p{font-size:20px;color:#666;margin:0;animation:fadeInOut 2s infinite ease-in-out}@keyframes fadeInOut{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.recipe-detail-page .content-wrapper{width:90%;max-width:800px;height:100%;padding:0;overflow-y:auto;overflow-x:hidden}.recipe-header{display:flex;gap:30px;margin-bottom:20px;align-items:flex-start}.recipe-detail-image{width:200px;height:200px;border-radius:15px;object-fit:cover;box-shadow:0 4px 20px #0000001a;flex-shrink:0}.recipe-header-content{flex-grow:1;text-align:left}.recipe-header h1{font-size:32px;margin-bottom:15px}.recipe-description{font-size:16px;color:#666;line-height:1.6;margin-bottom:20px}.recipe-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.info-card{background:#fff;padding:12px;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000000d}.info-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.info-value{display:block;font-size:16px;color:#333;font-weight:500}.recipe-content h2{color:#333;font-size:22px;margin-bottom:15px;font-weight:500}.ingredients-list-detail{list-style:none;padding:0;margin:0;width:100%;box-sizing:border-box}.ingredients-list-detail li{font-size:15px;color:#444;padding:6px 0;border-bottom:1px solid #eee;word-wrap:break-word;width:100%;box-sizing:border-box;overflow-wrap:break-word}.ingredients-list-detail li:last-child{border-bottom:none}.process-list{padding-left:20px;margin:0;width:100%;box-sizing:border-box}.process-list li{font-size:15px;color:#444;margin-bottom:12px;line-height:1.5;word-wrap:break-word;width:100%;box-sizing:border-box}.ingredients-section,.process-section{margin-bottom:30px}.notes-section{background:#f9f9f9;padding:15px;border-radius:10px;margin-top:20px}.notes-section p{font-size:15px;color:#666;line-height:1.5;font-style:italic}@media screen and (max-width: 1024px){.centered-container{width:90%;height:90vh}}@media screen and (max-width: 768px){.centered-container{width:95%;height:95vh;padding:20px}h1{font-size:32px}.recipe-header{flex-direction:column;gap:20px}.recipe-detail-image{width:100%;height:200px}.recipe-info-grid{grid-template-columns:repeat(2,1fr)}.recipe-card{padding:12px;gap:15px}.recipe-image-container{width:60px;height:60px}.content-wrapper,.recipe-detail-page .content-wrapper{width:90%;padding:0}}@media screen and (max-width: 480px){html,body{overflow-x:hidden;width:100%;position:relative}body{display:block;height:auto;min-height:100vh;overflow:auto}.centered-container{width:100%;height:auto;min-height:100vh;border-radius:0;padding:0;overflow-x:hidden;align-items:center;justify-content:center}.centered-container:before{border-radius:0}.content-wrapper{width:100%;padding:15px;overflow-x:hidden;height:auto;margin:auto 0}.recipe-detail-page .content-wrapper{width:90%;padding:0;height:calc(100vh - 30px);overflow-y:auto;overflow-x:hidden}h1{font-size:28px}.subtitle{font-size:14px;margin-bottom:30px}.ingredients-container{width:85%;padding:10px;margin-bottom:0;align-self:center;overflow-x:hidden;display:flex;flex-direction:column;height:auto}.ingredient-tag{font-size:14px;padding:6px 12px}.recipe-card{width:100%;padding:10px;gap:10px;box-sizing:border-box;margin:0}.recipe-image-container{width:50px;height:50px;flex-shrink:0}.recipe-content{width:100%;padding:10px;margin-bottom:0}.recipe-card h3{font-size:14px;margin:0 0 4px;white-space:normal;word-wrap:break-word}.recipe-card p{font-size:12px;margin:0;white-space:normal;word-wrap:break-word}.recipes-list{width:100%;padding-right:0;box-sizing:border-box;margin-bottom:0;gap:8px;height:auto;overflow:visible}.recipe-info-grid{grid-template-columns:1fr}.generate-button{padding:12px 30px;font-size:16px;margin-top:20px;margin-bottom:20px}.recipe-content h2{font-size:20px}.ingredients-list-detail li,.process-list li{font-size:14px;padding:6px 0;margin-bottom:8px;width:100%;box-sizing:border-box}.process-list{padding-left:15px;width:100%;box-sizing:border-box}.info-card{padding:8px}.info-label{font-size:12px}.info-value{font-size:14px}.ingredients-list{width:100%;gap:8px;margin-bottom:20px}.input-container{width:100%;box-sizing:border-box}input{width:100%;box-sizing:border-box;padding:12px}.recipe-card:last-child{margin-bottom:0}.app-footer{padding:10px;background-color:#00000008}.app-footer p{font-size:12px}}@supports (-webkit-touch-callout: none){.centered-container{height:-webkit-fill-available}}