.ok { color: var(--ok); font-weight: 700; }
.bad { color: var(--bad); font-weight: 700; }
.absent { display: flex; flex-direction: column; gap: 6px; font-size: 14px; padding-bottom: 12px; }
.timeline { margin-top: 14px; }
.track { position: relative; height: 28px; margin-top: 8px; border-radius: 999px; background: var(--line, #343c56); overflow: hidden; }
.track span { position: absolute; top: 4px; height: 20px; border-radius: 999px; }
.track .Reception { background: #2f9e6b; }
.track .Nursery { background: #d9894a; }
.scale { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; margin-top: 4px; }
tr.summary { cursor: pointer; }
tr.day td { background: rgba(255,255,255,.03); font-size: 13px; }
.wordmark { font-family: system-ui, sans-serif; }
.lang { display: flex; gap: 4px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 4px; }
.lang button { border: 0; background: transparent; color: var(--muted); border-radius: 999px; padding: 6px 10px; }
.lang button.on { background: var(--card-2, #2c3450); color: var(--ink); }