:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--twitter-blue: #1DA1F2;--twitter-black: #0F1419;--twitter-dark-gray: #536471;--twitter-light-gray: #EFF3F4;--twitter-extra-light-gray: #F7F9F9;--twitter-border-color: #CFD9DE;--twitter-white: #FFFFFF;--twitter-error-red: #dc3545;--twitter-error-bg: #f8d7da;--twitter-success-green: #17BF63;--twitter-warn-red: #E0245E}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:var(--twitter-light-gray);color:var(--twitter-black);line-height:1.6}#root{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;width:100%}.app-container{width:100%;margin:0;padding:20px;background-color:var(--twitter-white);box-shadow:0 0 10px #0000000d;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.main-content-wrapper{min-height:60vh;display:flex;flex-direction:column;width:100%;flex-grow:1;justify-content:flex-start}.initial-placeholder{text-align:center;color:var(--twitter-dark-gray);padding:20px;font-size:1.1em;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;min-height:200px;width:100%;box-sizing:border-box;background-color:var(--twitter-white);border:1px solid var(--twitter-border-color);border-radius:8px;margin-top:20px}.initial-placeholder p{margin:5px 0}.app-header h1{font-size:1.5em;color:var(--twitter-black);margin:0;font-weight:700}.header-controls{display:flex;gap:10px;align-items:center}.language-select,.mode-select{padding:8px 12px;border:1px solid var(--twitter-border-color);border-radius:16px;background-color:var(--twitter-white);font-size:.9em;color:var(--twitter-dark-gray);cursor:pointer}.install-button{padding:8px 15px;background-color:var(--twitter-success-green);color:var(--twitter-white);border:none;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:700;margin-left:10px}.install-button:hover{opacity:.9}.controls-area{display:flex;gap:10px;margin-bottom:20px;align-items:center}.file-input-button,.submit-button{padding:10px 15px;border-radius:20px;font-size:.95em;font-weight:700;cursor:pointer;border:1px solid transparent;transition:background-color .2s;flex-grow:1;text-align:center}.file-input-button{background-color:var(--twitter-white);color:var(--twitter-blue);border-color:var(--twitter-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input-button:hover{background-color:var(--twitter-extra-light-gray)}.submit-button{background-color:var(--twitter-blue);color:var(--twitter-white)}.submit-button:hover{opacity:.9}.submit-button:disabled{background-color:#aab8c2;border-color:#aab8c2;color:var(--twitter-white);cursor:not-allowed;opacity:.7}.image-preview-container{margin-top:20px;margin-bottom:20px;width:100%;box-sizing:border-box;background-color:var(--twitter-white);border:1px solid var(--twitter-border-color);border-radius:8px;padding:15px}.image-preview{display:block;margin-left:auto;margin-right:auto;max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}.recipe-image-preview{width:100%;max-height:300px;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:15px}.loading-message,.error-message{text-align:center;padding:15px;margin:20px 0;border-radius:6px}.loading-message{color:var(--twitter-dark-gray);background-color:var(--twitter-extra-light-gray);border:1px solid var(--twitter-border-color)}.error-message{color:var(--twitter-error-red);background-color:var(--twitter-error-bg);border:1px solid var(--twitter-error-red)}.error-message p{margin:0}.recipe-card{background-color:var(--twitter-white);border:1px solid var(--twitter-border-color);border-radius:8px;box-shadow:none;margin-top:20px;overflow:hidden;width:100%;box-sizing:border-box}.recipe-card-content{padding:15px}.recipe-card h2{font-size:1.4em;color:var(--twitter-black);margin-top:0;margin-bottom:8px;font-weight:700}.recipe-card p{font-size:.95em;color:var(--twitter-black);margin-bottom:12px}.recipe-card h3{font-size:1em;color:var(--twitter-dark-gray);margin-top:15px;margin-bottom:8px;font-weight:700}.recipe-card ul{list-style-type:disc;padding-left:20px;margin-bottom:15px;font-size:.9em;color:var(--twitter-dark-gray)}.recipe-card ul li{margin-bottom:4px}.history-item-title{padding:10px 15px 0;margin-bottom:0;font-size:1.1em;color:var(--twitter-dark-gray);font-weight:700}.history-recipe-card{margin-top:20px;border-left:3px solid var(--twitter-blue)}.share-button{display:block;width:calc(100% - 30px);margin:20px auto 0;padding:10px 15px;background-color:var(--twitter-blue);color:var(--twitter-white);border:none;border-radius:20px;font-size:.95em;font-weight:700;cursor:pointer;transition:background-color .2s}.share-button:hover{opacity:.9}.share-feedback-message{text-align:center;padding:10px;margin:15px 0;border-radius:6px;background-color:var(--twitter-success-green);color:var(--twitter-white);font-size:.9em}.history-controls{margin-top:30px;margin-bottom:15px;text-align:center}.history-toggle-button,.clear-history-button{padding:8px 15px;border-radius:20px;font-size:.9em;font-weight:700;cursor:pointer;border:1px solid var(--twitter-border-color);background-color:var(--twitter-white);color:var(--twitter-dark-gray);margin:5px;transition:background-color .2s}.history-toggle-button:hover,.clear-history-button:hover{background-color:var(--twitter-extra-light-gray)}.clear-history-button{border-color:var(--twitter-warn-red);color:var(--twitter-warn-red)}.clear-history-button:hover{background-color:#fde7ef}.history-section{margin-top:10px;padding:15px;border:1px solid var(--twitter-border-color);border-radius:8px;background-color:var(--twitter-extra-light-gray)}.history-section h2{font-size:1.2em;color:var(--twitter-black);margin-top:0;margin-bottom:10px;font-weight:700}.history-list{list-style-type:none;padding:0;margin:0}.history-item{padding:10px;border-bottom:1px solid var(--twitter-border-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:var(--twitter-white)}.history-item span{font-size:.95em;color:var(--twitter-black)}.history-item small{font-size:.8em;color:var(--twitter-dark-gray)}@media (max-width: 600px){.app-container{margin:0;padding:15px;border-radius:0}.app-header{flex-direction:column;gap:10px;align-items:stretch;padding:10px 0}.app-header h1{font-size:1.3em;text-align:center}.header-controls{flex-direction:column;width:100%}.language-select,.mode-select{width:100%;font-size:1em;box-sizing:border-box}.install-button{width:100%;margin-left:0;margin-top:10px;box-sizing:border-box}.controls-area{flex-direction:column}.file-input-button,.submit-button{width:100%;font-size:1em;margin-bottom:10px;box-sizing:border-box}.recipe-card-content{padding:10px}.recipe-card h2{font-size:1.2em}.recipe-card p{font-size:.9em}.recipe-card h3{font-size:.95em}.recipe-card ul{font-size:.85em}.history-toggle-button,.clear-history-button{width:100%;box-sizing:border-box;margin-bottom:10px}}