.hr-bar{border-radius:var(--ss-r-sm);background:var(--ss-bg-elev-2);border:1px solid var(--ss-line);width:100%;height:10px;position:relative;overflow:hidden}.hr-bar-fill{background:var(--ss-fg-3);width:0%;height:100%;transition:width 1s linear,background-color .4s}.hr-bar-fill[data-tone=ok]{background:var(--ss-fg-3)}.hr-bar-fill[data-tone=warn]{background:var(--ss-gold,#c99a4a)}.hr-bar-fill[data-tone=over]{background:var(--ss-red)}.hr-bar-fill[data-pct="0"]{width:0%}.hr-bar-fill[data-pct="5"]{width:5%}.hr-bar-fill[data-pct="10"]{width:10%}.hr-bar-fill[data-pct="15"]{width:15%}.hr-bar-fill[data-pct="20"]{width:20%}.hr-bar-fill[data-pct="25"]{width:25%}.hr-bar-fill[data-pct="30"]{width:30%}.hr-bar-fill[data-pct="35"]{width:35%}.hr-bar-fill[data-pct="40"]{width:40%}.hr-bar-fill[data-pct="45"]{width:45%}.hr-bar-fill[data-pct="50"]{width:50%}.hr-bar-fill[data-pct="55"]{width:55%}.hr-bar-fill[data-pct="60"]{width:60%}.hr-bar-fill[data-pct="65"]{width:65%}.hr-bar-fill[data-pct="70"]{width:70%}.hr-bar-fill[data-pct="75"]{width:75%}.hr-bar-fill[data-pct="80"]{width:80%}.hr-bar-fill[data-pct="85"]{width:85%}.hr-bar-fill[data-pct="90"]{width:90%}.hr-bar-fill[data-pct="95"]{width:95%}.hr-bar-fill[data-pct="100"]{width:100%}.hr-clock{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ss-fg)}.hr-clock[data-tone=warn]{color:var(--ss-gold,#c99a4a)}.hr-clock[data-tone=over]{color:var(--ss-red)}.hr-clock-overlay{font-size:128px}@media (max-width:640px){.hr-clock-overlay{font-size:84px}}.hr-current{border-color:var(--ss-fg)}.hr-float-root{background:var(--ss-bg);min-height:100vh;color:var(--ss-fg);margin:0}.hr-clock-float{font-size:56px}