.ba-card{background:#fff;border-radius:14px;width:100%;max-width:30rem;margin:0 0 0 auto;padding:2rem;box-shadow:0 0 0 1px #11111114,0 1px 2px #1111110a,0 24px 48px -24px #1111112e}.ba-label{letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;font-size:.6875rem;font-weight:500}.ba-task{letter-spacing:-.02em;text-wrap:balance;margin-top:.5rem;font-size:1.375rem;font-weight:600;line-height:1.25}.ba-rows{gap:1.75rem;margin-top:2rem;display:grid}.ba-row-head{color:var(--ink-soft);justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.ba-time{color:var(--ink);font-weight:600}.ba-time-after{color:var(--spot)}.ba-track{background:var(--paper);border-radius:999px;height:.6rem;margin-top:.6rem;display:block}.ba-bar{transform-origin:0;border-radius:999px;height:100%;animation:1.1s cubic-bezier(.22,1,.36,1) both ba-grow;display:block}.ba-bar-before{background:#11111147;width:100%;animation-delay:.3s}.ba-bar-after{background:var(--spot);width:5.6%;min-width:.6rem;animation-delay:1.1s}.ba-note{color:var(--ink-soft);margin-top:.75rem;font-size:.8125rem;animation:.5s 1.8s both ba-fade}@keyframes ba-grow{0%{transform:scaleX(0)}}@keyframes ba-fade{0%{opacity:0}}@media (max-width:640px){.ba-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.ba-bar,.ba-note{animation:none}}