/* Thirteen expressive vector reactions, progressively revealed. */
.mrx-bar{width:100%;border:1px solid var(--border);border-radius:7px;padding:12px;background:color-mix(in srgb,var(--card) 80%,transparent)}
.mrx-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.mrx-heading-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mrx-heading h2{display:flex;align-items:center;gap:7px;font-size:12px!important;line-height:1.5;font-weight:550;margin:0}
.mrx-most-felt-pill{font-size:8px;font-weight:600;padding:2px 7px;border-radius:10px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);text-transform:uppercase;letter-spacing:0.04em}
.mrx-heading-meta{font-size:9px;color:var(--muted-foreground)}
.mrx-heading svg{width:16px;height:16px;color:var(--primary)}
.mrx-rank-tag{display:inline-block;margin-left:5px;font-size:7px;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);vertical-align:middle;line-height:1.3}
.mrx-reaction[aria-pressed=true] .mrx-rank-tag{background:#ffffff30;color:#fff}
.mrx-bar-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px}
.mrx-empty-info{display:flex;align-items:center;gap:10px}
.mrx-empty-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);flex-shrink:0}
.mrx-empty-icon svg{width:17px;height:17px}
.mrx-empty-text h2{font-size:12px!important;font-weight:600;margin:0 0 2px;line-height:1.3;display:flex;align-items:center}
.mrx-empty-text p{font-size:9px;color:var(--muted-foreground);margin:0;line-height:1.4}
.mrx-empty-cta{display:inline-flex;align-items:center;gap:6px;min-height:32px!important;padding:6px 12px;border-radius:6px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--card);color:var(--primary);font-size:10px!important;font-weight:550;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}
.mrx-empty-cta:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.mrx-empty-cta svg{width:14px;height:14px}
.mrx-quick{display:flex;flex-wrap:wrap;gap:6px}
.mrx-reaction{display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:32px!important;padding:6px 8px;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--foreground);font-size:10px!important;line-height:1.4;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.mrx-reaction>svg{width:17px!important;height:17px!important;flex-shrink:0;stroke-width:1.7;color:var(--primary)}
.mrx-reaction>span{font-size:10px;line-height:1.4}
.mrx-reaction>small{font-size:8px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;min-width:9px;text-align:right}
.mrx-reaction:hover{background:var(--muted);border-color:var(--primary)}
/* C5: the #1 ranked reaction chip; the class was emitted but never styled. */
.mrx-top{border-color:color-mix(in srgb,var(--primary) 45%,transparent)!important;background:color-mix(in srgb,var(--primary) 8%,var(--card))!important}
.mrx-top>small{color:var(--primary)!important;font-weight:700}
.mvr-reader .mrx-reaction[aria-pressed=true],.mrx-picker .mrx-reaction[aria-pressed=true]{background:#665098;color:#fff;border-color:#665098;box-shadow:inset 0 0 0 1px #ffffff15}
.mrx-reaction[aria-pressed=true]>svg,.mrx-reaction[aria-pressed=true]>small{color:#fff!important}
.mrx-more{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px!important;border:1px dashed var(--border);border-radius:5px;padding:6px 9px;font-size:9px!important;color:var(--muted-foreground);background:transparent;cursor:pointer}
.mrx-more svg{width:14px;height:14px}
.mrx-more small{font-size:7px}
.mrx-more:hover{color:var(--foreground);border-color:var(--primary);background:var(--muted)}
.mrx-status{font-size:9px!important;line-height:1.5;color:var(--muted-foreground);margin:8px 0 0!important}
.mrx-status:empty{display:none}
.mrx-picker{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto}
.mrx-picker .mva-dialog-body{padding:13px 15px}
.mrx-picker-intro{display:flex;align-items:center;gap:7px;color:var(--muted-foreground);font-size:10px;margin-bottom:11px;line-height:1.5}
.mrx-picker-intro svg{color:var(--primary);width:16px;height:16px}
.mrx-picker input[type=search]{width:100%;height:32px;padding:6px 9px;border-radius:5px;border:1px solid var(--border);font-size:11px;background:var(--background);color:var(--foreground)}
.mrx-categories{display:flex;align-items:center;gap:4px;margin:9px 0 10px}
.mrx-categories>button{font-size:9px;min-height:27px!important;border:1px solid transparent;border-radius:4px;padding:4px 7px;color:var(--muted-foreground)}
.mrx-categories>button[aria-pressed=true]{border-color:var(--border);background:var(--muted);color:var(--foreground)}
.mrx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:min(350px,calc(100dvh - 265px));overflow-y:auto;overscroll-behavior:contain;padding:2px}
.mrx-grid .mrx-reaction{min-height:39px!important;padding:7px;gap:6px}
.mrx-grid .mrx-reaction>span{font-size:9px;line-height:1.4}
.mrx-grid .mrx-reaction>small{font-size:8px}
.mrx-picker-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:10px}
.mrx-picker-footer>span{color:var(--muted-foreground);font-size:9px;margin-right:auto}
.mrx-picker-footer>button{font-size:9px;min-height:29px!important}
.mrx-picker-footer>button:disabled{opacity:.4;cursor:default}
.mrx-empty{text-align:center;padding:24px 12px;font-size:11px;color:var(--muted-foreground)}
.mrx-empty button{font-size:10px;text-decoration:underline;min-height:29px!important}
.mrx-picker :is(button,input):focus-visible,.mrx-bar button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:639px){.mrx-heading h2{font-size:11px!important}.mrx-bar{padding:10px}.mrx-heading-meta{font-size:8px}.mrx-bar-empty{flex-direction:column;align-items:stretch;gap:9px}.mrx-empty-cta{justify-content:center;width:100%;min-height:34px!important}.mrx-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mrx-quick .mrx-reaction{font-size:9px!important;padding:6px 7px;gap:5px}.mrx-quick .mrx-reaction>span{font-size:9px}.mrx-more{grid-column:1/-1;min-height:29px!important}.mrx-picker .mva-dialog-body{padding:11px}.mrx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mrx-grid .mrx-reaction{min-height:37px!important}.mrx-categories>button{font-size:8px;padding:4px 5px}.mrx-picker-intro{font-size:9px}.mrx-picker-footer{margin-top:10px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.mrx-reaction{transition:none}}