/* Individual transforms preserve the existing page and forest transforms. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  :is(#app,#modal-root) .fluid-surface {
    translate:0 var(--fluid-lift,0px);
    scale:var(--fluid-scale,1) !important;
    will-change:translate,scale;
    z-index:2;
    transition:background-color .25s ease,border-color .25s ease,box-shadow .3s ease !important;
  }
  :is(#app,#modal-root) .fluid-surface[data-fluid-kind="card"] {
    transform:none !important;
    box-shadow:inset 0 1px 0 #ffffffdd,0 12px 28px -12px rgb(39 65 67 / var(--fluid-light,0)),0 0 0 1px rgb(255 255 255 / var(--fluid-light,0)) !important;
  }
  :is(#app,#modal-root) .fluid-hovered[data-fluid-kind="card"] {
    border-color:rgba(255,255,255,.95) !important;
  }
  .basket-list>article {position:relative;border-radius:16px;}
  .basket-list {padding:6px;}
  .quiz-picker-results {padding:9px 8px;scroll-padding:10px;}
}
@media (prefers-reduced-motion:reduce) {
  .fluid-surface {translate:none!important;scale:1!important;will-change:auto;}
}