/* Motion v3.5. All interaction still works with animation disabled. */
.nav.dock{isolation:isolate}.dock-indicator{position:absolute;z-index:-1;pointer-events:none;left:7px;top:7px;bottom:7px;width:calc((100% - 23px)/4);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))}.nav.dock button.active{background:transparent}.login-v3,.page-heading,.main-tasks,.intro-body,.board-list,dialog[open],.done .check-button{animation:none}.login-success .arrow-disc{background:#75b98b;color:#102518}.draw-check{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.draw-check path{stroke-dasharray:24;stroke-dashoffset:0;animation:draw-tick .2s ease-out}.task-widget,.quick-pair>.glass{position:relative;overflow:hidden}.task-widget:after,.quick-pair>.glass:after{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffffff0d 50%,transparent 58%);opacity:0;transform:translateX(-35%);transition:opacity .18s,transform .5s}.task-widget:active:after,.quick-pair>.glass:active:after{opacity:1;transform:translateX(35%)}.fake-button{transition:background-color .35s,color .35s}.tabs button,.days button{transition:background-color .2s,border-color .2s,color .2s}.saving-label{display:inline-flex;align-items:center;gap:8px}.saving-label:before{content:'';height:12px;width:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:save-turn .8s linear infinite}.card-actions button:disabled{cursor:default}body[data-page="login"]:before{inset:-2%;animation:leaves-breathe 36s ease-in-out infinite alternate;transform-origin:70% 20%}dialog::backdrop{animation:backdrop-in .2s ease-out}.photo-editor #photo-status{min-height:20px;color:#8dcba0}.new-record{animation:record-in .45s ease-out}.day-selected{animation:day-in .2s ease-out}.check-row .task-stamp{animation:stamp-in .2s ease-out}.recipe-hero{transition:opacity .2s}.editor-footer button{transition:background-color .2s}@keyframes draw-tick{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes save-turn{to{transform:rotate(360deg)}}@keyframes leaves-breathe{from{transform:scale(1) translate(0,0)}to{transform:scale(1.035) translate(-.5%,.4%)}}@keyframes backdrop-in{from{background-color:#0000}to{background-color:#0009}}@keyframes record-in{from{opacity:.3;transform:translateY(-6px);border-color:#e1bc7488}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{from{opacity:0}to{opacity:1}}@keyframes day-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@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){body[data-page="login"]:before{animation:none;transform:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body[data-motion-paused="true"]:before{animation-play-state:paused}