.nf-card{max-width:400px;border:2px solid var(--text-primary);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-card);margin-top:var(--space-4)}.nf-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--space-2);border-bottom:8px solid var(--text-primary);margin-bottom:var(--space-2)}.nf-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-primary)}.nf-serving{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary)}.nf-calories-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0}.nf-cal-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.nf-cal-value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--accent-ember)}.nf-divider-thick{height:4px;background:var(--text-primary);margin:var(--space-1) 0}.nf-row{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--border-light);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary)}.nf-row:last-child{border-bottom:none}.nf-sub{padding-left:var(--space-6);font-size:var(--text-xs);color:var(--text-muted)}.compare-tool{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin-top:var(--space-6)}.compare-header{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.compare-pick{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:160px}.compare-pick-locked{background:var(--accent-light);border:2px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6)}.compare-emoji{font-size:var(--text-3xl)}.compare-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.compare-tag{font-family:var(--font-display);font-size:var(--text-xs);background:var(--accent);color:#fff;padding:2px 10px;border-radius:var(--radius-full);font-weight:600}.compare-vs{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-dim);letter-spacing:var(--tracking-wide)}.compare-dropdown{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;padding:var(--space-4) var(--space-6);border:2px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;min-width:180px;text-align:center;appearance:auto}.compare-dropdown:focus{border-color:var(--accent);outline:none}.compare-metric{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.compare-metric:last-child{border-bottom:none;margin-bottom:0}.compare-metric-label{display:block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);margin-bottom:var(--space-3)}.compare-bar-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.compare-bar-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);min-width:90px;flex-shrink:0}.compare-bar-track{flex:1;height:28px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.compare-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.16,1,.3,1);width:0}.bar-a{background:var(--accent)}.bar-b{background:var(--color-protein)}.bar-a.winner,.bar-b.winner{background:var(--color-success)}.compare-bar-val{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--text-primary);min-width:70px;text-align:right;flex-shrink:0}.compare-winner{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-success);margin-top:var(--space-1);text-align:right}.compare-verdict{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-primary);font-weight:500;border-left:4px solid var(--accent)}.compare-cta{margin-top:var(--space-6);text-align:center}@media(max-width:640px){.compare-tool{padding:var(--space-4)}.compare-header{gap:var(--space-3)}.compare-bar-name{min-width:70px;font-size:var(--text-xs)}.compare-bar-val{min-width:55px;font-size:var(--text-sm)}}