.gc-controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.gc-controls label{display:grid;gap:6px;color:var(--muted);min-width:180px;flex:1}.gc-controls select{width:100%;background:#0b192b;color:#f4f7fb;border:1px solid #536681;border-radius:10px;font:inherit;padding:11px}.gc-controls select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.gc-controls button{margin:0;min-height:49px}.gc-heading{margin:26px 0 16px}.gc-heading h3{font-size:28px;margin:0}.gc-heading>span{color:var(--muted)}.gc-sample{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gc-sample>div{display:grid;gap:4px;border:1px solid #30415a;background:#0b192b;border-radius:12px;padding:16px}.gc-sample strong{font-size:30px;line-height:1.2;color:var(--gold)}.gc-sample span{font-size:13px;color:var(--muted)}.gc-peaks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.gc-peaks>div{padding:16px;border-left:3px solid var(--gold);background:#0b192b;border-radius:8px}.gc-peaks>div+div{border-color:#77baff}.gc-peaks span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted)}.gc-peaks strong{display:block;margin-top:7px;font-size:17px}.gc-legend{display:flex;gap:24px;font-size:14px;margin:20px 0}.gc-for{color:#e8bd65}.gc-against{color:#77baff}.gc-chart{display:grid;gap:14px;margin:22px 0 30px}.gc-bin{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px}.gc-bin>span{font-size:14px;color:var(--muted)}.gc-bar-pair{display:grid;gap:4px}.gc-bar{display:flex;align-items:center;gap:8px;padding-right:36px;position:relative;min-height:19px}.gc-bar i{display:block;width:var(--w);height:12px;border-radius:3px;background:currentColor;flex:none}.gc-bar b{font-size:12px;line-height:1}.gc-table caption{text-align:left;color:var(--muted);padding:8px 0}.gc-table th[scope=row]{font-weight:500;text-align:left}.gc-table tfoot{font-weight:700;color:var(--gold)}.gc-details{margin-top:22px}.gc-details summary{cursor:pointer;color:var(--gold)}.gc-details summary:focus-visible{outline:2px solid var(--gold)}@media(max-width:650px){.gc-bin{grid-template-columns:125px minmax(0,1fr);gap:10px}.gc-bin>span{font-size:12px}.gc-peaks{grid-template-columns:1fr}.gc-sample{gap:7px}.gc-sample>div{padding:12px 8px}.gc-sample strong{font-size:25px}.gc-sample span{font-size:11px}.gc-controls label{min-width:140px}.gc-controls button{width:100%}}