.c3d{touch-action:pan-y;border-radius:14px;width:100%;position:relative;overflow:hidden}.c3d canvas{opacity:0;transition:opacity .8s;display:block;width:100%!important;height:100%!important}.c3d[data-ready] canvas{opacity:1}.c3d-stage{width:100%;height:clamp(220px,34vw,340px);position:relative}.c3d-stage.is-donut{height:var(--c3d-size,130px);width:var(--c3d-size,130px);border-radius:50%}.c3d-stage.is-line{height:var(--c3d-h,160px)}.c3d-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.c3d-tip{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0a0e18d6;border:1px solid #ffffff1a;border-radius:11px;gap:1px;max-width:calc(100% - 20px);padding:8px 12px;animation:.18s ease-out c3d-pop;display:grid;position:absolute;top:10px;left:10px}.c3d-tip span{color:#9aa6c2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.c3d-tip b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.c3d-tip small{color:#9aa6c2;font-size:11px}@keyframes c3d-pop{0%{opacity:0;transform:translateY(4px)scale(.97)}}.c3d-legend{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:11.5px;display:flex}.c3d-legend i{vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.c3d-legend b{font-variant-numeric:tabular-nums;color:var(--ink);margin-left:4px}.c3d-wrap{position:relative}.c3d-toggle{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0a0e18b3;border:1px solid #ffffff1a;border-radius:9px;gap:1px;padding:2px;transition:opacity .2s;display:inline-flex;position:absolute;top:6px;right:6px}.c3d-wrap:hover .c3d-toggle,.c3d-toggle:focus-within{opacity:1}@media (hover:none){.c3d-toggle{opacity:.85}}.c3d-toggle button{color:#9aa6c2;font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:3px 7px;font-size:10px;font-weight:800}.c3d-toggle button[data-on=true]{background:var(--accent,#0057ff);color:#fff}.c3d-wrap.is-donut .c3d-toggle{top:-4px;right:-4px}@media (prefers-reduced-motion:reduce){.c3d canvas{transition:none}.c3d-tip{animation:none}}