*{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}ol.build{margin:0 0 14px;padding-left:18px;font-size:15px;line-height:1.55}.ing-table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px}.ing-table__h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.5;text-align:left;font-weight:700;padding:4px 8px 4px 0;border-bottom:1px solid #333}.ing-table__h--num,.ing-table__num{text-align:right}.ing-table td{padding:4px 8px 4px 0;border-bottom:1px solid #222;line-height:1.4}.ing-table td:last-child,.ing-table th:last-child{padding-right:0}.ing-table__num{padding-right:8px;white-space:nowrap}.title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.title-row .title{margin:0}.title-group{display:flex;flex-direction:column;gap:2px}.missing-guide-note{font-size:12px;font-weight:600;color:#ffd666;opacity:.85}.lang-toggle{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid #333;flex-shrink:0}.lang-toggle__btn{background:#1e1e1e;border:none;color:#f5f5f5;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;opacity:.6}.lang-toggle__btn.on{background:#2a5;color:#041;opacity:1}.item-feedback{margin-top:16px;padding:12px;border:1px dashed #444;border-radius:10px;background:#ffffff05}.item-feedback textarea{width:100%;min-height:64px;border-radius:8px;border:1px solid #333;background:#1c1c1c;color:#fff;padding:8px 10px;font-size:14px;font-family:inherit;resize:vertical}.item-feedback__actions{display:flex;gap:8px;margin-top:8px;align-items:center}.item-feedback__sent{font-size:12px;opacity:.65}.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}.last-updated{margin-top:14px;font-size:12px;opacity:.55;font-style:italic}.pkg-section{margin-top:22px}.pkg-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.pkg-mode{background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px 12px}.pkg-mode__head{font-weight:700;font-size:14px;margin-bottom:6px}.pkg-mode__n{opacity:.5;font-weight:400}.pkg-list{list-style:none;margin:0;padding:0}.pkg-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:12px;border-bottom:1px solid #1e1e1e}.pkg-row:last-child{border-bottom:none}.pkg-name{flex:1}.pkg-vendor{opacity:.45;white-space:nowrap;font-size:11px}.rev-group{margin-bottom:22px}.rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.rev-cell{background:#161616;border:1px solid #2c2c2c;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.rev-cell--locked{border-color:#2a5;box-shadow:0 0 0 1px #2a56}.rev-photo{aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#1a1a1a,#222)}.rev-photo img{width:100%;height:100%;object-fit:cover;display:block}.rev-photo__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.4}.rev-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rev-name{font-weight:700;font-size:14px}.rev-size{font-size:12px;opacity:.6;white-space:nowrap}.rev-note{width:100%;min-height:54px;resize:vertical;background:#0f0f0f;color:#f5f5f5;border:1px solid #333;border-radius:8px;padding:8px;font-size:13px;font-family:inherit}.rev-actions{display:flex;gap:8px}.rev-btn{flex:1;padding:9px 10px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;color:#fff}.rev-btn:disabled{opacity:.4;cursor:not-allowed}.rev-btn--update{background:#3a63c0}.rev-btn--confirm{background:#2a5;color:#041}.rev-status{font-size:11px}.rev-status--sent{color:#8fd0ff}.rev-status--err{color:#ffd666}.item-btn--missing-guide{border:2px solid #e6a800;background:#e6a80024}.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}