/* Functional feedback shares the existing --ease-out tokens and theme materials. */
html[data-motion="on"] :is(button,a[download],summary):not(.bottom-nav button):not(.calendar-day):not(.week-day-select) {
 transition:transform 160ms var(--ease-out),background-color 160ms ease,border-color 160ms ease;
}
html[data-motion="on"] :is(button,a[download],summary).is-pressed:not(.bottom-nav button) {
 transform:scale(.96);transition-duration:100ms;
}
html[data-motion="on"] .side-drawer {transition:transform 280ms var(--ease-out),visibility 280ms}
html[data-motion="on"] .side-backdrop {transition:opacity 200ms var(--ease-out),visibility 200ms}
html[data-motion="on"] .toast {transition:transform 220ms var(--ease-out),opacity 180ms ease,visibility 220ms}
html[data-motion="on"] .note-group>summary::before {transition:transform 160ms var(--ease-out)}
html[data-motion="on"] .task-day>summary i {transition:transform 160ms var(--ease-out)}
.note-group[data-motion-closing]>summary::before {transform:rotate(0deg)}
.task-day[data-motion-closing]>summary i {transform:rotate(0deg)}
html[data-motion="on"] #content-dialog::backdrop {opacity:1;transition:opacity 360ms ease}
html[data-motion="on"] #content-dialog[data-motion-closing]::backdrop {opacity:0}
@starting-style {html[data-motion="on"] #content-dialog[open]::backdrop {opacity:0}}
@media(min-width:1024px) {
 .app {padding-bottom:108px}
 .bottom-nav.liquid-dock {display:flex;left:calc(50% + var(--sidebar)/2 + 10px);width:min(620px,calc(100vw - var(--sidebar) - 56px));bottom:18px}
 .toast {bottom:104px}
}
@media(hover:hover) and (pointer:fine) {
 html[data-motion="on"] :is(.theme-choice,.design-choice,.auto-card):hover {transform:translateY(-2px)}
}
html[data-motion="off"] :is(button,a[download],summary).is-pressed {transform:none}
@media(prefers-reduced-motion:reduce) {
 html[data-motion="on"] :is(button,a[download],summary).is-pressed {transform:none}
 html[data-motion="on"] :is(button,a[download],summary) {transition:background-color 120ms ease,border-color 120ms ease}
 html[data-motion="on"] .side-drawer {transition:none}
 html[data-motion="on"] .toast {transition:opacity 120ms ease,visibility 120ms}
 html[data-motion="on"] .note-group>summary::before,html[data-motion="on"] .task-day>summary i {transition:none}
 html[data-motion="on"] :is(.theme-choice,.design-choice,.auto-card):hover {transform:none}
}