.tp{border-bottom:1px solid var(--color-line)}.tp[data-tone=green]{background:#e4f2ea}.tp[data-tone=blue]{background:var(--color-accent-soft)}.tp[data-tone=sand]{background:var(--color-sand)}:where(.tp-stage .ss-stage) :is(p,ul,ol,li,a,button,input,label,span):not(html):not(body):not(head){all:revert-layer}.tp-stage .ss-stage{--g:28px;font-family:var(--font-sans);background:0 0;overflow:hidden}.tp-stage .ss-stage[data-layout=compact]{--g:20px}.tp-stage .tp-dial{top:36px;left:var(--g);right:var(--g);position:absolute}.tp-stage .tp-chip{top:132px;left:var(--g);background:var(--color-paper);box-shadow:0 0 0 1px var(--color-line), 0 8px 20px -10px #1f1d1a40;border-radius:12px;align-items:baseline;gap:10px;padding:10px 14px;display:flex;position:absolute}.tp-stage .ss-stage[data-layout=compact] .tp-dial{top:40px}.tp-stage .ss-stage[data-layout=compact] .tp-chip{top:112px}.tp-stage .tp-chip-label{color:var(--color-muted);font-size:12px;font-weight:500;line-height:1.3}.tp-stage .tp-chip-value{font-family:var(--font-mono);color:var(--color-ink);font-size:28px;font-weight:600;line-height:1.1}.tp-stage .tp-chip-unit,.tp-stage .tp-stat-unit{font-family:var(--font-sans);color:var(--color-muted);margin-left:6px;font-size:14px;font-weight:500}.tp-stage .tp-stat{inset:var(--g);flex-direction:column;justify-content:center;display:flex;position:absolute}.tp-stage .tp-stat-label{color:var(--color-muted);font-size:13px;font-weight:500;line-height:1.3}.tp-stage .tp-stat-sum{font-family:var(--font-mono);color:var(--color-muted);margin-top:4px;font-size:14px;line-height:1.3}.tp-stage .tp-stat-value{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-ink);margin-top:10px;font-size:72px;font-weight:600;line-height:1}.tp-stage .ss-stage[data-layout=compact] .tp-stat-value{font-size:52px}.tp-stage .tp-gauge{inset:var(--g);position:absolute}