.cmp-hub{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cmp-hub__card{gap:var(--s-1);height:100%;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);text-decoration:none;display:grid}.cmp-hub__card:hover{border-color:var(--accent-border);background:var(--surface-2)}.cmp-hub__icons{gap:4px;min-height:28px;display:flex}.cmp-hub__icons img{border-radius:var(--r-sm);background:var(--surface-2);object-fit:contain}.cmp-hub__label{font-size:var(--text-md);font-weight:650}.cmp-hub__meta{color:var(--text-muted);font-size:var(--text-sm)}.cmp-hub__groups{color:var(--text-subtle);font-size:var(--text-xs)}.cmp-types{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.cmp-types .chip{height:28px;padding:0 var(--s-3);font-size:var(--text-sm);text-decoration:none}.cmp-types .chip:hover{border-color:var(--accent-border);color:var(--text)}.cmp{--cmp-stat:34%;--cmp-diff:7.5rem}.cmp-head{align-items:stretch;gap:var(--s-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.cmp-side{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.cmp-side .cmp-badge{position:absolute;top:-9px;left:-9px}.cmp-side__text{min-width:0;display:grid}.cmp-side__name{color:var(--text);font-weight:650;font-size:var(--text-md);line-height:var(--leading-tight);overflow-wrap:anywhere}.cmp-side__sub{color:var(--text-muted);font-size:var(--text-xs)}.cmp-swap{border-radius:var(--r-full);align-self:center}.cmp-badge{border-radius:var(--r-full);background:var(--accent);width:22px;height:22px;color:var(--accent-ink);font-size:var(--text-xs);place-items:center;font-weight:700;line-height:1;display:inline-grid}.cmp-badge--sm{flex:none;width:18px;height:18px;font-size:11px}.cmp-thumb{border-radius:var(--r-md);background:var(--surface-2);color:var(--text-muted);flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.cmp-thumb img{object-fit:contain;width:100%;height:100%}.cmp-thumb--mark{border:1px solid var(--border)}.cmp-picker{position:relative}.cmp-picker__btn{height:30px;padding:0 var(--s-3)}.cmp-pop{z-index:30;width:min(24rem,100vw - 2rem);padding:var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 6px);right:0}.cmp-pop__search{width:100%}.cmp-pop__list{max-height:min(22rem,60vh);margin:var(--s-2) 0 0;padding:0;list-style:none;overflow-y:auto}.cmp-pop__list ul{margin:0;padding:0;list-style:none}.cmp-pop__head{padding:var(--s-2) var(--s-2) var(--s-1);background:var(--bg-elev);color:var(--text-subtle);font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase;font-weight:650;position:sticky;top:0}.cmp-opt{align-items:center;gap:var(--s-2);padding:5px var(--s-2);border-radius:var(--r-md);color:var(--text);font-size:var(--text-sm);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.cmp-opt.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.cmp-opt__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmp-opt__sub{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.cmp-pop__none{padding:var(--s-3) var(--s-2);color:var(--text-muted);font-size:var(--text-sm)}.cmp-quick{align-items:center;gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.cmp-quick__label{color:var(--text-muted);font-size:var(--text-sm)}.cmp-quick__chip{cursor:pointer;height:26px;font-size:var(--text-xs)}.cmp-quick__chip:hover{border-color:var(--accent-border);color:var(--text)}.cmp-tools{justify-content:space-between;align-items:center;gap:var(--s-2);margin:var(--s-4) 0 var(--s-2);flex-wrap:wrap;display:flex}.cmp-toggle{align-items:center;gap:var(--s-2);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.cmp-toggle input{width:16px;height:16px;accent-color:var(--accent)}.cmp-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.cmp-col-stat{width:var(--cmp-stat)}.cmp-col-diff{width:var(--cmp-diff)}.cmp-table thead th{top:var(--topbar-h);z-index:5;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border-strong);background:var(--bg);box-shadow:0 1px 0 var(--border-strong);color:var(--text-muted);font-size:var(--text-xs);text-align:right;vertical-align:bottom;font-weight:650;position:sticky}.cmp-table thead th.cmp-th-stat{text-align:left}.cmp-th-ent{max-width:100%;color:var(--text);justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.cmp-th-ent .cmp-thumb{border-radius:var(--r-sm)}.cmp-th-ent__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmp-th-diff abbr{text-decoration:none}.cmp-group th{padding:var(--s-4) var(--s-3) var(--s-2);border-bottom:1px solid var(--border);color:var(--text);font-size:var(--text-xs);letter-spacing:.03em;text-align:left;text-transform:uppercase;font-weight:700}.cmp-row th,.cmp-row td{padding:7px var(--s-3);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);vertical-align:top}.cmp-row th{color:var(--text-muted);text-align:left;overflow-wrap:anywhere;font-weight:500}.cmp-row:hover th,.cmp-row:hover td{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.cmp-val{text-align:right;overflow-wrap:anywhere}.cmp-val__v{color:var(--text);font-weight:600;display:block}.cmp-val.num .cmp-val__v,.cmp-table td.num{font-variant-numeric:tabular-nums}.cmp-bar{border-radius:var(--r-full);background:var(--surface-3);direction:rtl;width:100%;max-width:7rem;height:3px;margin-top:5px;margin-left:auto;display:block;overflow:hidden}.cmp-bar>span{border-radius:inherit;background:var(--accent);opacity:.75;height:100%;display:block}.cmp-table td.num{text-align:right}.cmp-diff{color:var(--text);justify-items:end;font-weight:600;display:inline-grid}.cmp-diff__rel{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.cmp-diff.is-same{font-family:var(--font-sans);color:var(--text-subtle);font-weight:500}.cmp-row.is-same .cmp-val__v{color:var(--text-muted);font-weight:500}@media (width<=640px){.cmp{--cmp-stat:30%;--cmp-diff:4.6rem}.cmp-head{gap:var(--s-2);grid-template-columns:minmax(0,1fr)}.cmp-swap{justify-self:center;width:30px;height:30px;transform:rotate(90deg)}.cmp-side{padding:var(--s-2) var(--s-3) var(--s-2) var(--s-3)}.cmp-side .cmp-badge{top:-7px;left:-7px}.cmp-pop{top:calc(var(--topbar-h) + 8px);width:auto;position:fixed;left:1rem;right:1rem}.cmp-table{font-size:var(--text-xs)}.cmp-table thead th,.cmp-row th,.cmp-row td{padding-left:6px;padding-right:6px}.cmp-th-ent{flex-direction:column;align-items:flex-end;gap:2px}.cmp-th-ent .cmp-badge--sm{display:none}.cmp-th-ent__name{white-space:normal;-webkit-line-clamp:3;text-align:right;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.cmp-tools{justify-content:flex-start}}