.hr{--accent:#5bb8e8}.hr-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.hr-topbar label{font:600 12px/1.3 var(--font-sans);color:var(--dim)}.t-range-inp{flex:1;min-width:140px;accent-color:var(--accent)}.hr-topbar b{font:800 13px/1 var(--font-mono);color:var(--ink);min-width:44px}.hr-warn{font:600 11px/1.3 var(--font-sans);color:#ffd066}.hr-rows{display:flex;flex-direction:column;gap:7px}.hr-row{display:grid;grid-template-columns:44px 92px 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .15s,background .15s}.hr-row.playing{border-color:var(--accent);background:rgba(91,184,232,.08)}.hr-row.yes{border-color:#5fd07a80}.hr-row.no{opacity:.75}.hr-play{width:40px;height:34px;border-radius:9px;cursor:pointer;font-size:13px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:rgba(91,184,232,.1);color:var(--ink);touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}.hr-play:active{background:var(--accent);color:#08131c}.hr-row>b{font:800 14px/1.2 var(--font-mono);color:var(--ink)}.hr-row>span{font:500 12px/1.4 var(--font-sans);color:var(--dim)}.hr-marks{display:flex;gap:6px}.hr-mk{width:34px;height:30px;border-radius:8px;cursor:pointer;font:800 13px/1 var(--font-sans);border:1px solid var(--line);background:none;color:var(--faint)}.hr-mk.on{color:#0c1810;background:#5fd07a;border-color:#5fd07a}.hr-mk.mno.on{color:#1c0d0a;background:#e07a5f;border-color:#e07a5f}@media (max-width:560px){.hr-row{grid-template-columns:40px 70px 1fr;grid-template-rows:auto auto;row-gap:4px}.hr-row>span{grid-column:2 / -1}.hr-marks{grid-column:3;grid-row:1;justify-self:end}}.hr-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media (max-width:560px){.hr-result{grid-template-columns:1fr}}.hr-stat{display:flex;flex-direction:column;gap:3px;padding:12px 15px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.hr-stat.hero{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.hr-stat b{font:800 22px/1.2 var(--font-sans);color:var(--ink)}.hr-stat span{font:600 11px/1.4 var(--font-sans);color:var(--faint)}#wave{display:block;width:100%;border-radius:12px;background:rgba(5,10,14,.5);border:1px solid rgba(91,184,232,.16)}.hr-read{margin:10px 2px 0;font:600 12.5px/1.5 var(--font-sans);color:var(--dim);text-align:center}