:root{--chef-primary: #0D9488;--chef-primary-dark: #ea580c;--chef-bg: #fffbeb;--chef-card: #ffffff;--chef-text: #1f2937;--chef-text-muted: #6b7280}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--chef-bg);color:var(--chef-text);margin:0;padding:0;min-height:100vh}.app-container{max-width:600px;margin:0 auto;padding:16px}.header{text-align:center;padding:24px 0}.header h1{font-size:2rem;margin:0 0 8px;color:var(--chef-primary-dark)}.tagline{color:var(--chef-text-muted);margin:0;font-size:1.1rem}.recipe-form{background:var(--chef-card);border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014}.form-section{margin-bottom:20px}.form-section label{display:block;font-weight:600;margin-bottom:8px;color:var(--chef-text)}.form-section textarea,.form-section input[type=text],.form-section select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:border-color .2s}.form-section textarea:focus,.form-section input:focus,.form-section select:focus{outline:none;border-color:var(--chef-primary)}.form-section textarea{resize:vertical;min-height:120px}.form-row{display:flex;gap:16px}.form-section.half{flex:1}.cuisine-buttons,.spice-buttons{display:flex;flex-wrap:wrap;gap:8px}.cuisine-btn,.spice-btn{flex:1;min-width:80px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cuisine-btn:hover,.spice-btn:hover{border-color:var(--chef-primary)}.cuisine-btn.active,.spice-btn.active{background:var(--chef-primary);border-color:var(--chef-primary);color:#fff}.generate-btn{width:100%;padding:16px 24px;background:var(--chef-primary);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.generate-btn:hover{background:var(--chef-primary-dark)}.generate-btn:disabled{background:#d1d5db;cursor:not-allowed}.recipe-output{background:var(--chef-card);border-radius:16px;padding:24px;margin-top:24px;box-shadow:0 4px 12px #00000014}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.recipe-header h2{margin:0;font-size:1.5rem}.new-recipe-btn{padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;cursor:pointer}.new-recipe-btn:hover{background:#e5e7eb}.recipe-content{line-height:1.7}.recipe-content h3{color:var(--chef-primary-dark);margin-top:24px;margin-bottom:12px}.recipe-content ul{padding-left:20px}.recipe-content li{margin-bottom:6px}.recipe-content strong{color:var(--chef-text)}.recipe-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.action-btn{flex:1;padding:12px 16px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.action-btn:hover{background:#e5e7eb}.btn-loading{display:inline-flex;align-items:center;gap:8px}.btn-loading:before{content:"";width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.app-container{padding:12px}.recipe-form,.recipe-output{padding:16px;border-radius:12px}.header h1{font-size:1.75rem}.form-row{flex-direction:column;gap:0}.form-section.half{width:100%}}