.sd-cpu{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-cpu[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-cpu :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-cpu :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-cpu .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-cpu{background:var(--bg);width:min(100%,340px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}.sd-cpu__h{justify-content:space-between;align-items:end;display:flex}.sd-cpu__h b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px}.sd-cpu__h small{color:var(--mute);font-size:11.5px;display:block}.sd-cpu__la{text-align:right;color:var(--mute);font:12px ui-monospace,monospace}.sd-cpu__la span{color:var(--fg)}.sd-cpu__g{gap:6px;display:grid}.sd-cpu__c{background:var(--soft);color:var(--mute);border-radius:10px;gap:4px;padding:8px;font-size:11px;display:grid}.sd-cpu__c div{justify-content:space-between;display:flex}.sd-cpu__c b{color:var(--fg);font-variant-numeric:tabular-nums}.sd-cpu__c svg{width:100%;height:30px;display:block}.sd-cpu__c meter{appearance:none;background:var(--line);border:0;border-radius:3px;width:100%;height:5px;display:block}.sd-cpu__c meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:3px;height:5px}.sd-cpu__c meter::-webkit-meter-optimum-value{background:var(--fg);border-radius:3px;transition:inline-size .3s}.sd-cpu__c meter::-webkit-meter-suboptimum-value{background:var(--fg);border-radius:3px;transition:inline-size .3s}.sd-cpu__c meter::-webkit-meter-even-less-good-value{background:var(--fg);border-radius:3px;transition:inline-size .3s}.sd-cpu__c meter::-moz-meter-bar{background:var(--fg);border-radius:3px}.sd-cpu__c[data-hot]{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-cpu__bar{gap:6px;display:flex}.sd-cpu__bar button{height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;flex:1;font-size:13px;font-weight:600}.sd-cpu__bar button[aria-pressed=true]{box-shadow:none;background:var(--strong)!important;color:var(--on)!important}@media (prefers-reduced-motion:reduce){.sd-cpu *,.sd-cpu :before,.sd-cpu :after{transition:none!important;animation:none!important}}
