:root{--bg: #fcfcfb;--card: #ffffff;--text: #0b0b0b;--text-2: #52514e;--muted: #898781;--grid: #e1e0d9;--accent: #2a78d6;--up-good: #006300;--down-bad: #b42318;--wash: transparent;--scale: 1;--radius: 12px}:root[data-theme=dark]{--bg: #1a1a19;--card: #232322;--text: #ffffff;--text-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--accent: #3987e5;--up-good: #0ca30c;--down-bad: #e66767}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);font-size:calc(14px * var(--scale))}.card{position:absolute;inset:0;background:linear-gradient(var(--wash),var(--wash)),var(--card);border-radius:var(--radius);display:flex;flex-direction:column;padding:1em 1.15em 0;overflow:hidden}.head{display:flex;align-items:baseline;justify-content:space-between;gap:.5em}.title{font-size:1.14em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-tag{font-size:.78em;font-weight:700;letter-spacing:.14em;color:var(--muted)}.body{display:flex;gap:.7em;margin-top:.45em;min-height:0}.accent-bar{width:5px;border-radius:3px;background:var(--accent);flex:none;align-self:stretch}.figures{min-width:0}.value{font-size:2.85em;font-weight:750;line-height:1.04;letter-spacing:-.01em}.delta{display:flex;align-items:center;gap:.35em;font-size:1.3em;font-weight:650;margin-top:.12em}.delta .tri{width:0;height:0;border-left:.38em solid transparent;border-right:.38em solid transparent}.delta.up .tri{border-bottom:.55em solid currentColor}.delta.down .tri{border-top:.55em solid currentColor}.delta.good{color:var(--up-good)}.delta.bad{color:var(--down-bad)}.delta.flat{color:var(--muted)}.caption{font-size:.82em;color:var(--muted);margin-top:.3em}.caption.caps{letter-spacing:.09em;font-weight:600}.spark{flex:1 1 auto;width:100%;min-height:34px;margin-top:.4em;display:block}.spark .line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.spark .fill{opacity:.16}.spark .dot{fill:var(--accent)}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1em;color:var(--muted);font-size:1em;background:var(--card)}.demo-badge{position:absolute;right:8px;bottom:8px;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--muted);background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--grid);border-radius:4px;padding:2px 6px;pointer-events:none}[hidden]{display:none!important}