.he-screen{flex-direction:column;height:270px;padding:12px 14px;display:flex}@media (width>=1024px){.he-screen{height:360px;padding:16px 22px 18px}}.he-top{color:var(--screen-muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.he-state{transition:color .2s}.he-on .he-state{color:var(--accent-dark-text)}@media (width>=1024px){.he-top{font-size:15px}}.he-main{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.he-big{direction:ltr;align-items:baseline;gap:8px;line-height:1;display:flex}.he-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:76px;font-weight:300;font-stretch:125%}.he-unit{font-size:18px;font-weight:600}.he-hint{max-width:320px;color:var(--screen-muted);font-size:14px}@media (width>=1024px){.he-num{font-size:136px}.he-unit{font-size:24px}.he-hint{max-width:420px;font-size:16px}}.he-ruler{direction:ltr;flex:none;height:46px;margin:0 10px;position:relative}.he-ruler:before{content:"";background:var(--screen-line-2);height:1px;position:absolute;top:16px;left:0;right:0}.he-band{background:var(--trace);transform-origin:0;border-radius:2px;width:100%;height:6px;position:absolute;top:13px;left:0}.he-tick{background:var(--screen-line-2);width:1px;height:6px;position:absolute;top:16px}.he-tick--major{background:var(--screen-muted);height:10px}.he-tl{color:var(--screen-muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.2;position:absolute;top:30px;transform:translate(-50%)}.he-tl--first{transform:none}.he-tl--last{transform:translate(-100%)}.he-pin{background:var(--screen-ink);color:var(--ink);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;top:-4px;transform:translate(-50%)}.he-pin--up{top:-22px}@media (width>=1024px){.he-tl{font-size:13px}}.readouts.he-readouts>div:nth-child(3) dd{padding-top:6px;font-size:18px}@media (width>=1024px){.readouts.he-readouts>div:nth-child(3) dd{padding-top:8px;font-size:24px}}.seg.he-ears{direction:ltr}.he-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.he-row label{font-size:14px;font-weight:600}.he-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.he-range{cursor:pointer;height:28px;margin:0}.he-note{color:var(--muted);font-size:14px}.he-ages{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.he-ages caption{text-align:start;padding-bottom:6px;font-size:14px;font-weight:600}.he-ages th{border-bottom:1px solid var(--line);text-align:start;color:var(--muted);padding:6px 4px;font-size:13px;font-weight:400}.he-ages td{border-bottom:1px solid var(--line-2);padding:7px 4px}.he-ages tr.on td{color:var(--accent-text);font-weight:700}