.zcc-wrap{font-family:var(--zcc-font);max-width:960px;margin:28px auto;color:var(--zcc-dark)}.zcc-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 18px 45px rgb(15 23 42 / .09);overflow:visible;padding:28px}.zcc-head{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}.zcc-head span{font-size:30px;font-weight:800;letter-spacing:-.04em}.zcc-head small{font-size:15px;color:#64748b}.zcc-grid{position:relative;display:grid;grid-template-columns:2fr .7fr 1fr auto;gap:14px;align-items:end;padding-bottom:28px}.zcc-field{position:relative}.zcc-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.zcc-field input,.zcc-field select{width:100%;height:48px;border:1px solid #dbe3ef;border-radius:14px;padding:0 14px;font-size:15px;outline:none;box-sizing:border-box;background:#fff}.zcc-serving-note{position:absolute;left:0;top:calc(100% + 6px);display:block;margin-top:0;font-size:12px;color:#64748b;line-height:1.35;white-space:nowrap;z-index:1}.zcc-field input:focus,.zcc-field select:focus{border-color:var(--zcc-primary);box-shadow:0 0 0 4px rgb(37 99 235 / .10)}.zcc-add{height:48px;border:0;border-radius:14px;background:var(--zcc-primary);color:#fff;font-weight:800;padding:0 22px;cursor:pointer}.zcc-add:hover{filter:brightness(.95)}.zcc-results{display:none;position:absolute;top:76px;left:0;right:0;z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 35px rgb(15 23 42 / .15);max-height:290px;overflow:auto}.zcc-result{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9}.zcc-result:hover{background:#f8fafc}.zcc-result strong{display:block;font-size:14px}.zcc-result small{color:#64748b}.zcc-selected{margin:16px 0;color:#475569;font-size:14px}.zcc-table-wrap{overflow:auto;margin-top:14px}.zcc-table{width:100%;border-collapse:collapse;font-size:14px}.zcc-table th{text-align:left;background:#f8fafc;color:#475569;padding:12px;border-bottom:1px solid #e2e8f0}.zcc-table td{padding:12px;border-bottom:1px solid #eef2f7}.zcc-row-serving{display:block;color:#64748b;font-size:12px;margin-top:3px}.zcc-remove{border:0;background:#fee2e2;color:#991b1b;border-radius:8px;padding:6px 9px;cursor:pointer}.zcc-total{display:flex;justify-content:flex-end;align-items:stretch;gap:12px;margin-top:18px;flex-wrap:wrap}.zcc-total>div{min-width:120px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:18px;padding:16px}.zcc-total small{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.zcc-total strong{font-size:24px;color:var(--zcc-accent)}.zcc-total .zcc-total-cal-card{min-width:190px;background:linear-gradient(135deg,var(--zcc-primary),#0f172a);border-color:#fff0;box-shadow:0 16px 34px rgb(37 99 235 / .22)}.zcc-total .zcc-total-cal-card small{color:rgb(255 255 255 / .78)}.zcc-total .zcc-total-cal-card strong{color:#fff;font-size:28px}@media(max-width:780px){.zcc-card{padding:20px;border-radius:18px}.zcc-grid{grid-template-columns:1fr;padding-bottom:34px}.zcc-serving-note{white-space:normal}.zcc-total{display:grid;grid-template-columns:1fr 1fr}.zcc-total .zcc-total-cal-card{grid-column:1/-1}.zcc-head span{font-size:24px}}:root{--zcc-primary:#331870;--zcc-dark:#0f172a;--zcc-accent:#b536ce;--zcc-font:'Roboto', sans-serif}