:host{--_fg: var(--osg-stat-fg, var(--body-color));--_bg: var(--osg-stat-bg, light-dark(var(--white), var(--gray-cool-90)));--_value-fg: var(--osg-stat-value-fg, light-dark(var(--black), var(--gray-cool-3)));--_radius: var(--osg-stat-radius, 0.5em);--_border: var(--osg-stat-border, 1px solid var(--border-color));display:block;color-scheme:inherit}.card{display:flex;flex-direction:column;gap:0.25em;justify-content:flex-end;height:auto;padding:1em;font-size:clamp(0.6rem, 2cqi, 0.9em);text-decoration:none;color:var(--_fg);border:var(--_border);border-top:var(--osg-stat-border-top, var(--_border));border-top-left-radius:var(--osg-stat-radius-tl, var(--_radius));border-top-right-radius:var(--osg-stat-radius-tr, var(--_radius));border-bottom-right-radius:var(--osg-stat-radius-br, var(--_radius));border-bottom-left-radius:var(--osg-stat-radius-bl, var(--_radius));background:var(--_bg);corner-shape:bevel}a.card{cursor:pointer;transition:filter 0.12s ease}a.card:hover{filter:brightness(0.97)}.value{order:1;margin:0;font-weight:700;font-size:3.5em;line-height:1;color:var(--_value-fg)}.label{order:2;font-weight:600;font-size:0.825em;line-height:1.4;letter-spacing:0.05em;text-transform:uppercase;opacity:0.8}.sub{order:3;font-weight:500;font-size:0.75em;line-height:1.4;opacity:0.65;font-variant-numeric:tabular-nums}
