:root{--bg:#0f1417;--panel:#182026;--line:#2a343c;--text:#e6edf3;--muted:#8b98a5;--teal:#2dd4bf;--rec:#173b36}html[data-theme=light]{--bg:#f6f8fa;--panel:#fff;--line:#e3e7ec;--text:#1a1f24;--muted:#5a6672;--rec:#e8f3ee}*{box-sizing:border-box}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:#f87171}.danger-text{color:#f0a35e;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.state{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0;padding:1rem;display:flex}.state-error{border-color:#5b2b2b}.spinner{border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.legacy{color:var(--text)}.legacy h3{color:var(--teal);margin:1.2rem 0 .4rem;font-size:1rem}.legacy h4{margin:.6rem 0 .4rem;font-size:.95rem}.legacy h5{color:var(--muted);margin:.6rem 0 .2rem;font-size:.85rem}.legacy code{border:1px solid var(--line);background:#0c1216;border-radius:4px;padding:0 .3rem;font-size:.85em}.legacy button{background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:6px;padding:.5rem .8rem}.legacy button:hover{border-color:var(--teal)}.legacy table{border-collapse:collapse;width:100%;font-size:.9rem}.legacy th,.legacy td{border-bottom:1px solid var(--line);text-align:left;padding:.45rem .6rem}.legacy th.num,.legacy td.num{text-align:right;font-variant-numeric:tabular-nums}.legacy tr.rec td{background:var(--rec)}.stats{flex-wrap:wrap;gap:1rem;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:120px;padding:.8rem 1.1rem}.stat-value{color:var(--teal);font-size:1.6rem;font-weight:600}.stat-unit{color:var(--muted);font-size:.85rem}.stat-label{color:var(--muted);font-size:.8rem}.badge{background:var(--teal);color:#08110f;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem}.headline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.arch-list{flex-direction:column;gap:.25rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.arch-list li{align-items:baseline;gap:.6rem;display:flex}.arch-list .muted{min-width:110px;font-size:.8rem}.stat-hint{color:var(--muted);margin-top:.15rem;font-size:.72rem}.why{margin-top:1.2rem;line-height:1.5}.caveat{color:var(--muted);border-left:2px solid var(--line);padding-left:.8rem;font-size:.85rem;line-height:1.5}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:.5rem;display:grid}.chart{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:.8rem}.chart figcaption h4{color:var(--teal);margin:0}.chart .chart-body,.chart-data{margin-top:.4rem}.chart-data summary{cursor:pointer;color:var(--muted);font-size:.8rem}.chart-data table{margin-top:.4rem}.matrix td.cell{font-variant-numeric:tabular-nums}.matrix td.diag{font-weight:700}.matrix td.danger{outline-offset:-2px;outline:2px solid #f0a35e}.controls{flex-wrap:wrap;align-items:center;gap:1rem;margin:.5rem 0;display:flex}.controls select{background:var(--panel);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:.35rem .5rem}.legacy .th-sort{color:var(--muted);font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:none;padding:0;font-size:.78rem}.legacy .th-sort:hover{color:var(--text)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.rectag{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.rectag .dot{border-radius:50%;width:9px;height:9px;display:inline-block}.danger-row td{background:#2a1a14}.detail-row td{background:#0c1216}.detail-grid{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.2rem;padding:.3rem 0;font-size:.82rem;display:flex}.pager{align-items:center;gap:.8rem;margin-top:.6rem;display:flex}.pager button:disabled{opacity:.4;cursor:default}.compare-cards{flex-wrap:wrap;gap:1rem;margin:.8rem 0;display:flex}.delta-good{color:#4ade80}.delta-bad{color:#f87171}.tryit{max-width:760px}.dropzone{border:1px dashed var(--line);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.2rem;display:flex}.upload-label{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.5rem .8rem;display:inline-block}.upload-label:hover{border-color:var(--teal)}.upload-label input{opacity:0;width:1px;height:1px;position:absolute}.preview{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.preview img{border:1px solid var(--line);border-radius:8px;max-width:240px;max-height:240px}.preview-actions{gap:.6rem;display:flex}.progress{margin:1rem 0}.progress-bar{background:var(--panel);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--teal);height:100%;transition:width .3s}.infer-results{margin-top:1rem}.meal-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.meal-head h4{color:var(--teal)}.guidance{line-height:1.5}.macros-row{flex-wrap:wrap;gap:.8rem;margin:.6rem 0;display:flex}.macros-row .stat{min-width:90px}.ingredients,.checks{flex-direction:column;gap:.3rem;margin:.3rem 0;padding:0;list-style:none;display:flex}.ingredients li,.checks li{align-items:center;gap:.4rem;display:flex}.callout{border:1px solid var(--line);border-left:3px solid var(--teal);background:#1a2228;border-radius:6px;margin-bottom:1rem;padding:.8rem;line-height:1.5}@media (width<=720px){.headline{flex-direction:column;align-items:stretch}}