.market-instrument{--stage-bg: #101a22;--stage-text: #e9e9e5;--stage-muted: #98a6ad;--stage-accent: #d2bc99;background:var(--stage-bg);color:var(--stage-text);padding:32px;position:relative}.instrument-heading{display:flex;justify-content:space-between;gap:36px;align-items:start}.instrument-heading h1{font:500 clamp(24px,2.6vw,34px) / 1.5 var(--font-sans);letter-spacing:-.035em;margin:12px 0;max-width:23ch}.market-instrument .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--stage-accent);margin:0}.stage-muted{font-size:12px;color:var(--stage-muted)}.instrument-stats{display:grid;grid-template-columns:repeat(4,max-content);gap:26px;margin:8px 0 0}.instrument-stats dt{font-size:11px;color:var(--stage-muted)}.instrument-stats dt small{display:block;font:8px var(--font-mono);margin-top:4px;letter-spacing:.1em}.instrument-stats dd{font:25px var(--font-mono);margin:12px 0 0;letter-spacing:-.05em}.instrument-stats dd small{display:block;font:11px var(--font-sans);margin-top:7px;color:var(--stage-muted);letter-spacing:0}.instrument-layout{display:grid;grid-template-columns:minmax(0,730px) minmax(245px,1fr);gap:40px;margin-top:16px}.market-dial{display:block;width:100%;height:auto;background:radial-gradient(ellipse at 39% 50%,#253b46,var(--stage-bg) 69%);overflow:visible}.dial-skeleton{animation:dial-lines .4s ease-out}.dial-data{animation:dial-reveal 1.2s ease-out}.dial-sector{cursor:pointer;outline:none}.sector-hit{fill:transparent;stroke:transparent}.dial-sector.selected .sector-hit,.dial-sector:hover .sector-hit,.dial-sector:focus-visible .sector-hit{fill:#d2bc9909;stroke:#d2bc9977}.sector-label{font:13px var(--font-sans);fill:#aab8c0}.sector-label tspan{font:11px var(--font-mono)}.dial-sector.selected .sector-label{fill:#eee3d0}.temperature-number{font:82px var(--font-mono);fill:#f7e6c9;filter:drop-shadow(0 0 15px #f1c27844)}.temperature-label{font:13px var(--font-sans);fill:#d2bc99;letter-spacing:.12em}.temperature-caption{font:9px var(--font-mono);fill:#c7b49b}.dial-readout{font:13px var(--font-sans)}.direction-needle{transition:transform .75s cubic-bezier(.2,.7,.3,1)}.dial-breath{animation:dial-breath 7s ease-in-out infinite}.instrument-legend{color:var(--stage-muted);font-size:10px;text-align:center;margin:0;line-height:1.8}.instrument-side{padding-top:18px;min-width:0}.instrument-side h2{font:400 30px / 1.5 var(--font-sans);margin:12px 0}.direction-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;padding-block:20px;border-block:1px solid #c0d7e524;margin:22px 0}.direction-metrics dt{font-size:11px;color:var(--stage-muted)}.direction-metrics dd{font:20px var(--font-mono);letter-spacing:-.05em;margin:12px 0 0}.instrument-side h3{font:500 12px var(--font-sans);color:var(--stage-muted);margin:24px 0 12px}.member-row{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:12px}.member-row span:last-child{font-family:var(--font-mono)}.direction-history{border-top:1px solid #c0d7e524;margin-top:24px;padding-top:12px;color:var(--stage-muted);font-size:11px}.market-instrument .up{color:#d78f8c}.market-instrument .down{color:#7cb49c}@keyframes dial-lines{0%{opacity:.15}to{opacity:1}}@keyframes dial-reveal{0%,25%{opacity:0}to{opacity:1}}@keyframes dial-breath{50%{opacity:.6}}@media(max-width:1100px){.instrument-heading{display:block}.instrument-stats{grid-template-columns:repeat(4,1fr);margin:24px 0}.instrument-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.direction-metrics{grid-template-columns:1fr}.direction-metrics>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.direction-metrics dd{margin:0}}@media(max-width:767px){.market-instrument{padding:24px 16px}.instrument-heading h1{font-size:24px}.instrument-stats{grid-template-columns:repeat(2,1fr);gap:22px}.instrument-stats dd{font-size:25px}.instrument-layout{display:block}.sector-label{font-size:21px}.sector-label tspan{font-size:18px}.dial-readout{display:none}.instrument-legend{text-align:left;font-size:10px}.instrument-side{margin-top:28px}.direction-metrics{grid-template-columns:repeat(3,1fr)}.direction-metrics>div{display:block}.direction-metrics dd{font-size:18px;margin-top:10px}.direction-metrics>div:first-child dd{font-size:15px}.instrument-side h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.dial-skeleton,.dial-data,.dial-breath{animation:none}.direction-needle{transition:none}}.member-distribution{display:block;width:100%;height:auto;margin-block:16px}