.cr{--cycle:9s;align-items:flex-end;gap:var(--bt-space-2);flex-direction:column;display:flex}.cr__board{border-radius:var(--bt-r-2xl);border:1px solid var(--bt-line);inline-size:100%;box-shadow:var(--bt-shadow-3);overscroll-behavior-x:contain;padding:clamp(12px,2vw,20px);overflow-x:auto}.cr__grid{grid-template-columns:7.5rem repeat(5,minmax(5.5rem,1fr));gap:6px;min-inline-size:560px;display:grid;position:relative}.cr__corner,.cr__day{font:600 11px / 1 var(--bt-font-mono);color:var(--bt-ink-muted);padding:4px 6px 8px}.cr__acct{font:600 12px / 1.2 var(--bt-font-text);color:var(--bt-ink);--bt-pmark-cut:var(--bt-paper);align-items:center;gap:8px;padding-inline:6px;display:flex}.cr__cell{border-radius:var(--bt-r-md);background:var(--bt-surface-1);border:1px solid var(--bt-line);min-block-size:64px;padding:6px}.cr__post{border-radius:var(--bt-r-sm);background:var(--bt-surface-3);border:1px solid var(--bt-line-strong);font:500 11px / 1.1 var(--bt-font-mono);color:var(--bt-ink);gap:4px;padding:6px 8px;display:grid;position:relative}.cr__post:after{content:"";border-radius:inherit;background:var(--bt-accent);z-index:0;position:absolute;inset:-1px}.cr__post>*{z-index:1;position:relative}.cr__state{grid-area:2/1;font-size:10px}.cr__state--sched{color:var(--bt-ink-muted);opacity:0}.cr__state--done,.cr__post .cr__time{color:var(--bt-accent-on)}.cr__now{pointer-events:none;opacity:0;inline-size:calc(100% - 7.5rem);position:absolute;inset-block:0;inset-inline-start:7.5rem}.cr__now:before{content:"";background:var(--bt-accent);inline-size:2px;box-shadow:0 0 12px var(--bt-accent);position:absolute;inset-block:18px 0;inset-inline-start:0}.cr__now span{border-radius:var(--bt-r-xs);background:var(--bt-accent);color:var(--bt-accent-on);font:700 9.5px / 1 var(--bt-font-mono);padding:2px 5px;position:absolute;inset-block-start:0;inset-inline-start:-14px}.cr.is-running :is(.cr__now,.cr__state,.cr__time),.cr.is-running .cr__post:after{animation-duration:var(--cycle);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.cr.is-held :is(.cr__now,.cr__state,.cr__time),.cr.is-held .cr__post:after{animation-play-state:paused}.cr.is-running .cr__now{animation-name:cr-now}@keyframes cr-now{0%,4%{opacity:0;transform:translate(0)}6%{opacity:1}84%{opacity:1;transform:translate(100%)}88%,to{opacity:0;transform:translate(100%)}}.cr.is-running .cr__post--c0:after{animation-name:cr-fill-0}.cr.is-running .cr__post--c0 .cr__state--sched{animation-name:cr-sched-0}.cr.is-running .cr__post--c0 .cr__state--done{animation-name:cr-ink-0}.cr.is-running .cr__post--c0 .cr__time{animation-name:cr-time-0}@keyframes cr-fill-0{0%,11.4%{opacity:0;transform:scale(.9)}12.6%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes cr-sched-0{0%,11.4%{opacity:1}12.6%,95%{opacity:0}to{opacity:1}}@keyframes cr-ink-0{0%,11.4%{opacity:0}12.6%,92%{opacity:1}96%,to{opacity:0}}@keyframes cr-time-0{0%,11.4%{color:var(--bt-ink)}12.6%,92%{color:var(--bt-accent-on)}96%,to{color:var(--bt-ink)}}.cr.is-running .cr__post--c1:after{animation-name:cr-fill-1}.cr.is-running .cr__post--c1 .cr__state--sched{animation-name:cr-sched-1}.cr.is-running .cr__post--c1 .cr__state--done{animation-name:cr-ink-1}.cr.is-running .cr__post--c1 .cr__time{animation-name:cr-time-1}@keyframes cr-fill-1{0%,27.4%{opacity:0;transform:scale(.9)}28.6%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes cr-sched-1{0%,27.4%{opacity:1}28.6%,95%{opacity:0}to{opacity:1}}@keyframes cr-ink-1{0%,27.4%{opacity:0}28.6%,92%{opacity:1}96%,to{opacity:0}}@keyframes cr-time-1{0%,27.4%{color:var(--bt-ink)}28.6%,92%{color:var(--bt-accent-on)}96%,to{color:var(--bt-ink)}}.cr.is-running .cr__post--c2:after{animation-name:cr-fill-2}.cr.is-running .cr__post--c2 .cr__state--sched{animation-name:cr-sched-2}.cr.is-running .cr__post--c2 .cr__state--done{animation-name:cr-ink-2}.cr.is-running .cr__post--c2 .cr__time{animation-name:cr-time-2}@keyframes cr-fill-2{0%,43.4%{opacity:0;transform:scale(.9)}44.6%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes cr-sched-2{0%,43.4%{opacity:1}44.6%,95%{opacity:0}to{opacity:1}}@keyframes cr-ink-2{0%,43.4%{opacity:0}44.6%,92%{opacity:1}96%,to{opacity:0}}@keyframes cr-time-2{0%,43.4%{color:var(--bt-ink)}44.6%,92%{color:var(--bt-accent-on)}96%,to{color:var(--bt-ink)}}.cr.is-running .cr__post--c3:after{animation-name:cr-fill-3}.cr.is-running .cr__post--c3 .cr__state--sched{animation-name:cr-sched-3}.cr.is-running .cr__post--c3 .cr__state--done{animation-name:cr-ink-3}.cr.is-running .cr__post--c3 .cr__time{animation-name:cr-time-3}@keyframes cr-fill-3{0%,59.4%{opacity:0;transform:scale(.9)}60.6%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes cr-sched-3{0%,59.4%{opacity:1}60.6%,95%{opacity:0}to{opacity:1}}@keyframes cr-ink-3{0%,59.4%{opacity:0}60.6%,92%{opacity:1}96%,to{opacity:0}}@keyframes cr-time-3{0%,59.4%{color:var(--bt-ink)}60.6%,92%{color:var(--bt-accent-on)}96%,to{color:var(--bt-ink)}}.cr.is-running .cr__post--c4:after{animation-name:cr-fill-4}.cr.is-running .cr__post--c4 .cr__state--sched{animation-name:cr-sched-4}.cr.is-running .cr__post--c4 .cr__state--done{animation-name:cr-ink-4}.cr.is-running .cr__post--c4 .cr__time{animation-name:cr-time-4}@keyframes cr-fill-4{0%,75.4%{opacity:0;transform:scale(.9)}76.6%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes cr-sched-4{0%,75.4%{opacity:1}76.6%,95%{opacity:0}to{opacity:1}}@keyframes cr-ink-4{0%,75.4%{opacity:0}76.6%,92%{opacity:1}96%,to{opacity:0}}@keyframes cr-time-4{0%,75.4%{color:var(--bt-ink)}76.6%,92%{color:var(--bt-accent-on)}96%,to{color:var(--bt-ink)}}.cr__pause[hidden]{display:none}.fcal-grid{gap:var(--bt-space-6) var(--bt-space-16);align-items:start;display:grid}@media (width>=1024px){.fcal-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
