/* "Happening now": one marker for the matrix, the classic table and the cards. The matrix fills the live cells solid
   and washes the current column; the classic table and cards get a left bar and a solid "进行中" pill. The accent is
   teal because nothing else uses it (course blue, exam amber, makeup red, software purple, free green). */
.event.is-live{position:relative;z-index:1;border-left-color:var(--live-border)!important;background-image:linear-gradient(90deg,var(--live-band-bg),transparent 70%)}
.event.is-live .event-time [data-live-date]:not(:empty){display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:1px 9px 1px 7px;border-radius:999px;background:var(--cell-live-bg);color:var(--cell-live-fg);font-weight:700;line-height:1.45}
.event.is-live .event-time [data-live-date]:not(:empty)::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;animation:live-blink 1.8s ease-in-out infinite}
.swatch.live{background:var(--cell-live-bg);border-color:var(--cell-live-bg)}
@keyframes live-blink{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.event.is-live .event-time [data-live-date]:not(:empty)::before{animation:none}}
@media (prefers-contrast:more){.event.is-live{border-left-width:6px}}
/* Classic day table: the row of the period that is happening now. */
.schedule tbody th.is-now{background:var(--live-soft-bg);box-shadow:inset 4px 0 0 var(--live-border)}
.schedule tbody th.is-now .slot-label,.schedule tbody th.is-now .slot-label small{color:var(--live-text)}