.corr{position:relative;height:54px;margin:8px 4px 4px;background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.corr .band{position:absolute;top:0;bottom:0}
.corr .mod{background:rgba(79,209,139,.38);border-left:2px solid #4fd18b;border-right:2px solid #4fd18b}
.corr .pub{top:6px;bottom:6px;border:1px solid #e6edf5;border-radius:4px}
.corr .you{position:absolute;top:0;bottom:0;width:3px;background:#ffd15c;box-shadow:0 0 6px #ffd15c}
.corr .tick{position:absolute;bottom:2px;font:10px 'JetBrains Mono',monospace;color:var(--muted);transform:translateX(-50%)}
.corr .lab{position:absolute;top:2px;font:10px Inter,sans-serif;color:var(--soft);transform:translateX(-50%);white-space:nowrap}
.tlwrap{margin-top:8px}
.tl{position:relative;height:30px;background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.tl i{position:absolute;top:0;bottom:0;display:block}
.tl .cur{width:2px;background:#fff;z-index:2}
.tl .ev{width:2px;background:rgba(255,255,255,.35)}
.tl .seg1{background:rgba(63,182,255,.28)}.tl .seg2{background:rgba(255,159,69,.28)}.tl .seg3{background:rgba(79,209,139,.25)}
.tl em{position:absolute;bottom:1px;font:9px Inter,sans-serif;font-style:normal;color:var(--soft);transform:translateX(-50%);white-space:nowrap}
@media (max-width:820px){.tl em{font-size:8px}}
.tag3d.lft{transform:translate(calc(-100% - 8px),-50%)}
.tag3d.lft::before{left:auto;right:-9px}