[data-ck-motion] :is(.catalog-card,.continue-card,.app-card,.topic,.view-all,.primary-button,.secondary-button,.export-button,.related-link,.category-nav a,.category-outline a,.tool-card) {
  transition: transform 170ms cubic-bezier(.2,.7,.2,1), border-color 140ms ease, background-color 140ms ease, box-shadow 170ms ease;
}

[data-ck-motion] :is(.catalog-card,.continue-card,.app-card,.topic,.view-all):hover,
[data-ck-motion] .tool-card:focus-within { transform: none; }

[data-ck-motion] :is(.catalog-card,.continue-card,.app-card,.topic,.view-all,.primary-button,.secondary-button,.export-button,.related-link,.category-nav a,.category-outline a):focus-visible {
  outline: 2px solid var(--ck-accent);
  outline-offset: 3px;
}

[data-ck-motion] .tool-card:focus-within { border-color: var(--ck-accent); box-shadow: none; }

[data-ck-motion='active'] :is(.catalog-card,.continue-card,.app-card):focus-visible {
  transform: translateY(-2px);
  border-color: var(--ck-accent);
  box-shadow: 0 5px 14px color-mix(in srgb,var(--ck-text) 7%,transparent);
}

@media (hover: hover) and (pointer: fine) {
  [data-ck-motion='active'] :is(.catalog-card,.continue-card,.app-card):hover {
    transform: translateY(-2px);
    border-color: var(--ck-accent);
    box-shadow: 0 5px 14px color-mix(in srgb,var(--ck-text) 7%,transparent);
  }
  [data-ck-motion='active'] :is(.topic,.view-all):hover { transform: translateY(-1px); box-shadow: none; }
}

[data-ck-motion='active'] :is(.catalog-card,.continue-card,.app-card,.topic,.primary-button,.secondary-button):active {
  transform: translateY(1px);
  box-shadow: none;
}

[data-ck-motion][data-ck-navigating='true']::before {
  content: '';
  position: fixed;
  z-index: 1100;
  inset: 0 auto auto 0;
  width: 35%;
  height: 2px;
  background: var(--ck-accent);
  pointer-events: none;
  animation: ck-navigation-progress 1.15s ease-in-out infinite;
}

@keyframes ck-navigation-progress {
  from { transform: translateX(-110%); }
  to { transform: translateX(290%); }
}

[data-ck-motion='suspended'][data-ck-navigating='true']::before { display: none; }
[data-ck-motion='suspended'] .demo-spinner { animation-play-state: paused; }

#searchDialog[data-search-state='loading'] .search-feedback::after {
  content: '';
  display: block;
  height: 2px;
  width: 35%;
  margin-top: 8px;
  background: var(--ck-accent);
  animation: ck-search-progress 1.15s ease-in-out infinite;
}

@keyframes ck-search-progress {
  from { transform: translateX(-110%); }
  to { transform: translateX(290%); }
}

.search-feedback { overflow: hidden; }
[data-ck-motion='suspended'] #searchDialog .search-feedback::after { animation-play-state: paused; }

[data-ck-motion='reduced'][data-ck-navigating='true']::before { width: 100%; animation: none; }
[data-ck-motion='reduced'] :is(.catalog-card,.continue-card,.app-card,.topic,.view-all,.primary-button,.secondary-button,.export-button,.related-link,.category-nav a,.category-outline a,.tool-card) { transition: none; transform: none; }

@media (prefers-reduced-motion: reduce) {
  [data-ck-motion] :is(.catalog-card,.continue-card,.app-card,.topic,.view-all,.primary-button,.secondary-button,.export-button,.related-link,.category-nav a,.category-outline a,.tool-card) { transition: none !important; transform: none !important; }
  [data-ck-motion][data-ck-navigating='true']::before { width: 100%; animation: none !important; }
  #searchDialog[data-search-state='loading'] .search-feedback::after { width: 100%; animation: none !important; }
}

@media print {
  [data-ck-motion][data-ck-navigating='true']::before { display: none; }
}

:root {
  --ck-spring: cubic-bezier(.32, .72, 0, 1);
  --ck-exit: cubic-bezier(.4, 0, 1, 1);
}
@supports (transition-timing-function: linear(0, 1)) {
  :root { --ck-spring: linear(0, 0.0094 1.75%, 0.0394 3.75%, 0.0981 6.25%, 0.1964 9.5%, 0.5076 18.75%, 0.6335 23%, 0.7336 27%, 0.8148 31%, 0.8817 35.25%, 0.9356 40%, 0.9747 45.25%, 1.0015 51.75%, 1.0143 60.5%, 1.0083 81.5%, 1); }
}

@media (prefers-reduced-motion: no-preference) {
  body[data-app="checklist"] :is(.hero > *, .collection-heading, .category-nav, :is(.category-grid, .category-collections) > *, .catalog-search, .page-breadcrumb, .page-intro > *, .detail-view-tabs, .page-primary > *, .page-sidebar) {
    animation: ck-enter-fade 280ms ease-out backwards, ck-enter-rise 500ms var(--ck-spring) backwards;
  }
  body[data-app="checklist"] :is(.hero > :nth-child(2), .page-intro > :nth-child(1)) { animation-delay: 40ms; }
  body[data-app="checklist"] :is(.hero > :nth-child(3), .page-intro > :nth-child(2)) { animation-delay: 80ms; }
  body[data-app="checklist"] :is(.hero > :nth-child(4), .page-intro > :nth-child(3)) { animation-delay: 120ms; }
  body[data-app="checklist"] :is(.collection-heading, .detail-view-tabs) { animation-delay: 140ms; }
  body[data-app="checklist"] :is(.category-nav, .page-primary > :nth-child(1)) { animation-delay: 170ms; }
  body[data-app="checklist"] :is(:is(.category-grid, .category-collections) > :nth-child(1), .page-primary > :nth-child(2), .page-sidebar) { animation-delay: 200ms; }
  body[data-app="checklist"] :is(:is(.category-grid, .category-collections) > :nth-child(2), .page-primary > :nth-child(3)) { animation-delay: 240ms; }
  body[data-app="checklist"] :is(:is(.category-grid, .category-collections) > :nth-child(3), .page-primary > :nth-child(4)) { animation-delay: 280ms; }
  body[data-app="checklist"] :is(.category-grid, .category-collections) > :nth-child(n + 4),
  body[data-app="checklist"] .page-primary > :nth-child(n + 5),
  body[data-app="checklist"] .catalog-search { animation-delay: 320ms; }

  body[data-app="checklist"] .browse-menu {
    transform-origin: 24px 0;
    transition: opacity 150ms var(--ck-exit), transform 170ms var(--ck-exit), display 170ms allow-discrete;
  }
  body[data-app="checklist"] .browse-menu:not([hidden]) {
    animation: none;
    transition: opacity 200ms ease-out, transform 460ms var(--ck-spring), display 460ms allow-discrete;
  }
  body[data-app="checklist"] .browse-menu[hidden] { opacity: 0; transform: translateY(-6px) scale(.96); }
  @starting-style {
    body[data-app="checklist"] .browse-menu:not([hidden]) { opacity: 0; transform: translateY(-6px) scale(.96); }
  }

  body[data-app="checklist"] .apps-dropdown::details-content { transition: content-visibility 170ms allow-discrete; }
  body[data-app="checklist"] .apps-dropdown .apps-menu { transform-origin: calc(100% - 24px) 0; }
  body[data-app="checklist"] .apps-dropdown[open] .apps-menu {
    animation: none;
    opacity: 1;
    transform: none;
    transition: opacity 200ms ease-out, transform 460ms var(--ck-spring);
  }
  body[data-app="checklist"] .apps-dropdown:not([open]) .apps-menu { opacity: 0; transform: translateY(-6px) scale(.96); }
  @starting-style {
    body[data-app="checklist"] .apps-dropdown[open] .apps-menu { opacity: 0; transform: translateY(-6px) scale(.96); }
  }

  body[data-app="checklist"] .mobile-menu {
    transform-origin: 50% 0;
    transition: opacity 160ms var(--ck-exit), transform 190ms var(--ck-exit), display 190ms allow-discrete;
  }
  body[data-app="checklist"] .mobile-menu:not([hidden]) {
    transition: opacity 220ms ease-out, transform 480ms var(--ck-spring), display 480ms allow-discrete;
  }
  body[data-app="checklist"] .mobile-menu[hidden] { opacity: 0; transform: translateY(-10px) scale(.985); }
  @starting-style {
    body[data-app="checklist"] .mobile-menu:not([hidden]) { opacity: 0; transform: translateY(-10px) scale(.985); }
  }

  body[data-app="checklist"] :is(.search-dialog, .howto-dialog) {
    opacity: 0;
    transform: translateY(10px) scale(.97);
    transition: opacity 160ms var(--ck-exit), transform 190ms var(--ck-exit), overlay 190ms allow-discrete, display 190ms allow-discrete;
  }
  body[data-app="checklist"] :is(.search-dialog, .howto-dialog)[open] {
    animation: none;
    opacity: 1;
    transform: none;
    transition: opacity 220ms ease-out, transform 500ms var(--ck-spring), overlay 500ms allow-discrete, display 500ms allow-discrete;
  }
  @starting-style {
    body[data-app="checklist"] :is(.search-dialog, .howto-dialog)[open] { opacity: 0; transform: translateY(16px) scale(.95); }
  }
  body[data-app="checklist"] :is(.search-dialog, .howto-dialog)::backdrop {
    opacity: 0;
    transition: opacity 190ms ease, overlay 190ms allow-discrete, display 190ms allow-discrete;
  }
  body[data-app="checklist"] :is(.search-dialog, .howto-dialog)[open]::backdrop {
    animation: none;
    opacity: 1;
    transition-duration: 320ms;
  }
  @starting-style {
    body[data-app="checklist"] :is(.search-dialog, .howto-dialog)[open]::backdrop { opacity: 0; }
  }

  body[data-app="checklist"] .toast { transition: opacity 160ms var(--ck-exit), transform 200ms var(--ck-exit); }
  body[data-app="checklist"] .toast.show { transition: opacity 200ms ease-out, transform 480ms var(--ck-spring); }

  body[data-app="checklist"] :is(.icon-button, .search-toggle, .nav-link, .primary-button, .secondary-button, .text-button, .export-button) {
    transition-property: transform, background-color, border-color, box-shadow, color;
    transition-duration: 420ms, 140ms, 140ms, 170ms, 140ms;
    transition-timing-function: var(--ck-spring), ease, ease, ease, ease;
  }
  body[data-app="checklist"] :is(.catalog-card, .continue-card, .app-card, .topic, .view-all, .related-link, .tool-card) {
    transition: transform 460ms var(--ck-spring), border-color 140ms ease, background-color 140ms ease, box-shadow 170ms ease;
  }
  body[data-app="checklist"] :is(.icon-button, .search-toggle, .nav-link, .primary-button, .secondary-button, .text-button, .export-button):active {
    transform: scale(.95);
    transition-duration: 90ms;
    transition-timing-function: ease-out;
  }
  body[data-app="checklist"] :is(.catalog-card, .continue-card, .app-card, .topic, .view-all, .related-link, .tool-card):active {
    transform: scale(.98);
    box-shadow: none;
    transition-duration: 110ms;
    transition-timing-function: ease-out;
  }
}

@keyframes ck-enter-fade { from { opacity: 0; } }
@keyframes ck-enter-rise { from { transform: translateY(14px); } }