*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#0b0b0b;color:#f5f5f5;font-family:system-ui,-apple-system,sans-serif}.app{max-width:1280px;margin:0 auto;padding:24px;min-height:100vh}.brand{font-size:12px;opacity:.65;margin-bottom:10px;letter-spacing:.04em}.hint{font-size:12px;opacity:.45}.search{width:100%;padding:14px 16px;font-size:16px;border:none;border-radius:10px;background:#1c1c1c;color:#fff;margin-bottom:12px}.cats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media(max-width:700px){.cats{grid-template-columns:1fr 1fr}}.cat,.item-btn{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:28px 12px;font-size:17px;font-weight:800;text-align:center;color:#f5f5f5;cursor:pointer;min-height:72px}.item-btn{font-size:16px;padding:18px 12px;text-align:left}.back-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.back{background:#2a2a2a;border:none;color:#fff;padding:10px 14px;border-radius:8px;font-size:15px;cursor:pointer}.snap{font-size:11px;opacity:.5}.title{font-size:26px;font-weight:800;margin:0 0 12px}.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab{padding:10px 14px;border-radius:8px;background:#2a2a2a;font-weight:600;font-size:14px;border:none;color:#f5f5f5;cursor:pointer}.tab.on{background:#2a5;color:#041}.card-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:800px){.card-body{grid-template-columns:1fr}}.card-recipe,.card-photo{min-width:0}.photo{aspect-ratio:4 / 3;width:100%;border-radius:12px;margin-bottom:0;background:linear-gradient(145deg,#1a1a1a,#222);border:1px dashed #444;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:0;overflow:hidden;text-align:center}.photo small{display:block;padding:0 8px 8px}.photo small{font-size:11px;opacity:.55}.sec{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin-bottom:6px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}ul.ingredients,ol.build{margin:0 0 14px;padding-left:18px;font-size:15px;line-height:1.55}.search-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:8px}@media(max-width:700px){.search-results{grid-template-columns:1fr 1fr}}.loading,.error{padding:24px;opacity:.8}.item-btn--missing-guide{border:2px solid #e6a800;background:#e6a80024}.missing-guide-banner{display:inline-block;margin:-4px 0 12px;padding:6px 10px;border-radius:8px;border:1px solid #e6a800;background:#e6a80029;color:#ffd666;font-size:13px;font-weight:700}.item-btn{display:flex;align-items:center;justify-content:space-between;gap:10px}.item-btn__label{flex:1}.item-btn--ai-photo{border:2px solid #9b6dff;box-shadow:0 0 0 1px #9b6dff59;background:#9b6dff1f}.item-btn--missing-guide.item-btn--ai-photo{border:2px solid #e6a800;box-shadow:0 0 0 2px #9b6dff8c;background:linear-gradient(135deg,#e6a80029,#9b6dff24)}.badge-ai{flex-shrink:0;display:inline-block;padding:3px 8px;border-radius:999px;background:#9b6dff47;border:1px solid #9b6dff;color:#d4b8ff;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.ai-photo-banner{display:inline-block;margin:-4px 0 12px;padding:6px 10px;border-radius:8px;border:1px solid #9b6dff;background:#9b6dff2e;color:#d4b8ff;font-size:13px;font-weight:700}.photo--ai{border:1px solid #9b6dff}.photo img{width:100%;aspect-ratio:4 / 3;height:auto;object-fit:cover;border-radius:0;display:block}