/* One motion owner per interaction. Daily navigation and counts are immediate. */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.nav.dock{isolation:isolate}
.dock-indicator{position:absolute;z-index:-1;pointer-events:none;left:7px;top:7px;bottom:7px;width:calc((100% - 26px)/5);border-radius:21px;background:#e1bc7416;border:1px solid #e1bc7420;transform:translateX(0)}
.dock[data-slot="1"] .dock-indicator{transform:translateX(calc(100% + 3px))}
.dock[data-slot="2"] .dock-indicator{transform:translateX(calc(200% + 6px))}
.dock[data-slot="3"] .dock-indicator{transform:translateX(calc(300% + 9px))}
.dock[data-slot="4"] .dock-indicator{transform:translateX(calc(400% + 12px))}
.nav.dock button.active{background:transparent}
.login-v3,.page-heading,.main-tasks,.intro-body,.board-list,dialog[open],.done .check-button,.shake,.leaving{animation:none}
.login-success .arrow-disc{background:#75b98b;color:#102518}
.saving-label{display:inline-flex;align-items:center;gap:8px}
.saving-label:before{content:'';height:10px;width:10px;border:2px solid currentColor;border-radius:50%;opacity:.7}
.photo-editor #photo-status{min-height:20px;color:#a0d5af}
button{transition:transform 160ms var(--ease-out)}
button:active{transform:none}
body[data-input="pointer"] button:active:not(:disabled){transform:scale(.98);transition-duration:100ms}
body[data-input="keyboard"] button,body[data-input="keyboard"] #toast{transition:none!important;transform:none}
@media(max-width:600px){dialog{margin:auto 0 0;width:100%;max-width:100%;max-height:92dvh;border-radius:28px 28px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none!important}}

/* Handover feedback: one arrival highlight, no repeating background motion. */
.board-list [data-board-card]{position:relative}
.handover-new:after{content:'';position:absolute;inset:0;border:1px solid #e1bc74;border-radius:inherit;pointer-events:none;opacity:0;animation:handover-arrival 240ms var(--ease-out)}
@keyframes handover-arrival{from{opacity:.6}to{opacity:0}}
.board-list .handover-read{color:#d8c89f;background:#e1bc7410}
body[data-page="handover"] .tabs button{transition:background-color 140ms var(--ease-out),color 140ms var(--ease-out),transform 100ms var(--ease-out)}
@media(prefers-reduced-motion:reduce){.handover-new:after{animation:none}.board-list button,body[data-page="handover"] .tabs button{transition:none}}
body[data-input="keyboard"] .handover-new:after{animation:none}
.pulse-motion-surface{position:relative}
.pulse-motion-ray{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:2}
.pulse-motion-ray>i{position:absolute;inset:-20% -50%;background:linear-gradient(110deg,transparent 30%,rgba(156,227,167,.16) 42%,rgba(211,255,215,.55) 49%,rgba(156,227,167,.18) 56%,transparent 68%);border-radius:inherit;pointer-events:none}
@media(prefers-reduced-motion:reduce){.pulse-motion-ray{display:none}}