.ffzbar{display:flex;flex-direction:column;gap:6px}.ffzbar-top{display:flex;align-items:baseline;gap:10px}.ffzbar-label{font-size:12.5px;color:var(--ffz-muted,#d2d0cb)}.ffzbar-read{margin-left:auto;font-size:14px;white-space:nowrap;font-weight:var(--ffz-weight-strong,600);color:var(--ffz-text,#fff)}.ffzbar-track{position:relative;height:12px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}.ffzbar-track>i{display:block;height:100%;border-radius:8px;transition:width .28s cubic-bezier(.22,.61,.36,1)}.ffzbar-goal{position:absolute;top:0;bottom:0;right:0;width:2px;background:rgba(255,255,255,.42)}.ffzbar-hint{font-size:11.5px;color:var(--ffz-muted,#d2d0cb);line-height:1.5}.ffzbar.is-low>.ffzbar-track>i{background:linear-gradient(90deg,rgba(255,189,22,.45),var(--ffz-gold,#ffbd16))}.ffzbar.is-near>.ffzbar-track>i{background:linear-gradient(90deg,var(--ffz-gold,#ffbd16),#ffe177)}.ffzbar.is-done>.ffzbar-track>i{background:linear-gradient(90deg,#2f9e6b,var(--ffz-ok,#69dc96))}.ffzbar.is-done .ffzbar-read{color:var(--ffz-ok,#69dc96)}.ffzbar.is-over>.ffzbar-track>i{background:linear-gradient(90deg,#c0392b,var(--ffz-danger,#ff756d))}.ffzbar.is-over .ffzbar-read,.ffzbar.is-over .ffzbar-hint{color:var(--ffz-danger,#ff756d)}.ffzbar.is-compact{gap:4px}.ffzbar.is-compact .ffzbar-track{height:8px}.ffzbar.is-compact .ffzbar-read{font-size:12.5px}.ffzbar.is-compact .ffzbar-label{font-size:11.5px}.ffzbar.is-compact .ffzbar-hint{font-size:10.5px}.ffzbar-group{display:flex;flex-direction:column;gap:12px}.ffzring{position:relative;width:118px;height:118px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--p) * 1%),rgba(255,255,255,.08) 0);--ring:var(--ffz-gold,#ffbd16)}.ffzring.is-done{--ring:var(--ffz-ok,#69dc96)}.ffzring.is-over{--ring:var(--ffz-danger,#ff756d)}.ffzring::before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--ffz-surface,#090909)}.ffzring-mid{position:relative;text-align:center;line-height:1.15}.ffzring-mid b{display:block;font-size:26px;font-weight:var(--ffz-weight-head,700);color:var(--ffz-text,#fff)}.ffzring-mid small{display:block;font-size:10.5px;color:var(--ffz-muted,#d2d0cb);margin-top:2px}.ffzring-label{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:11.5px;color:var(--ffz-muted,#d2d0cb)}