.pf .up{color:var(--wj-gain)}.pf .down{color:var(--wj-loss)}.pf .flat{color:var(--fg)}.cp-gran-wrap{display:flex;flex-direction:column;gap:3px}.cp-gran{display:flex;align-items:center;gap:7px;min-width:0}.cp-gran-label{flex:0 0 auto}.cp-gran-scope{font-size:.74rem;color:var(--muted);padding-left:1px}.cp-gran-rail{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent)}.cp-gran-rail::-webkit-scrollbar{display:none}.cp-gran-rail .wj-filter-chip{flex:0 0 auto;white-space:nowrap}.cp-gran-select{width:auto;min-width:130px;max-width:100%;flex:0 0 auto}.cp-error-banner{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;border-radius:8px;background:color-mix(in srgb,var(--wj-loss) 10%,transparent);border:1px solid color-mix(in srgb,var(--wj-loss) 35%,transparent);color:var(--wj-loss);font-size:var(--text-sm);font-weight:var(--weight-medium)}.cp-error-banner span{flex:1 1}.cp-error-retry{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--wj-loss) 45%,transparent);background:transparent;color:var(--wj-loss);border-radius:6px;padding:3px 10px;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}.cp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.cp-card{border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}.cp-card-title{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:var(--weight-bold)}.cp-card-big{font-size:var(--text-xl);font-weight:800;line-height:var(--leading-tight)}.cp-card-of{font-size:var(--text-base);color:var(--muted);margin-left:4px}.cp-card-of,.cp-card-sub{font-weight:var(--weight-semibold)}.cp-card-sub{font-size:var(--text-sm)}.cp-card-foot{font-size:var(--text-xs);margin-top:4px}.cp-fhs{border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-top:12px}.cp-fhs-head{display:flex;align-items:center;gap:14px}.cp-fhs-ring{flex:0 0 auto;width:62px;height:62px;font-size:var(--text-lg);font-weight:800;background:conic-gradient(var(--fhs-tone,var(--wj-gain)) calc(var(--fhs-score, 0) * 1%),var(--border) 0)}.cp-fhs-ring,.cp-fhs-ring-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.cp-fhs-ring-inner{width:48px;height:48px;background:var(--surface,var(--bg))}.cp-fhs-title{font-size:var(--text-sm);font-weight:var(--weight-bold)}.cp-fhs-band,.cp-fhs-tip{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.cp-fhs-pillars{display:flex;flex-direction:column;gap:7px;margin-top:12px}.cp-fhs-pillar{display:flex;align-items:center;gap:8px}.cp-fhs-pillar-label{flex:0 0 108px;font-size:var(--text-xs);color:var(--muted)}.cp-fhs-pillar-track{flex:1 1;height:7px;border-radius:4px;background:var(--border);overflow:hidden}.cp-fhs-pillar-fill{height:100%;border-radius:4px;background:var(--wj-gain)}.cp-fhs-pillar-fill.missing{background:var(--muted);opacity:.35}.cp-fhs-pillar-val{flex:0 0 56px;text-align:right;font-size:var(--text-2xs);color:var(--muted)}