.erd{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.erd-dial,.erd-controls{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);box-shadow:0 30px 60px -40px color-mix(in srgb, var(--tl) 45%, transparent);border-radius:24px;padding:20px 16px}.erd-dial{--vc:var(--muted,#64748b);text-align:center;justify-items:center;gap:10px;display:grid}.erd-dial[data-verdict=below]{--vc:#dc2626}.erd-dial[data-verdict=around]{--vc:#d97706}.erd-dial[data-verdict=above]{--vc:#16a34a}.erd-svg{width:100%;max-width:420px;overflow:visible}.erd-arc{fill:none;stroke-width:22px;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.erd-arc-track{stroke:var(--surface-alt,#f1f5f9)}.erd-arc[data-zone=below]{stroke:#fca5a5}.erd-arc[data-zone=around]{stroke:#fcd34d}.erd-arc[data-zone=above]{stroke:#86efac}.erd-median{fill:var(--surface);stroke:var(--heading);stroke-width:3px}.erd-needle{transform:rotate(var(--a));transform-origin:160px 170px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}@starting-style{.erd-needle{transform:rotate(-90deg)}}.erd-needle line{stroke:var(--heading);stroke-width:6px;stroke-linecap:round}.erd-needle circle{fill:var(--vc);stroke:var(--surface);stroke-width:4px;transition:fill .25s}.erd-readout{justify-items:center;gap:6px;margin-top:-6px;display:grid}.erd-rate{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--heading);font-size:clamp(40px,11vw,60px);line-height:1}.erd-badge{background:color-mix(in srgb, var(--vc) 14%, var(--surface));min-height:32px;color:var(--vc);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;transition:background-color .25s,color .25s;display:inline-flex}.erd-legend{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;max-width:420px;margin:6px 0 0;display:grid}.erd-legend div{gap:2px;display:grid}.erd-legend dt{color:var(--muted,#64748b);font-size:12px}.erd-legend dd{font-variant-numeric:tabular-nums;color:var(--heading);margin:0;font-size:15px;font-weight:700}.erd-legend [data-median] dd{color:var(--tl)}.erd-sources{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;font-size:12.5px;display:flex}.erd-sources a{min-height:32px;color:var(--muted,#64748b);align-items:center;gap:4px;display:inline-flex}.erd-sources a:first-child{color:var(--accent);font-weight:600}.erd-controls{grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;display:grid}.erd-range{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.erd-range label{color:var(--heading);font-size:13.5px;font-weight:700}.erd-num{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:120px;min-height:40px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--heading);border-radius:12px;padding:0 12px;font-size:16px;font-weight:700}.erd-range input[type=range]{cursor:pointer;appearance:none;background:0 0;grid-column:1/-1;width:100%;height:44px;margin:0}.erd-range input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--tl) var(--fill), var(--surface-alt,#e2e8f0) var(--fill));border-radius:999px;height:10px}.erd-range input[type=range]::-moz-range-track{background:var(--surface-alt,#e2e8f0);border-radius:999px;height:10px}.erd-range input[type=range]::-moz-range-progress{background:var(--tl);border-radius:999px;height:10px}.erd-range input[type=range]::-webkit-slider-thumb{border:4px solid var(--surface);background:var(--tl);width:28px;height:28px;box-shadow:0 6px 16px -6px color-mix(in srgb, var(--tl) 80%, transparent);appearance:none;border-radius:50%;margin-top:-9px;transition:transform .16s ease-out}.erd-range input[type=range]::-moz-range-thumb{border:4px solid var(--surface);background:var(--tl);border-radius:50%;width:22px;height:22px}.erd-range input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.erd-range input[type=range]:focus-visible{outline:2px solid var(--tl);outline-offset:4px;border-radius:8px}@media (min-width:900px){.erd{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.erd-dial,.erd-controls{padding:28px}}@media (prefers-reduced-motion:reduce){.erd-needle,.erd-arc{transition:none}}
