:root{--bg-body: #f3f4f6;--bg-card: #ffffff;--text-main: #374151;--text-title: #111827;--text-muted: #6b7280;--border-color: #d1d5db;--header-shadow: rgba(0, 0, 0, .05);--bg-get-recipe: #fffbeb;--border-get-recipe: #fcd34d;--text-get-recipe-h3: #92400e;--text-get-recipe-p: #b45309}body.dark-mode{--bg-body: #111827;--bg-card: #1f2937;--text-main: #d1d5db;--text-title: #ffffff;--text-muted: #9ca3af;--border-color: #4b5563;--header-shadow: rgba(0, 0, 0, .4);--bg-get-recipe: #2d2412;--border-get-recipe: #78350f;--text-get-recipe-h3: #fbbf24;--text-get-recipe-p: #f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-main);transition:background-color .3s,color .3s}.header{display:flex;align-items:center;justify-content:center;position:relative;height:80px;background-color:var(--bg-card);box-shadow:0 4px 10px var(--header-shadow);margin-bottom:40px}.chef-logo{height:60px;width:auto}.title{font-size:1.5rem;font-weight:600;color:var(--text-title);margin:0;letter-spacing:-.5px}.light-dark{position:absolute;right:20px;padding:8px 12px;background-color:var(--text-title);color:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;cursor:pointer;font-weight:500;transition:all .2s}.toggle{height:25px;width:auto}main{max-width:600px;margin:40px auto;padding:30px;background:var(--bg-card);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a}.form-instruction{text-align:center;margin-bottom:15px;color:var(--text-main);font-size:1.1rem;font-weight:500}.form{display:flex;justify-content:center;gap:12px;height:50px;margin-bottom:30px}.form>input{border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-body);color:var(--text-main);padding:9px 16px;flex-grow:1;min-width:200px;font-size:1rem;transition:border .2s}.form>input:focus{outline:none;border-color:var(--text-title)}.form>button{background-color:#111827;color:#fff;width:150px;border-radius:8px;border:none;font-weight:600;cursor:pointer}body.dark-mode .form>button{background-color:#374151;border:1px solid #4b5563}.ingredients li{background-color:var(--bg-body);padding:8px 16px;border-radius:20px;font-weight:500;color:var(--text-main);display:inline-block;margin:5px 8px 5px 0}.get-recipe-container{display:flex;background:var(--bg-get-recipe);border:1px solid var(--border-get-recipe);justify-content:space-between;align-items:center;border-radius:10px;padding:20px 25px;margin:30px 0}.get-recipe-container h3{color:var(--text-get-recipe-h3)}.get-recipe-container p{color:var(--text-get-recipe-p)}.get-recipe-container button{border:none;border-radius:6px;background:#d17557;box-shadow:0 1px 2px #0000000d;color:#fafaf8;padding:9px 17px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer}.recipe{margin-top:40px;line-height:1.6;color:var(--text-main)}.footer{text-align:center;padding:25px 0;color:var(--text-muted)}
