/* BUFF OS v134 — Activity rings + Fitness trends. */
.h134-act { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.h134-act svg { flex: none; }
.h134-leg { display: flex; flex-direction: column; gap: 8px; min-width: 0; } .h134-leg small { display: block; font-size: 12.5px; font-weight: 700; } .h134-leg b { font-size: 20px; font-weight: 800; letter-spacing: -.02em; } .h134-leg b span { font-size: 12.5px; color: var(--txt3); font-weight: 600; margin-left: 2px; }
.h134-mini { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px; font-size: 13px; color: var(--txt2); } .h134-mini b { color: var(--txt); }
.h134-none { font-size: 13px; color: var(--txt3); margin: 8px 0; }
.h134-th { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin: 18px 0 8px; } .h134-th b { font-size: 17px; } .h134-th span { font-size: 11.5px; color: var(--txt3); text-align: right; }
.h134-tr { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 10px; }
.h134-t { display: flex; align-items: center; gap: 10px; min-width: 0; }
.h134-ar { width: 34px; height: 34px; flex: none; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.07); }
.h134-ar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.h134-t small { display: block; font-size: 12.5px; color: var(--txt2); font-weight: 600; } .h134-t b { font-size: 17px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; } .h134-t b span { font-size: 11.5px; margin-left: 1px; text-transform: uppercase; }
.h134-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; font-size: 12px; color: var(--txt3); }
.h134-foot button { padding: 8px 12px; border: 0; border-radius: 12px; background: rgba(255,255,255,.08); color: var(--txt); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
html.skin-apple #h134Card { border-radius: 26px !important; background: #1c1c1e !important; }
.h134-sl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } .h134-sl small { display: block; font-size: 11.5px; color: var(--txt3); font-weight: 600; } .h134-sl b { font-size: 16px; font-weight: 800; }
.h134-stg { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 12.5px; color: var(--txt2); } .h134-stg i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; } .h134-stg b { color: var(--txt); }
.h134-bc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.h134-bc small { display: block; font-size: 11.5px; color: var(--txt3); font-weight: 600; } .h134-bc b { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.02em; } .h134-bc b i { font-style: normal; font-size: 12px; color: var(--txt3); margin-left: 2px; } .h134-bc span { font-size: 12px; color: var(--txt2); font-weight: 600; }
.h134-bmibar { position: relative; height: 8px; margin-top: 12px; border-radius: 4px; background: linear-gradient(90deg, #64d2ff 0%, #64d2ff 17.5%, #a6f23a 17.5%, #a6f23a 50%, #ff9f0a 50%, #ff9f0a 75%, #ff6b6f 75%); }
.h134-bmibar i { position: absolute; top: -4px; width: 4px; height: 16px; margin-left: -2px; border-radius: 2px; background: #fff; box-shadow: 0 0 0 2px rgba(0,0,0,.5); }
.h134-bmil { position: relative; height: 14px; font-size: 10.5px; color: var(--txt3); } .h134-bmil span { position: absolute; transform: translateX(-50%); } .h134-bmil span:nth-child(1) { left: 17.5%; } .h134-bmil span:nth-child(2) { left: 50%; } .h134-bmil span:nth-child(3) { left: 75%; }