.how-module__RiALoW__stage,.how-module__RiALoW__num{position:relative}.how-module__RiALoW__envelope{opacity:0;pointer-events:none;width:30px;height:22px;position:absolute;top:14px;right:14px}.how-module__RiALoW__stage:last-child .how-module__RiALoW__envelope{opacity:1}.how-module__RiALoW__human{display:inline-block}@media (prefers-reduced-motion:no-preference){[data-play=armed] .how-module__RiALoW__stage{opacity:.8}[data-play=armed] .how-module__RiALoW__num{filter:grayscale()}[data-play=armed] .how-module__RiALoW__human{opacity:0}[data-play=on] .how-module__RiALoW__stage{animation:.4s steps(4,end) both how-module__RiALoW__light;animation-delay:calc(var(--i) * .45s)}[data-play=on] .how-module__RiALoW__num{animation:.4s steps(3,end) both how-module__RiALoW__numOn;animation-delay:calc(var(--i) * .45s)}[data-play=on] .how-module__RiALoW__human{animation:.35s steps(4,end) both how-module__RiALoW__stamp;animation-delay:calc(var(--i) * .45s + .35s)}[data-play=on] .how-module__RiALoW__envelope{animation:.9s steps(6,end) both how-module__RiALoW__hopThrough;animation-delay:calc(var(--i) * .45s)}[data-play=on] .how-module__RiALoW__stage:last-child .how-module__RiALoW__envelope{animation-name:how-module__RiALoW__hopStay}}.how-module__RiALoW__slot{flex-direction:column;display:flex;position:relative}.how-module__RiALoW__slot:not([data-shown]) .how-module__RiALoW__mail{visibility:hidden}.how-module__RiALoW__typingNow{background:#fff;border:3px solid #0a1727;border-radius:8px;gap:5px;padding:10px 14px;display:inline-flex;position:absolute;top:0;left:0}.how-module__RiALoW__dot{background:#0a1727;width:7px;height:7px}.how-module__RiALoW__dayCount{border:3px solid var(--color-ink);background:var(--color-ink);min-width:6.2em;color:var(--color-grass);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 8px;font-size:13px}.how-module__RiALoW__calendar{grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;display:grid}.how-module__RiALoW__calDay{border:2px solid var(--color-fog);background:#fff;height:10px}.how-module__RiALoW__calDay[data-lit]{border-color:var(--color-ink);background:var(--color-ink)}.how-module__RiALoW__pinned{border:3px dashed var(--color-ink);background:var(--color-coin);border-radius:8px;align-items:flex-start;gap:8px;min-height:60px;padding:8px 12px;display:flex}.how-module__RiALoW__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}@media (prefers-reduced-motion:no-preference){.how-module__RiALoW__slot[data-shown] .how-module__RiALoW__mail{animation:.4s ease-out both how-module__RiALoW__arrive}.how-module__RiALoW__dot{animation:.4s steps(2,end) infinite how-module__RiALoW__dotBob}.how-module__RiALoW__dot:nth-child(2){animation-delay:.13s}.how-module__RiALoW__dot:nth-child(3){animation-delay:.26s}[data-phase=playing] .how-module__RiALoW__calDay[data-lit]{animation:.2s steps(2,end) both how-module__RiALoW__dayOn}}.how-module__RiALoW__icon{display:block}@media (prefers-reduced-motion:no-preference){[data-play=on] .how-module__RiALoW__calPage{transform-box:fill-box;transform-origin:top;animation:.6s steps(4,end) .2s both how-module__RiALoW__pageFlip}[data-play=on] .how-module__RiALoW__stampHead{animation:.5s steps(4,end) .5s both how-module__RiALoW__thump}[data-play=armed] .how-module__RiALoW__logLine{transform:scaleX(0)}[data-play=on] .how-module__RiALoW__logLine{transform-box:fill-box;transform-origin:0;animation:.3s steps(4,end) both how-module__RiALoW__drawLine;animation-delay:calc(.8s + var(--l) * .25s)}}@keyframes how-module__RiALoW__light{0%{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes how-module__RiALoW__numOn{0%{filter:grayscale();transform:scale(.8)}70%{transform:scale(1.12)}to{filter:none;transform:none}}@keyframes how-module__RiALoW__stamp{0%{opacity:0;transform:scale(1.7)rotate(-6deg)}60%{opacity:1;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes how-module__RiALoW__hopThrough{0%{opacity:0;transform:translate(-24px)}30%{opacity:1;transform:translate(-8px,-16px)}55%{opacity:1;transform:none}85%{opacity:1;transform:translate(12px,-10px)}to{opacity:0;transform:translate(24px)}}@keyframes how-module__RiALoW__hopStay{0%{opacity:0;transform:translate(-24px)}40%{opacity:1;transform:translate(-8px,-16px)}to{opacity:1;transform:none}}@keyframes how-module__RiALoW__arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes how-module__RiALoW__dayOn{0%{transform:scaleY(.4)}to{transform:none}}@keyframes how-module__RiALoW__dotBob{0%{transform:none}to{transform:translateY(-4px)}}@keyframes how-module__RiALoW__pageFlip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes how-module__RiALoW__thump{0%{transform:translateY(-5px)}50%{transform:translateY(1px)}to{transform:none}}@keyframes how-module__RiALoW__drawLine{0%{transform:scaleX(0)}to{transform:none}}