body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn {
  min-height: 46px !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  border: 1px solid var(--st-qbtn-prev-border) !important;
  background: var(--st-qbtn-prev-bg) !important;
  color: var(--st-qbtn-prev-text) !important;
  box-shadow: 0 8px 16px -14px
    color-mix(in srgb, var(--on-surface) 34%, transparent) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.15px !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn
  > span,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn
  .icon {
  color: inherit !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-nav-actions {
  width: auto !important;
  max-width: 560px !important;
  min-width: 280px !important;
  flex: 1 1 clamp(320px, 54%, 520px) !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-nav-actions[hidden] {
  display: none !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-nav-actions
  .st-btn {
  width: 100% !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-back-to-finished] {
  flex: 0 1 auto !important;
  min-width: 210px !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn
  .icon {
  font-size: 12px !important;
  line-height: 1 !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--next
  .icon {
  margin-left: 2px !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--prev
  .icon,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--back
  .icon,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--finish
  .icon {
  margin-right: 2px !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-prev],
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--prev {
  border-color: var(--st-qbtn-prev-border) !important;
  background: var(--st-qbtn-prev-bg) !important;
  color: var(--st-qbtn-prev-text) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-back-to-finished],
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--back {
  border-color: var(--st-qbtn-back-border) !important;
  background: var(--st-qbtn-back-bg) !important;
  color: var(--st-qbtn-back-text) !important;
  box-shadow: 0 8px 16px -14px
    color-mix(in srgb, var(--st-qbtn-primary) 54%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-next] {
  border-color: var(--st-qbtn-next-border) !important;
  background: var(--st-qbtn-next-bg) !important;
  color: var(--st-qbtn-next-text) !important;
  box-shadow: 0 10px 18px -14px
    color-mix(in srgb, var(--st-qbtn-primary) 66%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish] {
  margin-left: 0 !important;
  justify-self: auto !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  min-width: 194px !important;
  border-color: var(--st-qbtn-finish-border) !important;
  background: var(--st-qbtn-finish-bg) !important;
  color: var(--on-primary) !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    0 12px 20px -14px
      color-mix(in srgb, var(--st-qbtn-primary) 74%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-prev]:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-prev]:focus-visible,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--prev:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--prev:focus-visible {
  border-color: var(--st-qbtn-prev-border-hover) !important;
  background: var(--st-qbtn-prev-bg-hover) !important;
  color: color-mix(in srgb, var(--on-surface) 90%, transparent) !important;
  transform: translateY(-1px) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-back-to-finished]:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-back-to-finished]:focus-visible,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--back:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--back:focus-visible {
  border-color: var(--st-qbtn-back-border-hover) !important;
  background: var(--st-qbtn-back-bg-hover) !important;
  color: var(--st-qbtn-back-text-hover) !important;
  box-shadow: 0 10px 18px -14px
    color-mix(in srgb, var(--st-qbtn-primary) 62%, transparent) !important;
  transform: translateY(-1px) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-next]:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-next]:focus-visible {
  border-color: var(--st-qbtn-next-border-hover) !important;
  background: var(--st-qbtn-next-bg-hover) !important;
  color: var(--st-qbtn-next-text-hover) !important;
  box-shadow: 0 12px 20px -14px
    color-mix(in srgb, var(--st-qbtn-primary) 72%, transparent) !important;
  transform: translateY(-1px) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-prev]:active,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--prev:active {
  border-color: var(--st-qbtn-prev-border-active) !important;
  background: var(--st-qbtn-prev-bg-active) !important;
  color: color-mix(in srgb, var(--on-surface) 94%, transparent) !important;
  box-shadow: inset 0 1px 2px color-mix(in srgb, black 16%, transparent) !important;
  transform: translateY(0) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-back-to-finished]:active,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--back:active {
  border-color: var(--st-qbtn-back-border-active) !important;
  background: var(--st-qbtn-back-bg-active) !important;
  color: var(--st-qbtn-back-text-hover) !important;
  box-shadow: inset 0 1px 2px color-mix(in srgb, black 18%, transparent) !important;
  transform: translateY(0) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-next]:active,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--next:active {
  border-color: var(--st-qbtn-next-border-active) !important;
  background: var(--st-qbtn-next-bg-active) !important;
  color: var(--st-qbtn-next-text) !important;
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, black 20%, transparent),
    0 8px 12px -10px color-mix(in srgb, var(--st-qbtn-primary) 70%, transparent) !important;
  transform: translateY(0) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:focus-visible {
  border-color: var(--st-qbtn-finish-border-hover) !important;
  background: var(--st-qbtn-finish-bg-hover) !important;
  color: var(--on-primary) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    0 14px 24px -14px
      color-mix(in srgb, var(--st-qbtn-primary) 78%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:active,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn--finish:active {
  border-color: var(--st-qbtn-finish-border-active) !important;
  background: var(--st-qbtn-finish-bg-active) !important;
  color: var(--on-primary) !important;
  box-shadow:
    inset 0 2px 3px color-mix(in srgb, black 24%, transparent),
    0 8px 12px -10px color-mix(in srgb, var(--st-qbtn-primary) 78%, transparent) !important;
  transform: translateY(0) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px var(--st-qbtn-focus-ring),
    0 10px 18px -14px color-mix(in srgb, var(--st-qbtn-accent) 58%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:focus-visible {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    0 0 0 3px var(--st-qbtn-finish-ring),
    0 14px 24px -14px
      color-mix(in srgb, var(--st-qbtn-primary) 78%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn:active {
  transform: translateY(0) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn[disabled],
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-btn[aria-disabled='true'] {
  opacity: 0.68 !important;
  filter: saturate(0.88) !important;
  transform: none !important;
  box-shadow: none !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  button:focus-visible,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  input:focus-visible {
  outline: none !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--prev {
  border-color: var(--st-qbtn-prev-border) !important;
  background: var(--st-qbtn-prev-bg) !important;
  color: var(--st-qbtn-prev-text) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--back {
  border-color: var(--st-qbtn-back-border) !important;
  background: var(--st-qbtn-back-bg) !important;
  color: var(--st-qbtn-back-text) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--next {
  border-color: var(--st-qbtn-next-border) !important;
  background: var(--st-qbtn-next-bg) !important;
  color: var(--st-qbtn-next-text) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish],
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.button.button-primary.st-btn.st-quizz-finish-btn,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-finish-btn.st-quizz-action-btn--finish {
  border-color: var(--eduloo-study-btn-primary-flat-border) !important;
  background: var(--eduloo-study-btn-primary-flat-bg) !important;
  color: var(--eduloo-study-btn-primary-flat-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    var(--eduloo-study-btn-primary-flat-shadow) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--prev:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--prev:focus-visible {
  border-color: var(--st-qbtn-prev-border-hover) !important;
  background: var(--st-qbtn-prev-bg-hover) !important;
  color: color-mix(in srgb, var(--on-surface) 90%, transparent) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--back:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--back:focus-visible {
  border-color: var(--st-qbtn-back-border-hover) !important;
  background: var(--st-qbtn-back-bg-hover) !important;
  color: var(--st-qbtn-back-text-hover) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--next:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--next:focus-visible {
  border-color: var(--st-qbtn-next-border-hover) !important;
  background: var(--st-qbtn-next-bg-hover) !important;
  color: var(--st-qbtn-next-text-hover) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:focus-visible,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.button.button-primary.st-btn.st-quizz-finish-btn:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.button.button-primary.st-btn.st-quizz-finish-btn:focus-visible,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-finish-btn.st-quizz-action-btn--finish:hover,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-finish-btn.st-quizz-action-btn--finish:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--eduloo-study-btn-primary-flat-border) 72%,
    var(--secondary) 28%
  ) !important;
  background: var(--eduloo-study-btn-primary-flat-bg-hover) !important;
  color: var(--eduloo-study-btn-primary-flat-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 16%, transparent),
    var(--eduloo-study-btn-primary-flat-shadow) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--prev:active {
  border-color: var(--st-qbtn-prev-border-active) !important;
  background: var(--st-qbtn-prev-bg-active) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--back:active {
  border-color: var(--st-qbtn-back-border-active) !important;
  background: var(--st-qbtn-back-bg-active) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-action-btn--next:active {
  border-color: var(--st-qbtn-next-border-active) !important;
  background: var(--st-qbtn-next-bg-active) !important;
}

body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  [data-st-quizz-finish]:active,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.button.button-primary.st-btn.st-quizz-finish-btn:active,
body
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  button.st-quizz-finish-btn.st-quizz-action-btn--finish:active {
  border-color: color-mix(
    in srgb,
    var(--eduloo-study-btn-primary-flat-border) 82%,
    var(--secondary) 18%
  ) !important;
  background: color-mix(
    in srgb,
    var(--eduloo-study-btn-primary-flat-bg) 88%,
    var(--surface-container-lowest) 12%
  ) !important;
  color: var(--eduloo-study-btn-primary-flat-text) !important;
  box-shadow:
    inset 0 2px 3px color-mix(in srgb, black 24%, transparent),
    0 8px 12px -10px color-mix(in srgb, var(--primary) 52%, transparent) !important;
}

body .st-container.st-fs-container[data-st-quizz-finished-container] {
  margin: 0 auto 22px !important;
}

body .st-container.st-fs-container[data-st-quizz-finished-container][hidden] {
  display: none !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-container {
  --st-qf-bg: color-mix(
    in srgb,
    var(--surface-container-lowest) 88%,
    var(--primary-container) 12%
  );
  --st-qf-surface: color-mix(
    in srgb,
    var(--surface-container-lowest) 92%,
    var(--secondary-container) 8%
  );
  --st-qf-border: color-mix(in srgb, var(--outline-variant) 38%, transparent);
  padding: 18px !important;
  border: 1px solid var(--st-qf-border) !important;
  border-radius: 22px !important;
  background: var(--st-qf-bg) !important;
  box-shadow: 0 14px 24px -20px
    color-mix(in srgb, var(--on-surface) 24%, transparent) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.theme-dark
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-container {
  --st-qf-bg: color-mix(
    in srgb,
    var(--surface-container-high) 84%,
    var(--surface-container-highest) 16%
  );
  --st-qf-surface: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container-highest) 18%
  );
  --st-qf-border: color-mix(in srgb, var(--outline-variant) 54%, transparent);
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-party-confetti {
  display: block !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-tab-content-header {
  margin: 0 !important;
  padding: 0 !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-tab-content-subtitle {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  color: color-mix(in srgb, var(--on-surface) 68%, transparent) !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-score-label,
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-score-value,
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  .st-btn {
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-review],
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-back-to-section] {
  border: 1px solid var(--st-qf-border) !important;
  background: var(--st-qf-surface) !important;
  color: color-mix(in srgb, var(--on-surface) 68%, transparent) !important;
  box-shadow: none !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-review]:hover,
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-back-to-section]:hover,
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-review]:focus-visible,
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-back-to-section]:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--secondary-container) 60%,
    transparent
  ) !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 30%,
    var(--surface-container-lowest) 70%
  ) !important;
  color: color-mix(
    in srgb,
    var(--secondary) 76%,
    var(--on-surface) 24%
  ) !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-redo] {
  border: 1px solid color-mix(in srgb, var(--primary) 84%, transparent) !important;
  background: var(--primary) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 8px 14px -12px
    color-mix(in srgb, var(--primary) 70%, transparent) !important;
}

body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-redo]:hover,
body
  .st-container.st-fs-container[data-st-quizz-finished-container]
  .st-quizz-finished-actions
  [data-st-quizz-redo]:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 94%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--primary) 90%,
    var(--secondary) 10%
  ) !important;
}

@media (max-width: 860px) {
  body .st-container.st-fs-container .st-fs-board[data-st-quizz-review-mode] {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-progress-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-view-toggle {
    align-self: flex-start !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-box
    p {
    font-size: 20px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-actions-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-nav-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin-right: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-nav-actions
    .st-btn {
    width: 100% !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    [data-st-quizz-back-to-finished] {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    [data-st-quizz-finish] {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 620px) {
  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-current-question {
    font-size: 22px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card {
    padding: 13px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-box
    p {
    font-size: 18px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .base-multi-select-button-group.st-quizz-true-false-options {
    grid-template-columns: 1fr !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-nav-actions {
    grid-template-columns: 1fr !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-actions-row {
    grid-template-columns: 1fr !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    [data-st-quizz-back-to-finished],
  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    [data-st-quizz-finish] {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-box
    input.st-quizz-fill-blank {
    width: 136px !important;
    min-width: 120px !important;
    max-width: 180px !important;
    height: 34px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-combo-row {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-combo-link {
    display: none !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-combo-slot,
  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-combo-definition {
    min-height: 42px !important;
    padding: 8px 9px !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-combo-bank {
    display: flex !important;
    flex-wrap: wrap !important;
    min-height: 44px !important;
    padding: 7px !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-combo-bank
    .st-quizz-combo-chip {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body
    .st-container.st-fs-container[data-st-quizz-finished-container]
    .st-quizz-finished-container {
    padding: 14px !important;
    border-radius: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .st-container.st-fs-container .st-fs-board[data-st-quizz-review-mode] *,
  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    *::before,
  body
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }
}

body.theme-dark .st-pane {
  border: 1px solid var(--eduloo-study-surface-border) !important;
}

body.theme-dark .st-pane.st-pane--quizzes,
body.theme-dark .st-pane.st-pane--summaries,
body.theme-dark .st-pane.st-pane--podcasts,
body.theme-dark .st-pane.st-pane--flashcards,
body.theme-dark .st-pane.st-pane--documents {
  border: 1px solid var(--eduloo-study-surface-border) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 10%, transparent),
    var(--eduloo-study-pane-shadow) !important;
}

body.theme-dark .st-pane .st-search-input,
body.theme-dark .st-pane .st-search-field .search-field__input {
  background: var(--eduloo-input-unified-bg) !important;
  border: 1px solid var(--eduloo-input-unified-border) !important;
  box-shadow: none !important;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}

body.theme-dark .st-pane .st-search-input:hover,
body.theme-dark
  .st-pane
  .st-search-field
  .search-field__input:hover:not(:disabled) {
  background: var(--eduloo-input-unified-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
  filter: none !important;
}

body.theme-dark .st-pane .st-search-input:focus,
body.theme-dark .st-pane .st-search-input:focus-visible,
body.theme-dark .st-pane .st-search-field .search-field__input:focus,
body.theme-dark .st-pane .st-search-field .search-field__input:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 70%,
    transparent
  ) !important;
  box-shadow: none !important;
}

body.theme-dark
  .st-pane
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary) {
  border: 1px solid var(--eduloo-study-btn-muted-border) !important;
  background: var(--eduloo-study-btn-muted-bg) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 18%, transparent),
    0 8px 16px -12px rgba(0, 0, 0, 0.34) !important;
}

body.theme-dark
  .st-pane
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):hover:not(:disabled),
body.theme-dark
  .st-pane
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):focus-visible {
  background: var(--eduloo-study-btn-muted-bg-hover) !important;
  border-color: var(--eduloo-study-btn-secondary-border) !important;
  filter: none !important;
  box-shadow: 0 10px 20px -12px
    color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

body.theme-dark
  .st-pane
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):active {
  transform: scale(0.98) !important;
  filter: none !important;
}

body.theme-dark .st-pane .st-btn--quiz-start {
  border: 1px solid
    color-mix(
      in srgb,
      var(--primary) 62%,
      color-mix(in srgb, var(--on-surface) 24%, transparent) 38%
    ) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 20%, transparent),
    var(--eduloo-study-btn-primary-shadow) !important;
}

body.theme-dark .st-pane .st-search-input,
body.theme-dark .st-pane .st-search-field .search-field__input {
  background: var(--eduloo-study-input-bg) !important;
  border: 1px solid var(--eduloo-study-input-border) !important;
}

body.theme-dark .st-pane .st-search-input:hover,
body.theme-dark
  .st-pane
  .st-search-field
  .search-field__input:hover:not(:disabled) {
  background: var(--eduloo-study-input-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
  filter: none !important;
}

body.theme-dark .st-pane .st-search-input:focus,
body.theme-dark .st-pane .st-search-input:focus-visible,
body.theme-dark .st-pane .st-search-field .search-field__input:focus,
body.theme-dark .st-pane .st-search-field .search-field__input:focus-visible {
  background: var(--eduloo-study-input-bg-focus) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 70%,
    transparent
  ) !important;
  box-shadow: none !important;
}

body.theme-dark
  .st-pane
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):hover:not(:disabled),
body.theme-dark
  .st-pane
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):focus-visible {
  filter: none !important;
}

body.theme-dark .st-pane.st-pane--quizzes,
body.theme-dark .st-pane.st-pane--summaries,
body.theme-dark .st-pane.st-pane--podcasts,
body.theme-dark .st-pane.st-pane--flashcards,
body.theme-dark .st-pane.st-pane--documents {
  background: var(--eduloo-study-pane-bg) !important;
  border: 1px solid var(--eduloo-study-surface-border) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 10%, transparent),
    0 8px 20px -12px rgba(0, 0, 0, 0.34) !important;
}

body.theme-dark .st-pane .st-search-input,
body.theme-dark .st-pane .st-search-field .search-field__input,
body.theme-dark .st-pane .st-doc-url-import-input,
body.theme-dark .st-pane .st-panel-workspace-select .custom-dropdown-trigger,
body.theme-dark .st-pane .st-panel-workspace-select select {
  background: var(--eduloo-study-input-bg) !important;
  border: 1px solid var(--eduloo-study-input-border) !important;
  box-shadow: none !important;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}

body.theme-dark .st-pane .st-search-input::placeholder,
body.theme-dark .st-pane .st-search-field .search-field__input::placeholder,
body.theme-dark .st-pane .st-doc-url-import-input::placeholder {
  color: var(--eduloo-text-muted) !important;
}

body.theme-dark .st-pane .st-search-input:hover,
body.theme-dark
  .st-pane
  .st-search-field
  .search-field__input:hover:not(:disabled),
body.theme-dark .st-pane .st-doc-url-import-input:hover,
body.theme-dark
  .st-pane
  .st-panel-workspace-select
  .custom-dropdown-trigger:hover:not(:disabled),
body.theme-dark .st-pane .st-panel-workspace-select select:hover {
  background: var(--eduloo-study-input-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
  filter: none !important;
  transform: none !important;
}

body.theme-dark .st-pane .st-doc-url-import-input:focus,
body.theme-dark .st-pane .st-doc-url-import-input:focus-visible,
body.theme-dark
  .st-pane
  .st-panel-workspace-select
  .custom-dropdown.open
  .custom-dropdown-trigger,
body.theme-dark
  .st-pane
  .st-panel-workspace-select
  .custom-dropdown-trigger:focus-visible {
  background: var(--eduloo-study-input-bg-focus) !important;
  border-color: var(--eduloo-input-unified-border-focus) !important;
  box-shadow: 0 0 0 2px var(--eduloo-input-unified-ring) !important;
  filter: none !important;
  transform: none !important;
}

body.theme-dark .st-pane .st-search-input:focus,
body.theme-dark .st-pane .st-search-input:focus-visible,
body.theme-dark .st-pane .st-search-field .search-field__input:focus,
body.theme-dark .st-pane .st-search-field .search-field__input:focus-visible {
  background: var(--eduloo-study-input-bg-focus) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 70%,
    transparent
  ) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  [data-flashcard-deck-create-trigger],
body.theme-dark .st-pane.st-pane--flashcards [data-flashcard-add-trigger],
body.theme-dark .st-pane.st-pane--documents .st-doc-url-import-btn {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--primary) 92%, var(--on-primary-container) 8%) 0%,
    color-mix(in srgb, var(--primary) 70%, var(--secondary) 30%) 100%
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--primary) 66%,
      color-mix(in srgb, var(--on-surface) 28%, transparent) 34%
    ) !important;
  color: var(--on-primary-container) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 22%, transparent),
    0 10px 18px -12px color-mix(in srgb, var(--primary) 36%, transparent) !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .st-btn--only-icon {
  border: 1px solid var(--eduloo-study-surface-border) !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
}

body.theme-dark .st-pane.st-pane--flashcards .st-loo-encourage-chip,
body.theme-dark .st-pane.st-pane--documents .st-doc-encourage-chip {
  border: 1px solid
    color-mix(in srgb, var(--tertiary) 36%, var(--outline-variant) 64%) !important;
  background: linear-gradient(
    145deg,
    color-mix(
        in srgb,
        var(--tertiary-container) 44%,
        var(--surface-container-highest) 56%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 82%,
        var(--primary-container) 18%
      )
      100%
  ) !important;
}

body.theme-dark .st-pane.st-pane--documents #documentsDropzone.dropzone {
  border: 2px dashed color-mix(in srgb, var(--on-surface) 14%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 74%,
    var(--surface-container-high) 26%
  ) !important;
}

body.theme-dark
  .st-pane.st-pane--documents
  #documentsDropzone.dropzone
  .dropzone-icon {
  background: color-mix(
    in srgb,
    var(--primary-container) 62%,
    var(--surface-container-highest) 38%
  ) !important;
  color: var(--on-primary-container) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-controls-label {
  color: color-mix(
    in srgb,
    var(--primary) 68%,
    var(--eduloo-text-body) 32%
  ) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-controls-stat {
  border: 1px solid var(--eduloo-study-surface-border) !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 78%,
    var(--primary-container) 22%
  ) !important;
}

body.theme-dark .st-pod-mini-player {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 8%, transparent),
    inset 0 0 0 1px var(--eduloo-study-surface-border),
    0 12px 24px -14px rgba(0, 0, 0, 0.36) !important;
}

body.theme-dark .st-container.st-fs-container {
  background: var(--eduloo-study-shell-bg) !important;
}

body.theme-dark .st-pane.st-pane--quizzes,
body.theme-dark .st-pane.st-pane--summaries,
body.theme-dark .st-pane.st-pane--podcasts,
body.theme-dark .st-pane.st-pane--flashcards,
body.theme-dark .st-pane.st-pane--documents {
  background: var(--eduloo-study-pane-bg) !important;
  border: 1px solid var(--eduloo-study-pane-border) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 10%, transparent),
    var(--eduloo-study-pane-shadow) !important;
}

body.theme-dark .st-container.st-fs-container .st-panel-workspace-toolbar,
body.theme-dark .st-panel-workspace-toolbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-dark .st-pane .st-tab-content-controls,
body.theme-dark .st-panel-workspace-controls.st-study-tabs-filters {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.theme-dark .st-pane .st-tab-content-controls--documents {
  background: linear-gradient(
    146deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 76%,
        var(--primary-container) 24%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 84%,
        var(--secondary-container) 16%
      )
      100%
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--eduloo-study-toolbar-border) 72%,
      var(--primary) 28%
    ) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 24px -20px color-mix(in srgb, black 72%, transparent) !important;
}

body.theme-dark .st-pane .st-search-input,
body.theme-dark .st-pane .st-search-field .search-field__input,
body.theme-dark .st-pane .st-doc-url-import-input,
body.theme-dark .st-pane .st-panel-workspace-select .custom-dropdown-trigger,
body.theme-dark .st-pane .st-panel-workspace-select select,
body.theme-dark .st-pane .st-tab-content-controls-select select {
  background: var(--eduloo-input-unified-bg) !important;
  border: 1px solid var(--eduloo-input-unified-border) !important;
  color: var(--eduloo-text-title) !important;
  box-shadow: none !important;
  outline: none !important;
}

body.theme-dark .st-pane .st-search-input:hover,
body.theme-dark
  .st-pane
  .st-search-field
  .search-field__input:hover:not(:disabled),
body.theme-dark .st-pane .st-doc-url-import-input:hover,
body.theme-dark
  .st-pane
  .st-panel-workspace-select
  .custom-dropdown-trigger:hover:not(:disabled),
body.theme-dark .st-pane .st-panel-workspace-select select:hover,
body.theme-dark .st-pane .st-tab-content-controls-select select:hover {
  background: var(--eduloo-input-unified-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
}

body.theme-dark .st-pane .st-doc-url-import-input:focus,
body.theme-dark .st-pane .st-doc-url-import-input:focus-visible,
body.theme-dark
  .st-pane
  .st-panel-workspace-select
  .custom-dropdown.open
  .custom-dropdown-trigger,
body.theme-dark
  .st-pane
  .st-panel-workspace-select
  .custom-dropdown-trigger:focus-visible,
body.theme-dark .st-pane .st-panel-workspace-select select:focus,
body.theme-dark .st-pane .st-panel-workspace-select select:focus-visible,
body.theme-dark .st-pane .st-tab-content-controls-select select:focus,
body.theme-dark .st-pane .st-tab-content-controls-select select:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: var(--eduloo-input-unified-border-focus) !important;
  box-shadow: 0 0 0 2px var(--eduloo-input-unified-ring) !important;
}

body.theme-dark .st-pane .st-search-input:focus,
body.theme-dark .st-pane .st-search-input:focus-visible,
body.theme-dark .st-pane .st-search-field .search-field__input:focus,
body.theme-dark .st-pane .st-search-field .search-field__input:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 70%,
    transparent
  ) !important;
  box-shadow: none !important;
}

body.theme-dark .st-pane .st-search-input::placeholder,
body.theme-dark .st-pane .st-search-field .search-field__input::placeholder,
body.theme-dark .st-pane .st-doc-url-import-input::placeholder {
  color: var(--eduloo-text-muted) !important;
}

body.theme-dark
  .st-pane
  .st-btn:not(.button-primary):not(.st-btn--quiz-start):not(
    .st-btn--danger
  ):not(.st-btn--skyblue),
body.theme-dark .st-pane .st-tab-content-controls-buttons .st-btn--only-icon {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--outline-variant) 72%,
      color-mix(in srgb, var(--on-surface) 28%, transparent) 28%
    ) !important;
  color: var(--eduloo-text-title) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 14%, transparent),
    var(--eduloo-dark-shadow-soft) !important;
}

body.theme-dark
  .st-pane
  .st-btn:not(.button-primary):not(.st-btn--quiz-start):not(
    .st-btn--danger
  ):not(.st-btn--skyblue):hover,
body.theme-dark
  .st-pane
  .st-tab-content-controls-buttons
  .st-btn--only-icon:hover {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 70%,
    var(--primary-container) 30%
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 54%,
    var(--primary) 46%
  ) !important;
  filter: none !important;
}

body.theme-dark .st-container.st-fs-container .st-pane .st-btn.button-primary,
body.theme-dark .st-container.st-fs-container .st-pane .button-primary.st-btn,
body.theme-dark .st-container.st-fs-container .st-pane .st-btn--quiz-start,
body.theme-dark .st-container.st-fs-container .st-pane .st-doc-url-import-btn,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-deck-create-trigger],
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-add-trigger],
body.theme-dark .st-container.st-fs-container .st-pane .st-quizz-finish-btn,
body.theme-dark
  .st-container.st-fs-container
  button.button.button-primary.st-btn.st-quizz-finish-btn,
body.theme-dark
  .st-container.st-fs-container
  button.st-quizz-finish-btn.st-quizz-action-btn--finish {
  background: var(--eduloo-study-cta-bg) !important;
  border: 1px solid var(--eduloo-study-cta-border) !important;
  color: var(--eduloo-study-cta-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 22%, transparent),
    var(--eduloo-study-cta-shadow) !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-btn.button-primary:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .button-primary.st-btn:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-btn--quiz-start:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-doc-url-import-btn:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-deck-create-trigger]:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-add-trigger]:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-quizz-finish-btn:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  button.button.button-primary.st-btn.st-quizz-finish-btn:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  button.st-quizz-finish-btn.st-quizz-action-btn--finish:hover:not(:disabled),
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-btn.button-primary:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .button-primary.st-btn:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-btn--quiz-start:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-doc-url-import-btn:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-deck-create-trigger]:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-add-trigger]:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-quizz-finish-btn:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  button.button.button-primary.st-btn.st-quizz-finish-btn:focus-visible,
body.theme-dark
  .st-container.st-fs-container
  button.st-quizz-finish-btn.st-quizz-action-btn--finish:focus-visible {
  background: var(--eduloo-study-cta-bg-hover) !important;
  border-color: var(--eduloo-study-cta-border-hover) !important;
  color: var(--eduloo-study-cta-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 24%, transparent),
    0 12px 20px -14px color-mix(in srgb, var(--primary) 32%, transparent) !important;
  filter: none !important;
}

body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-btn.button-primary:active,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .button-primary.st-btn:active,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-btn--quiz-start:active,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-doc-url-import-btn:active,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-deck-create-trigger]:active,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  [data-flashcard-add-trigger]:active,
body.theme-dark
  .st-container.st-fs-container
  .st-pane
  .st-quizz-finish-btn:active,
body.theme-dark
  .st-container.st-fs-container
  button.button.button-primary.st-btn.st-quizz-finish-btn:active,
body.theme-dark
  .st-container.st-fs-container
  button.st-quizz-finish-btn.st-quizz-action-btn--finish:active {
  background: var(--eduloo-study-cta-bg-active) !important;
  border-color: var(--eduloo-study-cta-border-hover) !important;
  transform: scale(0.98) !important;
  filter: none !important;
}

body.theme-dark .st-pane.st-pane--flashcards .st-loo-encourage-chip,
body.theme-dark .st-pane.st-pane--documents .st-doc-encourage-chip {
  border: 1px solid
    color-mix(in srgb, var(--tertiary) 38%, var(--outline-variant) 62%) !important;
  background: linear-gradient(
    145deg,
    color-mix(
        in srgb,
        var(--tertiary-container) 46%,
        var(--eduloo-dark-elev-panel) 54%
      )
      0%,
    color-mix(
        in srgb,
        var(--eduloo-dark-elev-panel) 86%,
        var(--primary-container) 14%
      )
      100%
  ) !important;
  color: var(--eduloo-text-title) !important;
}

body.theme-dark .st-pane.st-pane--documents #documentsDropzone.dropzone {
  border: 2px dashed
    color-mix(
      in srgb,
      var(--outline-variant) 56%,
      color-mix(in srgb, var(--on-surface) 18%, transparent) 44%
    ) !important;
  background: color-mix(
    in srgb,
    var(--eduloo-dark-elev-panel) 82%,
    var(--eduloo-dark-elev-card) 18%
  ) !important;
}

body.theme-dark
  .st-pane.st-pane--documents
  #documentsDropzone.dropzone
  .dropzone-icon {
  background: color-mix(
    in srgb,
    var(--primary-container) 62%,
    var(--surface-container-highest) 38%
  ) !important;
  color: var(--on-primary-container) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 34%, transparent) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-row,
body.theme-dark .st-pane.st-pane--documents .st-doc-row--empty {
  background: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container) 18%
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--outline-variant) 66%,
      color-mix(in srgb, var(--on-surface) 34%, transparent) 34%
    ) !important;
  border-radius: 24px !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 8%, transparent),
    0 10px 22px -14px rgba(0, 0, 0, 0.34) !important;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease !important;
}

body.theme-dark
  .st-pane.st-pane--documents
  .st-doc-row:nth-child(even):not(.st-doc-row--empty) {
  background: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container) 18%
  ) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-file-type--pdf {
  background: color-mix(in srgb, var(--primary) 18%, transparent) !important;
  color: var(--on-primary-container) !important;
}
body.theme-dark .st-pane.st-pane--documents .st-doc-file-type--doc {
  background: color-mix(in srgb, var(--info) 18%, transparent) !important;
  color: color-mix(
    in srgb,
    var(--info) 82%,
    var(--on-info-container) 18%
  ) !important;
}
body.theme-dark .st-pane.st-pane--documents .st-doc-file-type--ppt {
  background: color-mix(in srgb, var(--tertiary) 18%, transparent) !important;
  color: var(--on-tertiary-container) !important;
}
body.theme-dark .st-pane.st-pane--documents .st-doc-file-type--img {
  background: color-mix(in srgb, var(--secondary) 18%, transparent) !important;
  color: color-mix(
    in srgb,
    var(--secondary) 60%,
    var(--on-secondary-container) 40%
  ) !important;
}
body.theme-dark .st-pane.st-pane--documents .st-doc-file-type--empty {
  background: color-mix(in srgb, var(--secondary) 14%, transparent) !important;
  color: color-mix(in srgb, var(--on-surface) 72%, transparent) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-meta h3 {
  color: var(--eduloo-text-title) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-meta p {
  color: color-mix(
    in srgb,
    var(--on-surface) 78%,
    var(--on-surface-variant) 22%
  ) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-status-line {
  color: color-mix(
    in srgb,
    var(--on-surface) 72%,
    var(--on-surface-variant) 28%
  ) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-meta-summary {
  color: color-mix(
    in srgb,
    var(--on-surface) 68%,
    var(--on-surface-variant) 32%
  ) !important;
}

body.theme-dark
  .st-pane.st-pane--documents
  .st-doc-row[data-document-status='ready']
  .st-doc-status-value {
  color: var(--secondary) !important;
}
body.theme-dark
  .st-pane.st-pane--documents
  .st-doc-row[data-document-status='extracting']
  .st-doc-status-value,
body.theme-dark
  .st-pane.st-pane--documents
  .st-doc-row[data-document-status='pending']
  .st-doc-status-value,
body.theme-dark
  .st-pane.st-pane--documents
  .st-doc-row[data-document-status='generating_topics']
  .st-doc-status-value {
  color: color-mix(
    in srgb,
    var(--primary) 78%,
    var(--on-surface) 22%
  ) !important;
}
body.theme-dark
  .st-pane.st-pane--documents
  .st-doc-row[data-document-status='failed']
  .st-doc-status-value {
  color: var(--primary) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-actions .st-btn {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
  border-color: color-mix(in srgb, var(--primary) 22%, transparent) !important;
}

body.theme-dark .st-pane.st-pane--documents .st-doc-actions .st-btn--danger {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--error) 20%
  ) !important;
  border-color: color-mix(in srgb, var(--error) 28%, transparent) !important;
}

body.theme-dark .st-pane.st-pane--podcasts .st-pod-progress-track,
body.theme-dark .st-pod-mini-player-progress,
body.theme-dark .st-quizz-progress-track {
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 88%,
    var(--surface-container-low) 12%
  ) !important;
  border: 1px solid var(--eduloo-dark-border-subtle) !important;
}

body.theme-dark .st-pane.st-pane--podcasts .st-pod-progress-fill,
body.theme-dark .st-pod-mini-player-progress-fill,
body.theme-dark .st-quizz-progress-fill {
  background: var(--eduloo-progress-gradient) !important;
  box-shadow: 0 8px 14px -10px
    color-mix(in srgb, var(--primary) 34%, transparent) !important;
}

body
  .st-pane.st-pane--flashcards
  .st-tab-content-controls.st-tab-content-controls--flashcards {
  background: var(--eduloo-fc-surface-soft) !important;
  box-shadow: inset 0 0 0 1px var(--eduloo-fc-surface-border) !important;
}

body
  .st-container.st-fs-container
  .st-panel-workspace-toolbar.st-study-toolbar {
  background: var(--eduloo-study-toolbar-bg) !important;
  box-shadow:
    inset 0 0 0 1px var(--eduloo-study-toolbar-border),
    var(--eduloo-study-toolbar-shadow) !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls.st-tab-content-controls--flashcards {
  background: linear-gradient(
    146deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 76%,
        var(--primary-container) 24%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 84%,
        var(--secondary-container) 16%
      )
      100%
  ) !important;
  border: 1px solid var(--eduloo-study-toolbar-border) !important;
  box-shadow: 0 14px 24px -20px color-mix(in srgb, black 72%, transparent) !important;
}

body.theme-dark
  .st-container.st-fs-container
  .st-panel-workspace-toolbar.st-study-toolbar {
  background: linear-gradient(
    140deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 74%,
        var(--primary-container) 26%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 82%,
        var(--secondary-container) 18%
      )
      100%
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--eduloo-study-toolbar-border) 68%,
      var(--primary) 32%
    ) !important;
  box-shadow: 0 16px 28px -22px color-mix(in srgb, black 74%, transparent) !important;
}

body.theme-dark .st-pane.st-pane--flashcards {
  --eduloo-fc-toolbar-btn-bg: linear-gradient(
    145deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 70%,
        var(--primary-container) 30%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 78%,
        var(--secondary-container) 22%
      )
      100%
  );
  --eduloo-fc-toolbar-btn-bg-hover: linear-gradient(
    145deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 62%,
        var(--primary-container) 38%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 72%,
        var(--secondary-container) 28%
      )
      100%
  );
  --eduloo-fc-toolbar-btn-bg-active: linear-gradient(
    145deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 76%,
        var(--primary-container) 24%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 84%,
        var(--secondary-container) 16%
      )
      100%
  );
  --eduloo-fc-toolbar-btn-border: color-mix(
    in srgb,
    var(--outline-variant) 52%,
    var(--primary) 48%
  );
  --eduloo-fc-toolbar-btn-border-hover: color-mix(
    in srgb,
    var(--outline-variant) 38%,
    var(--primary) 62%
  );
  --eduloo-fc-toolbar-btn-border-active: color-mix(
    in srgb,
    var(--outline-variant) 58%,
    var(--primary) 42%
  );
  --eduloo-fc-toolbar-btn-text: color-mix(
    in srgb,
    var(--on-surface) 92%,
    var(--primary) 8%
  );
  --eduloo-fc-toolbar-btn-text-disabled: color-mix(
    in srgb,
    var(--on-surface-variant) 74%,
    transparent
  );
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon.tooltip-wrapper.tooltip-initialized,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon.tooltip-wrapper.tooltip-initialized {
  background: var(--eduloo-fc-toolbar-btn-bg) !important;
  border: 1px solid var(--eduloo-fc-toolbar-btn-border) !important;
  color: var(--eduloo-fc-toolbar-btn-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 22%, transparent),
    0 10px 18px -12px color-mix(in srgb, black 64%, transparent) !important;
  opacity: 1 !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon
  .icon,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon
  .icon {
  color: var(--eduloo-fc-toolbar-btn-text) !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon:hover:not(:disabled),
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon:focus-visible,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon:hover:not(:disabled),
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon:focus-visible {
  background: var(--eduloo-fc-toolbar-btn-bg-hover) !important;
  border-color: var(--eduloo-fc-toolbar-btn-border-hover) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 26%, transparent),
    0 14px 22px -14px color-mix(in srgb, var(--primary) 34%, transparent) !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon:active:not(:disabled),
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon:active:not(:disabled) {
  background: var(--eduloo-fc-toolbar-btn-bg-active) !important;
  border-color: var(--eduloo-fc-toolbar-btn-border-active) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 14%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--primary) 28%, transparent) !important;
  transform: scale(0.97) !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon:disabled,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon[aria-disabled='true'],
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon:disabled,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon[aria-disabled='true'] {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 90%,
    var(--surface-container-high) 10%
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 70%,
    transparent
  ) !important;
  box-shadow: inset 0 1px 0
    color-mix(in srgb, var(--on-surface) 8%, transparent) !important;
  color: var(--eduloo-fc-toolbar-btn-text-disabled) !important;
  opacity: 0.62 !important;
  transform: none !important;
  cursor: not-allowed !important;
}

body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon:disabled
  .icon,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-tab-content-controls-buttons
  .button.button-secondary.st-btn.st-btn--only-icon[aria-disabled='true']
  .icon,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon:disabled
  .icon,
body.theme-dark
  .st-pane.st-pane--flashcards
  .st-flashcard-deck-editor
  .button.button-secondary.st-btn.st-btn--only-icon[aria-disabled='true']
  .icon {
  color: var(--eduloo-fc-toolbar-btn-text-disabled) !important;
}

body.theme-dark
  .st-pane.st-pane--summaries
  .st-panel-box.st-grid-double-column.st-sum-grid {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body .st-pane.st-pane--summaries .st-sum-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: 'meta actions';
  column-gap: 20px;
  row-gap: 12px;
  align-items: start;
  padding: 20px 22px !important;
  border-radius: 20px !important;
  border: 1px solid var(--eduloo-study-surface-border) !important;
  background: var(--eduloo-study-row-bg) !important;
  box-shadow: none !important;
  overflow: hidden;
  transition:
    border-color 220ms ease,
    background 220ms ease,
    box-shadow 220ms ease,
    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

body .st-pane.st-pane--summaries .st-sum-row::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(
    circle at 100% 0%,
    color-mix(in srgb, var(--on-surface-variant) 8%, transparent) 0%,
    transparent 55%
  );
  transition:
    background 260ms ease,
    opacity 260ms ease;
}

body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='ready']::before {
  background: radial-gradient(
    circle at 100% 0%,
    color-mix(in srgb, var(--secondary) 18%, transparent) 0%,
    transparent 55%
  );
}

body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='failed']::before {
  background: radial-gradient(
    circle at 100% 0%,
    color-mix(in srgb, var(--error) 18%, transparent) 0%,
    transparent 55%
  );
}

body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='pending']::before,
body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='running']::before,
body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='generating']::before {
  background: radial-gradient(
    circle at 100% 0%,
    color-mix(in srgb, var(--tertiary) 18%, transparent) 0%,
    transparent 55%
  );
}

body .st-pane.st-pane--summaries .st-sum-row > * {
  position: relative;
  z-index: 1;
}

body .st-pane.st-pane--summaries .st-sum-row:hover {
  border-color: color-mix(in srgb, var(--primary) 36%, transparent) !important;
  box-shadow: 0 14px 28px -18px
    color-mix(in srgb, var(--primary) 30%, transparent) !important;
  transform: translateY(-1px);
}

body.theme-dark .st-pane.st-pane--summaries .st-sum-row {
  background: color-mix(
    in srgb,
    var(--surface-container-high) 96%,
    var(--primary-container) 4%
  ) !important;
}

body.theme-dark .st-pane.st-pane--summaries .st-sum-row:hover {
  background: color-mix(
    in srgb,
    var(--surface-container-high) 84%,
    var(--primary-container) 16%
  ) !important;
}

body .st-pane.st-pane--summaries .st-sum-meta {
  grid-area: meta;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 0;
}

body .st-pane.st-pane--summaries .st-sum-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 32px;
}

body .st-pane.st-pane--summaries .st-sum-title-row h3 {
  margin: 0 !important;
  min-width: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px;
  color: var(--on-surface) !important;
}

body .st-pane.st-pane--summaries .st-sum-title-row .st-qz-edit-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--on-surface-variant) !important;
  box-shadow: none !important;
  opacity: 0;
  transition:
    opacity 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

body .st-pane.st-pane--summaries .st-sum-row:hover .st-qz-edit-icon,
body
  .st-pane.st-pane--summaries
  .st-sum-title-row
  .st-qz-edit-icon:focus-visible {
  opacity: 1;
}

body .st-pane.st-pane--summaries .st-sum-title-row .st-qz-edit-icon:hover {
  background: color-mix(in srgb, var(--primary) 16%, transparent) !important;
  border-color: color-mix(in srgb, var(--primary) 28%, transparent) !important;
  color: var(--primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.theme-dark
  .st-pane.st-pane--summaries
  .st-sum-title-row
  .st-qz-edit-icon:hover {
  color: var(--on-primary-container) !important;
  background: color-mix(in srgb, var(--primary) 26%, transparent) !important;
  border-color: color-mix(in srgb, var(--primary) 42%, transparent) !important;
}

body .st-pane.st-pane--summaries .st-sum-meta p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--on-surface-variant) !important;
}

body .st-pane.st-pane--summaries .st-doc-status-line {
  min-height: 26px;
  padding: 0 12px 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  );
  border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
  box-shadow: none;
  color: var(--on-surface) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

body.theme-dark .st-pane.st-pane--summaries .st-doc-status-line {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 72%,
    var(--primary-container) 28%
  );
}

body .st-pane.st-pane--summaries .st-doc-status-line::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--on-surface-variant);
  flex-shrink: 0;
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--on-surface-variant) 20%, transparent);
}

body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='ready']
  .st-doc-status-line::before {
  background: var(--secondary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--secondary) 26%, transparent);
}

body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='failed']
  .st-doc-status-line::before {
  background: var(--error);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--error) 26%, transparent);
}

body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='running']
  .st-doc-status-line::before,
body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='pending']
  .st-doc-status-line::before,
body
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='generating']
  .st-doc-status-line::before {
  background: var(--tertiary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tertiary) 26%, transparent);
}

body .st-pane.st-pane--summaries .st-doc-status-line > span:first-of-type {
  display: none;
}

body .st-pane.st-pane--summaries .st-doc-status-line .st-doc-status-value {
  color: inherit !important;
  font-weight: 800;
}

body .st-pane.st-pane--summaries .st-doc-status-line .st-doc-status-loader {
  width: 10px;
  height: 10px;
}

body .st-pane.st-pane--summaries .st-sum-actions {
  grid-area: actions;
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-top: 0 !important;
  border-top: none !important;
  margin-left: 0 !important;
}

body .st-pane.st-pane--summaries .st-sum-actions .st-sum-preview-btn {
  min-height: 40px !important;
  min-width: 132px;
  border-radius: 999px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px;
  text-transform: none !important;
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    color-mix(in srgb, var(--primary) 55%, var(--secondary) 45%) 100%
  ) !important;
  color: var(--on-primary) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 48%, transparent) !important;
  box-shadow:
    0 10px 22px -12px color-mix(in srgb, var(--primary) 56%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--primary-strong) 50%, transparent) !important;
  transition:
    transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 220ms ease,
    filter 220ms ease !important;
}

body .st-pane.st-pane--summaries .st-sum-actions .st-sum-preview-btn i {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  color: inherit !important;
}

body
  .st-pane.st-pane--summaries
  .st-sum-actions
  .st-sum-preview-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    0 14px 26px -12px color-mix(in srgb, var(--primary) 68%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--primary-strong) 58%, transparent) !important;
}

body
  .st-pane.st-pane--summaries
  .st-sum-actions
  .st-sum-preview-btn:active:not(:disabled) {
  transform: translateY(0);
  filter: brightness(0.98);
}

body .st-pane.st-pane--summaries .st-sum-actions .st-sum-preview-btn[disabled],
body
  .st-pane.st-pane--summaries
  .st-sum-actions
  .st-sum-preview-btn[aria-disabled='true'] {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 82%,
    var(--primary-container) 18%
  ) !important;
  color: var(--on-surface-variant) !important;
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 40%,
    transparent
  ) !important;
  box-shadow: none !important;
  opacity: 0.6;
  cursor: not-allowed !important;
  transform: none;
  filter: none;
}

body .st-pane.st-pane--summaries .st-sum-actions .st-btn--only-icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent) !important;
  color: var(--on-surface-variant) !important;
  box-shadow: none !important;
  transition:
    background 200ms ease,
    border-color 200ms ease,
    color 200ms ease,
    transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

body
  .st-pane.st-pane--summaries
  .st-sum-actions
  .st-btn--only-icon:hover:not(:disabled) {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 64%,
    var(--primary-container) 36%
  ) !important;
  border-color: color-mix(in srgb, var(--primary) 38%, transparent) !important;
  color: var(--on-surface) !important;
  transform: translateY(-1px);
}

body .st-pane.st-pane--summaries .st-sum-actions .st-sum-download-btn {
  min-height: 40px !important;
  border-radius: 999px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px;
  text-transform: none !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
  color: var(--on-surface-variant) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent) !important;
  box-shadow: none !important;
  transition:
    background 200ms ease,
    border-color 200ms ease,
    color 200ms ease,
    transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

body .st-pane.st-pane--summaries .st-sum-actions .st-sum-download-btn i {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  color: inherit !important;
}

body
  .st-pane.st-pane--summaries
  .st-sum-actions
  .st-sum-download-btn:hover:not(:disabled) {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 64%,
    var(--primary-container) 36%
  ) !important;
  border-color: color-mix(in srgb, var(--primary) 38%, transparent) !important;
  color: var(--on-surface) !important;
  transform: translateY(-1px);
}

body .st-pane.st-pane--summaries .st-sum-actions .st-sum-download-btn[disabled],
body
  .st-pane.st-pane--summaries
  .st-sum-actions
  .st-sum-download-btn[aria-disabled='true'] {
  opacity: 0.6;
  cursor: not-allowed !important;
  transform: none;
  box-shadow: none !important;
}

body .st-pane.st-pane--summaries .st-sum-rename-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  padding-left: 0;
}

body .st-pane.st-pane--summaries .st-sum-rename-row[hidden] {
  display: none !important;
}

body .st-pane.st-pane--summaries .st-sum-rename-row input {
  min-width: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent) !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  background: var(--surface-container) !important;
  box-shadow: none !important;
  color: var(--on-surface) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body .st-pane.st-pane--summaries .st-sum-rename-row input:focus,
body .st-pane.st-pane--summaries .st-sum-rename-row input:focus-visible {
  outline: none !important;
  border-color: color-mix(in srgb, var(--primary) 52%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent) !important;
}

body .st-pane.st-pane--summaries .st-sum-rename-row .st-btn--only-icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent) !important;
  color: var(--on-surface) !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body
  .st-pane.st-pane--summaries
  .st-sum-rename-row
  .st-btn--only-icon:hover:not(:disabled) {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 64%,
    var(--primary-container) 36%
  ) !important;
  border-color: color-mix(in srgb, var(--primary) 38%, transparent) !important;
}

@media (max-width: 720px) {
  body .st-pane.st-pane--summaries .st-sum-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      'meta'
      'actions';
  }

  body .st-pane.st-pane--summaries .st-sum-actions {
    width: 100%;
    justify-content: stretch;
  }

  body .st-pane.st-pane--summaries .st-sum-actions .st-sum-preview-btn {
    flex: 1 1 auto;
  }
}