.todo-board{height:300px;margin-top:1.25rem;position:relative;overflow:hidden}@media (width>=768px){.todo-board{height:260px}}.todo-board.is-message{height:auto;min-height:260px}.todo-pile{position:absolute;inset:0}.todo-board.is-tumble .todo-pile{animation:.8s ease-in forwards todo-pile-fall}.todo-note{color:#1a1a1a;text-align:center;pointer-events:none;width:112px;height:88px;transform:translateY(-420px) rotate(var(--rot));opacity:0;background-image:linear-gradient(#00000012,#00000012);background-repeat:no-repeat;background-size:100% 10px;padding:16px 8px 6px;font-size:19px;line-height:1.05;position:absolute;box-shadow:0 4px 10px #1a1a1a26}.todo-board.is-drop .todo-note{animation:todo-drop .48s cubic-bezier(.3, 1.3, .5, 1) var(--drop-delay) forwards}.todo-board.is-tumble .todo-note{opacity:1;transform:translateY(0) rotate(var(--rot));animation:.8s ease-in forwards todo-tumble}@keyframes todo-drop{0%{opacity:1;transform:translateY(-420px) rotate(calc(var(--rot) * -1))}to{opacity:1;transform:translateY(0) rotate(var(--rot))}}@keyframes todo-tumble{to{opacity:1;transform:rotate(calc(var(--rot) + var(--spin)))}}@keyframes todo-pile-fall{to{transform:translateY(110%)}}.todo-final>*,.todo-final li{animation:.6s both todo-content-in}.todo-final>:nth-child(2){animation-delay:.18s}.todo-final>:nth-child(3){animation-delay:.36s}.todo-final>ul{animation:none}.todo-final li:first-child{animation-delay:.54s}.todo-final li:nth-child(2){animation-delay:.72s}.todo-final li:nth-child(3){animation-delay:.9s}.todo-final li:nth-child(4){animation-delay:1.08s}.todo-final li:nth-child(5){animation-delay:1.26s}.todo-final>:last-child{animation-delay:1.44s}@keyframes todo-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.todo-underline{display:inline-block;position:relative}.todo-underline svg{width:100%;height:12px;position:absolute;bottom:-10px;left:0}@media (prefers-reduced-motion:reduce){.todo-final>*,.todo-final li{animation:none}}.focus-promise-art{overflow:hidden}.focus-promise-hand{object-fit:cover;object-position:center 38%;width:100%;height:100%;position:absolute;inset:0}.focus-promise-hand-left{clip-path:inset(0 50% 0 0)}.focus-promise-hand-right{clip-path:inset(0 0 0 50%)}.focus-promise-art:after{content:"";background:linear-gradient(to right, color-mix(in oklab, var(--background) 12%, transparent), color-mix(in oklab, var(--background) 20%, transparent) 60%, var(--background));position:absolute;inset:0}.focus-promise.is-visible .focus-promise-hand-left{animation:4s ease-out both promise-left}.focus-promise.is-visible .focus-promise-hand-right{animation:4s ease-out both promise-right}@keyframes promise-left{0%{transform:translate(-4px)}to{transform:translate(3px)}}@keyframes promise-right{0%{transform:translate(4px)}to{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.focus-promise-hand{animation:none!important;transform:none!important}}