.cd--accent{--cd-color: var(--accent);--cd-rgb: 255,96,34}.cd--warning{--cd-color: var(--warning);--cd-rgb: 255,189,35}.cd{text-align:center}.cd-frame{position:relative;display:inline-block;padding:1rem 2.5rem}.cd-frame:before,.cd-frame:after{content:"";position:absolute;width:24px;height:24px;pointer-events:none}.cd-frame:before{top:0;left:0;border-top:1px solid rgba(var(--cd-rgb),.2);border-left:1px solid rgba(var(--cd-rgb),.2)}.cd-frame:after{bottom:0;right:0;border-bottom:1px solid rgba(var(--cd-rgb),.2);border-right:1px solid rgba(var(--cd-rgb),.2)}.cd-digits{display:inline-flex;align-items:flex-start;gap:.6rem}.cd-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cd-card{background:linear-gradient(165deg,var(--bg-elevated) 0%,var(--bg-card) 100%);border:1px solid var(--border);border-radius:14px;padding:1rem 1.2rem;min-width:85px;text-align:center;box-shadow:0 6px 24px #0000004d,inset 0 1px #ffffff0a}.cd-card--hl{border-color:rgba(var(--cd-rgb),.25);box-shadow:0 6px 24px #0000004d,0 0 35px rgba(var(--cd-rgb),.08),inset 0 1px #ffffff0a}.cd-value{font-family:IBM Plex Mono,monospace;font-size:2.6rem;font-weight:600;color:var(--text-primary);letter-spacing:.06em;line-height:1}.cd-card--hl .cd-value{color:var(--cd-color);text-shadow:0 0 20px rgba(var(--cd-rgb),.3)}.cd-label{font-family:IBM Plex Mono,monospace;font-size:.5rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.cd-sep{font-family:IBM Plex Mono,monospace;font-size:2rem;font-weight:600;color:var(--text-muted);opacity:.2;padding-top:.6rem;animation:cd-blink 1s step-end infinite}.cd-sep--hl{color:var(--cd-color);opacity:.3}@keyframes cd-blink{0%,to{opacity:.25}50%{opacity:.06}}@media(max-width:550px){.cd-frame{padding:.5rem 1rem}.cd-digits{gap:.3rem}.cd-card{min-width:62px;padding:.7rem .8rem}.cd-value{font-size:1.8rem}.cd-sep{font-size:1.4rem;padding-top:.4rem}}