body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.st-share-page__summary-open-btn:hover,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.st-share-page__summary-open-btn:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--primary-container) 70%,
    transparent
  ) !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 26%,
    var(--surface-container-lowest) 74%
  ) !important;
  color: var(--st-share-summary-text) !important;
  transform: translateY(-1px) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview {
  margin: 0 !important;
  min-height: 220px !important;
  padding: 12px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-summary-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .pdf-preview-pages-wrap {
  margin-top: 10px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .pdf-preview-container {
  padding: 2px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .pdf-preview-card {
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-summary-surface-soft) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .preview-card-header,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .preview-card-footer {
  color: var(--st-share-summary-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .preview-card-image {
  border-radius: 10px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 96%,
    var(--secondary-container) 4%
  ) !important;
}

@media (max-width: 980px) {
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary'] {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .tools-section-title.st-share-page__title--summary {
    font-size: clamp(33px, 5.4vw, 46px) !important;
  }
}

@media (max-width: 760px) {
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary'] {
    margin: calc(var(--eduloo-main-offset, 122px) + 8px) auto 18px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    gap: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__head--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__meta-shell--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-shell--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__preview-card--summary {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__meta--summary {
    grid-template-columns: 1fr !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-inline--summary {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'workspace'
      'subject'
      'action' !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-actions--summary {
    justify-content: stretch !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-btn--summary {
    width: 100% !important;
    min-width: 0 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__preview-title--summary {
    font-size: clamp(30px, 7.8vw, 40px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-points-head,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .button.st-share-page__summary-open-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview {
    overflow-x: hidden !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .preview-header {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
    padding-bottom: 10px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .preview-header-title {
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-size {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    padding: 10px 12px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-label {
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.24 !important;
    white-space: normal !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-slider {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-value {
    justify-self: end !important;
    min-width: 44px !important;
    padding: 4px 8px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-total-pages {
    grid-column: 1 / -1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .pdf-preview-pages-wrap,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .pdf-preview-container,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .pdf-preview-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__meta-item--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-btn--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .button.st-share-page__summary-open-btn {
    transition: none !important;
  }
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
  --st-share-podcast-bg: color-mix(
    in srgb,
    var(--surface-container-lowest) 89%,
    var(--primary-container) 11%
  );
  --st-share-podcast-surface: color-mix(
    in srgb,
    var(--surface-container-lowest) 93%,
    var(--secondary-container) 7%
  );
  --st-share-podcast-surface-soft: color-mix(
    in srgb,
    var(--surface-container-lowest) 90%,
    var(--secondary-container) 10%
  );
  --st-share-podcast-border: color-mix(
    in srgb,
    var(--outline-variant) 42%,
    transparent
  );
  --st-share-podcast-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 36%,
    transparent
  );
  --st-share-podcast-text: color-mix(
    in srgb,
    var(--on-surface) 90%,
    transparent
  );
  --st-share-podcast-muted: color-mix(
    in srgb,
    var(--on-surface) 66%,
    transparent
  );
  --st-share-podcast-chip: color-mix(
    in srgb,
    var(--secondary-container) 46%,
    var(--surface-container-lowest) 54%
  );
  --st-share-podcast-chip-text: color-mix(
    in srgb,
    var(--secondary) 82%,
    var(--on-surface) 18%
  );
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: calc(var(--eduloo-main-offset, 122px) + 12px) auto 24px !important;
  padding: 22px !important;
  border: 1px solid var(--st-share-podcast-border) !important;
  border-radius: 24px !important;
  background: var(--st-share-podcast-bg) !important;
  box-shadow: 0 18px 30px -24px
    color-mix(in srgb, var(--on-surface) 28%, transparent) !important;
  overflow: hidden !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
  --st-share-podcast-bg: color-mix(
    in srgb,
    var(--surface-container-high) 84%,
    var(--surface-container-highest) 16%
  );
  --st-share-podcast-surface: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container-highest) 18%
  );
  --st-share-podcast-surface-soft: color-mix(
    in srgb,
    var(--surface-container-high) 76%,
    var(--secondary-container) 24%
  );
  --st-share-podcast-border: color-mix(
    in srgb,
    var(--outline-variant) 58%,
    transparent
  );
  --st-share-podcast-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 50%,
    transparent
  );
  --st-share-podcast-text: color-mix(
    in srgb,
    var(--on-surface) 90%,
    transparent
  );
  --st-share-podcast-muted: color-mix(
    in srgb,
    var(--on-surface) 70%,
    transparent
  );
  --st-share-podcast-chip: color-mix(
    in srgb,
    var(--secondary-container) 38%,
    var(--surface-container-high) 62%
  );
  --st-share-podcast-chip-text: color-mix(
    in srgb,
    var(--secondary) 88%,
    var(--on-surface) 12%
  );
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::before,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::after {
  content: '' !important;
  position: absolute !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::before {
  width: 174px !important;
  height: 174px !important;
  top: -90px !important;
  right: -58px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 18%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::after {
  width: 148px !important;
  height: 148px !important;
  bottom: -84px !important;
  left: -54px !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 16%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  > * {
  position: relative !important;
  z-index: 1 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__head--podcast {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-podcast-surface) !important;
  box-shadow: none !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__head-content--podcast {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .tools-section-title.st-share-page__title--podcast {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(36px, 4.7vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.4px !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
  text-align: left !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .tools-section-description.st-share-page__subtitle--podcast {
  margin: 0 !important;
  max-width: 64ch !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--st-share-podcast-muted) !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-shell--podcast {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-podcast-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta--podcast {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-item--podcast {
  margin: 0 !important;
  min-height: 98px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 14px !important;
  background: var(--st-share-podcast-surface-soft) !important;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-item--podcast:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(
    in srgb,
    var(--secondary-container) 60%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-icon--podcast {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid
    color-mix(in srgb, var(--secondary-container) 58%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 34%,
    var(--surface-container-lowest) 66%
  ) !important;
  color: color-mix(
    in srgb,
    var(--secondary) 84%,
    var(--on-surface) 16%
  ) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-copy--podcast {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-label--podcast {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--st-share-podcast-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-value--podcast {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
  overflow-wrap: anywhere !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__stack--podcast {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-shell--podcast,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__preview-card--podcast {
  margin: 0 !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 18px !important;
  background: var(--st-share-podcast-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-shell--podcast {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-copy--podcast {
  margin: 0 !important;
  max-width: 48ch !important;
  font-size: 19px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    'workspace subject'
    'action action' !important;
  column-gap: 14px !important;
  row-gap: 14px !important;
  align-items: stretch !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-share-page__save-field--workspace {
  grid-area: workspace !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-share-page__save-field--subject {
  grid-area: subject !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-actions--podcast {
  grid-area: action !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-top: 4px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-modal-form-group {
  margin: 0 !important;
  min-height: 116px !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 14px !important;
  background: var(--st-share-podcast-surface-soft) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-modal-form-group
  label {
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--st-share-podcast-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-panel-workspace-select
  select,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-panel-workspace-select
  .custom-dropdown-trigger {
  min-height: 50px !important;
  border-radius: 12px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  background: var(--st-share-podcast-surface) !important;
  box-shadow: none !important;
  color: var(--st-share-podcast-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .button.button-primary.st-btn.st-share-page__save-btn--podcast,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast {
  min-width: 228px !important;
  min-height: 50px !important;
  border: 1px solid
    color-mix(in srgb, var(--primary) 74%, var(--outline-variant) 26%) !important;
  border-radius: 13px !important;
  background: color-mix(
    in srgb,
    var(--primary) 84%,
    var(--secondary) 16%
  ) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 10px 20px -14px
    color-mix(in srgb, var(--primary) 52%, transparent) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .button.button-primary.st-btn.st-share-page__save-btn--podcast:hover,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .button.button-primary.st-btn.st-share-page__save-btn--podcast:focus-visible,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast:hover,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 84%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--primary) 80%,
    var(--secondary) 20%
  ) !important;
  color: var(--on-primary) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 24px -14px
    color-mix(in srgb, var(--primary) 60%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast:active {
  transform: translateY(0) !important;
  box-shadow: inset 0 2px 4px color-mix(in srgb, black 24%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__preview-card--podcast {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__preview-title--podcast {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(34px, 4.5vw, 50px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.34px !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-shell,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-shell {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 14px !important;
  background: var(--st-share-podcast-surface-soft) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-head,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-title,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-title {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-duration,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-count {
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid
    color-mix(in srgb, var(--secondary-container) 58%, transparent) !important;
  border-radius: 999px !important;
  background: var(--st-share-podcast-chip) !important;
  color: var(--st-share-podcast-chip-text) !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-shell
  body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript {
  margin-top: 12px !important;
  max-height: 420px !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript
  .st-pod-transcription-paragraph {
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-podcast-surface) !important;
  color: var(--st-share-podcast-text) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript
  .st-pod-transcription-paragraph.is-active {
  border-color: color-mix(
    in srgb,
    var(--primary-container) 72%,
    transparent
  ) !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 28%,
    var(--surface-container-lowest) 72%
  ) !important;
}

@media (max-width: 980px) {
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .tools-section-title.st-share-page__title--podcast {
    font-size: clamp(33px, 5.4vw, 46px) !important;
  }
}

@media (max-width: 760px) {
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
    margin: calc(var(--eduloo-main-offset, 122px) + 8px) auto 18px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    gap: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__head--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__meta-shell--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-shell--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__preview-card--podcast {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__meta--podcast {
    grid-template-columns: 1fr !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-inline--podcast {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'workspace'
      'subject'
      'action' !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-actions--podcast {
    justify-content: stretch !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-btn--podcast {
    width: 100% !important;
    min-width: 0 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__preview-title--podcast {
    font-size: clamp(30px, 7.8vw, 40px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-player-head,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-transcript-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-transcript {
    max-height: 360px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__meta-item--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-btn--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-transcript
    .st-pod-transcription-paragraph {
    transition: none !important;
  }
}

main.landing-container:has(.bugs-portal) {
  padding-top: calc(var(--eduloo-main-offset, 122px) + 4px) !important;
}

body.theme-dark .bugs-portal {
  --bugs-bg: linear-gradient(
    148deg,
    color-mix(
        in srgb,
        var(--surface-container-high) 84%,
        var(--surface-container-highest) 16%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container) 82%,
        var(--secondary-container) 18%
      )
      100%
  );
  --bugs-surface: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container-highest) 18%
  );
  --bugs-surface-soft: color-mix(
    in srgb,
    var(--surface-container-high) 78%,
    var(--secondary-container) 22%
  );
  --bugs-border: color-mix(in srgb, var(--outline-variant) 62%, transparent);
  --bugs-border-strong: color-mix(
    in srgb,
    var(--outline-variant) 48%,
    var(--primary-container) 52%
  );
  --bugs-text: color-mix(in srgb, var(--on-surface) 94%, transparent);
  --bugs-muted: color-mix(in srgb, var(--on-surface-variant) 84%, transparent);
  --bugs-accent-soft: color-mix(
    in srgb,
    var(--primary-container) 44%,
    var(--surface-container-highest) 56%
  );
  --bugs-accent-quiet: color-mix(
    in srgb,
    var(--primary-container) 24%,
    var(--surface-container-highest) 76%
  );
}

body .bug-search-field .search-field__input {
  min-height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid var(--bugs-border) !important;
  background: var(--bugs-surface-soft) !important;
  color: var(--bugs-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body .bug-search-field .search-field__input::placeholder {
  color: var(--bugs-muted) !important;
  opacity: 1 !important;
}

body .bug-search-field .search-field__input:focus-visible {
  outline: none !important;
  border-color: var(--bugs-border-strong) !important;
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--primary-container) 56%, transparent) !important;
}

body .bugs-clear-search-btn.btn {
  margin: 0 !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: 1px solid var(--bugs-border) !important;
  background: var(--bugs-surface-soft) !important;
  color: var(--bugs-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body .bugs-clear-search-btn.btn:hover {
  border-color: var(--bugs-border-strong) !important;
  background: var(--bugs-accent-quiet) !important;
}

body .bugs-tab-button:hover:not(.active),
body .bugs-tab-button.active,
body .bug-card:hover,
body .bug-card .status-badge {
  margin: 0 !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body .bug-action-btn.btn {
  margin: 0 !important;
  min-height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid var(--bugs-border) !important;
  background: var(--bugs-surface-soft) !important;
  color: var(--bugs-text) !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

body .bug-action-btn.btn:hover {
  border-color: var(--bugs-border-strong) !important;
  background: var(--bugs-accent-quiet) !important;
  transform: translateY(-1px) !important;
}

body .bug-action-btn.btn:focus-visible,
body .bugs-clear-search-btn.btn:focus-visible,
body .bugs-load-more-btn.btn:focus-visible,
body .bugs-empty-state__reset.btn:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--primary-container) 56%, transparent) !important;
}

body .bug-action-btn--bookmark,
body .bugs-empty-state__reset.btn {
  margin: 14px auto 0 !important;
  min-width: 164px !important;
  min-height: 42px !important;
  border-radius: 11px !important;
  border: 1px solid var(--bugs-border) !important;
  background: var(--bugs-surface-soft) !important;
  color: var(--bugs-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

body .bugs-empty-state__reset.btn:hover {
  border-color: var(--bugs-border-strong) !important;
  background: var(--bugs-accent-quiet) !important;
}

body .bugs-load-more-btn.btn {
  margin: 0 !important;
  min-width: 208px !important;
  min-height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--primary) 62%, transparent) !important;
  background: linear-gradient(
    136deg,
    color-mix(in srgb, var(--primary) 92%, var(--secondary) 8%) 0%,
    color-mix(in srgb, var(--primary) 80%, var(--secondary) 20%) 100%
  ) !important;
  color: var(--on-primary) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

body .bugs-load-more-btn.btn:hover {
  border-color: color-mix(in srgb, var(--primary) 72%, transparent) !important;
  background: linear-gradient(
    136deg,
    color-mix(in srgb, var(--primary) 96%, var(--secondary) 4%) 0%,
    color-mix(in srgb, var(--primary) 86%, var(--secondary) 14%) 100%
  ) !important;
  transform: translateY(-1px) !important;
}

body .bug-card-skeleton__line,
body .bug-card-skeleton__chip,
body .bug-card-skeleton__btn,
@media (max-width: 980px) {
}

@media (max-width: 760px) {
  body .bugs-portal__header,
  body .bugs-search-shell,
  body .bugs-tab-container,
  body .bug-card,
  body .bugs-empty-state,
  body .bug-card,
  body .bug-card__thumb,
  body .bugs-load-more-btn.btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
}

body .st-pod-mini-player {
  position: fixed !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 1380 !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(392px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
  gap: 11px !important;
  padding: 14px !important;
  border: 1px solid color-mix(in srgb, var(--outline-variant) 84%, transparent) !important;
  border-radius: 20px !important;
  background: linear-gradient(
    152deg,
    color-mix(
        in srgb,
        var(--surface-container-lowest) 90%,
        var(--surface-container-low) 10%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-low) 84%,
        var(--surface-container-high) 16%
      )
      100%
  ) !important;
  box-shadow: 0 26px 44px -28px
    color-mix(in srgb, var(--on-surface) 66%, transparent) !important;
  user-select: none !important;
  touch-action: none !important;
  margin: 0 !important;
  cursor: grab !important;
}

body.theme-dark .st-pod-mini-player {
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 72%,
    transparent
  ) !important;
  background: linear-gradient(
    152deg,
    color-mix(
        in srgb,
        var(--surface-container-lowest) 92%,
        var(--surface-container-low) 8%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-low) 86%,
        var(--surface-container-high) 14%
      )
      100%
  ) !important;
  box-shadow: 0 32px 54px -30px rgba(0, 0, 0, 0.64) !important;
}

body .st-pod-mini-player.is-dragging {
  cursor: grabbing !important;
  opacity: 0.96 !important;
}

body .st-pod-mini-player-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 !important;
}

body .st-pod-mini-player-title {
  color: var(--on-surface) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  width: auto !important;
  padding-right: 0 !important;
  text-align: left !important;
  letter-spacing: normal !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}

body .st-pod-mini-player-close {
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: 4 !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  flex: 0 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid color-mix(in srgb, var(--outline-variant) 82%, transparent) !important;
  border-radius: 9px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-high) 72%,
    var(--surface-container-lowest) 28%
  ) !important;
  color: var(--on-surface-variant) !important;
  pointer-events: auto !important;
  transition:
    background 160ms ease,
    color 160ms ease !important;
}

body .st-pod-mini-player-close:hover {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 84%,
    var(--surface-container-high) 16%
  ) !important;
  color: var(--on-surface) !important;
}

body .st-pod-mini-player-controls {
  display: grid !important;
  grid-template-columns: 56px 56px 1fr 56px 56px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
}

body .st-pod-mini-player-btn {
  border: 1px solid color-mix(in srgb, var(--outline-variant) 74%, transparent) !important;
  border-radius: 12px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  position: relative !important;
  background: color-mix(
    in srgb,
    var(--surface-container-high) 72%,
    var(--surface-container-lowest) 28%
  ) !important;
  color: var(--on-surface-variant) !important;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease !important;
}

body .st-pod-mini-player-btn:hover {
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 84%,
    var(--surface-container-high) 16%
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--primary-container) 58%,
    var(--outline-variant) 42%
  ) !important;
  color: var(--on-surface) !important;
}

body .st-pod-mini-player-speed {
  width: 100% !important;
  min-width: 100% !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

body .st-pod-mini-player-skip {
  width: 100% !important;
  min-width: 100% !important;
  gap: 5px !important;
}

body .st-pod-mini-player-skip .icon {
  transform: none !important;
  margin: 0 !important;
  font-size: 13px !important;
}

body .st-pod-mini-player-skip-label {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
}

body .st-pod-mini-player-volume {
  width: 100% !important;
  min-width: 100% !important;
  font-size: 13px !important;
}

body .st-pod-mini-player-play {
  width: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  justify-self: center !important;
  border-radius: 999px !important;
  border-color: color-mix(
    in srgb,
    var(--primary-container) 66%,
    transparent
  ) !important;
  background: linear-gradient(
    142deg,
    color-mix(in srgb, var(--primary) 86%, var(--primary-container) 14%) 0%,
    color-mix(
        in srgb,
        var(--primary-container) 82%,
        var(--secondary-container) 18%
      )
      100%
  ) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 12px 24px -18px
    color-mix(in srgb, var(--primary) 68%, transparent) !important;
  font-size: 17px !important;
}

body .st-pod-mini-player-play:hover {
  background: linear-gradient(
    142deg,
    color-mix(in srgb, var(--primary) 78%, var(--primary-container) 22%) 0%,
    color-mix(
        in srgb,
        var(--primary-container) 74%,
        var(--secondary-container) 26%
      )
      100%
  ) !important;
}

body .st-pod-mini-player-play .icon {
  margin: 0 !important;
}

body .st-pod-mini-player-progress-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
}

body .st-pod-mini-player-time {
  min-width: 36px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--on-surface-variant) !important;
}

body .st-pod-mini-player-progress {
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  touch-action: none !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 78%,
    var(--surface-container-high) 22%
  ) !important;
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--outline-variant) 64%, transparent) !important;
}

body .st-pod-mini-player-progress-fill {
  height: 100% !important;
  border-radius: inherit !important;
  min-width: 0 !important;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--primary) 80%, var(--primary-container) 20%) 0%,
    color-mix(
        in srgb,
        var(--primary-container) 76%,
        var(--secondary-container) 24%
      )
      100%
  ) !important;
  transition: width 0.2s linear !important;
}

body .st-pod-mini-player:focus-within {
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--primary-container) 44%, transparent),
    0 26px 44px -28px color-mix(in srgb, var(--on-surface) 66%, transparent) !important;
}

@media (max-width: 760px) {
  body .st-pod-mini-player {
    width: min(384px, calc(100vw - 14px)) !important;
    max-width: calc(100vw - 14px) !important;
    right: 7px !important;
    bottom: calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 18px !important;
    padding: 10px 12px !important;
    gap: 9px !important;
  }

  body .st-pod-mini-player-controls {
    grid-template-columns: 50px 50px 1fr 50px 50px !important;
    gap: 6px !important;
  }

  body .st-pod-mini-player-btn {
    min-height: 40px !important;
    border-radius: 11px !important;
  }

  body .st-pod-mini-player-play {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 15px !important;
  }

  body .st-pod-mini-player-time {
    min-width: 33px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 520px) {
  body .st-pod-mini-player {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    right: 5px !important;
    bottom: calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }

  body .st-pod-mini-player-title {
    font-size: 12px !important;
  }

  body .st-pod-mini-player-controls {
    grid-template-columns: 44px 44px 1fr 44px 44px !important;
    gap: 5px !important;
  }

  body .st-pod-mini-player-btn {
    min-height: 37px !important;
    border-radius: 10px !important;
  }

  body .st-pod-mini-player-play {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 14px !important;
  }

  body .st-pod-mini-player-time {
    min-width: 30px !important;
    font-size: 10px !important;
  }

  body .st-pod-mini-player-progress {
    height: 7px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .st-pod-mini-player,
  body .st-pod-mini-player * {
    transition: none !important;
    animation: none !important;
  }
}

body.theme-dark a:focus-visible,
body.theme-dark button:focus-visible {
  outline: 2px solid var(--eduloo-dark-focus-ring) !important;
  outline-offset: 2px !important;
}

body.theme-dark input:focus-visible,
body.theme-dark select:focus-visible,
body.theme-dark textarea:focus-visible {
  outline: none !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']),
body.theme-dark textarea,
body.theme-dark select,
body.theme-dark .custom-dropdown-trigger,
body.theme-dark .search-field__input,
body.theme-dark .st-search-input {
  background: var(--eduloo-input-unified-bg) !important;
  border: 1px solid var(--eduloo-input-unified-border) !important;
  color: var(--eduloo-text-title) !important;
  outline: none !important;
  box-shadow: none !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):hover,
body.theme-dark textarea:hover,
body.theme-dark select:hover,
body.theme-dark .custom-dropdown-trigger:hover:not(:disabled),
body.theme-dark .search-field__input:hover:not(:disabled),
body.theme-dark .st-search-input:hover:not(:disabled) {
  background: var(--eduloo-input-unified-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
  outline: none !important;
  box-shadow: none !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):focus,
body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):focus-visible,
body.theme-dark textarea:focus,
body.theme-dark textarea:focus-visible,
body.theme-dark select:focus,
body.theme-dark select:focus-visible,
body.theme-dark .custom-dropdown.open .custom-dropdown-trigger,
body.theme-dark .custom-dropdown-trigger:focus,
body.theme-dark .custom-dropdown-trigger:focus-visible,
body.theme-dark .search-field__input:focus,
body.theme-dark .search-field__input:focus-visible,
body.theme-dark .st-search-input:focus,
body.theme-dark .st-search-input:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: var(--eduloo-input-unified-border-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px var(--eduloo-input-unified-ring) !important;
}

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

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']),
body.theme-dark textarea,
body.theme-dark select,
body.theme-dark .custom-dropdown-trigger,
body.theme-dark .search-field__input,
body.theme-dark .st-search-input {
  background: var(--eduloo-input-unified-bg) !important;
  border: 1px solid var(--eduloo-input-unified-border) !important;
  color: var(--eduloo-text-title) !important;
  outline: none !important;
  box-shadow: none !important;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):hover,
body.theme-dark textarea:hover,
body.theme-dark select:hover,
body.theme-dark .custom-dropdown-trigger:hover:not(:disabled),
body.theme-dark .search-field__input:hover:not(:disabled),
body.theme-dark .st-search-input:hover:not(:disabled) {
  background: var(--eduloo-input-unified-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):focus,
body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):focus-visible,
body.theme-dark textarea:focus,
body.theme-dark textarea:focus-visible,
body.theme-dark select:focus,
body.theme-dark select:focus-visible,
body.theme-dark .custom-dropdown.open .custom-dropdown-trigger,
body.theme-dark .custom-dropdown-trigger:focus,
body.theme-dark .custom-dropdown-trigger:focus-visible,
body.theme-dark .search-field__input:focus,
body.theme-dark .search-field__input:focus-visible,
body.theme-dark .st-search-input:focus,
body.theme-dark .st-search-input:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: var(--eduloo-input-unified-border-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px var(--eduloo-input-unified-ring) !important;
  filter: none !important;
  transform: none !important;
}

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

body.theme-dark .btn,
body.theme-dark .btn-login,
body.theme-dark .btn-hero-secondary {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 8px 18px -14px rgba(0, 0, 0, 0.34) !important;
}

body.theme-dark .btn:hover,
body.theme-dark .btn-login:hover,
body.theme-dark .btn-hero-secondary:hover {
  filter: brightness(1.12) !important;
}

body.theme-dark .btn:active,
body.theme-dark .btn-login:active,
body.theme-dark .btn-hero-secondary:active,
body.theme-dark .btn-hero-primary:active,
body.theme-dark .btn-cta:active {
  transform: scale(0.98) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark a:focus-visible,
body.theme-dark button:focus-visible {
  outline: 2px solid var(--eduloo-dark-focus-ring) !important;
  outline-offset: 2px !important;
}

body.theme-dark input:focus-visible,
body.theme-dark select:focus-visible,
body.theme-dark textarea:focus-visible {
  outline: none !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']),
body.theme-dark textarea,
body.theme-dark select,
body.theme-dark .custom-dropdown-trigger,
body.theme-dark .search-field__input,
body.theme-dark .st-search-input {
  background: var(--eduloo-input-unified-bg) !important;
  border: 1px solid var(--eduloo-input-unified-border) !important;
  color: var(--eduloo-text-title) !important;
  outline: none !important;
  box-shadow: none !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):hover,
body.theme-dark textarea:hover,
body.theme-dark select:hover,
body.theme-dark .custom-dropdown-trigger:hover:not(:disabled),
body.theme-dark .search-field__input:hover:not(:disabled),
body.theme-dark .st-search-input:hover:not(:disabled) {
  background: var(--eduloo-input-unified-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
}

body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):focus,
body.theme-dark
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not(
    [type='file']
  ):not([type='color']):not([type='hidden']):focus-visible,
body.theme-dark textarea:focus,
body.theme-dark textarea:focus-visible,
body.theme-dark select:focus,
body.theme-dark select:focus-visible,
body.theme-dark .custom-dropdown.open .custom-dropdown-trigger,
body.theme-dark .custom-dropdown-trigger:focus,
body.theme-dark .custom-dropdown-trigger:focus-visible,
body.theme-dark .search-field__input:focus,
body.theme-dark .search-field__input:focus-visible,
body.theme-dark .st-search-input:focus,
body.theme-dark .st-search-input:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: var(--eduloo-input-unified-border-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px var(--eduloo-input-unified-ring) !important;
}

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

.card .fas,
.card .fab,
.card .far {
  color: var(--eduloo-text-title) !important;
}

.navbar::before {
  display: none !important;
}

:root,
body.theme-light,
html:not([data-theme='dark']) body:not(.theme-dark) {
  --primary: #fb596e;
  --primary-dim: #d93a52;
  --primary-strong: #a11f34;
  --primary-container: #ffe3e7;
  --on-primary: #ffffff;
  --on-primary-container: #7a0f23;

  --secondary: #0fb39a;
  --secondary-dim: #0a8b78;
  --secondary-container: #ccf3eb;
  --on-secondary: #ffffff;
  --on-secondary-container: #0a4a40;

  --tertiary: #e08a00;
  --tertiary-container: #ffecc7;
  --on-tertiary-container: #6b3e00;

  --info: #2d7ff9;
  --info-container: #dae8ff;
  --on-info-container: #0a3e8f;

  --surface: #f7f6f4;
  --surface-bright: #ffffff;
  --surface-dim: #efede9;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #faf8f6;
  --surface-container: #f1efeb;
  --surface-container-high: #e8e5e0;
  --surface-container-highest: #dfdbd4;
  --surface-warm: #fff5f1;

  --on-surface: #1e1b1a;
  --on-surface-variant: #6b6561;
  --on-background: #1e1b1a;
  --outline: #b8b2ac;
  --outline-variant: #c4bbb0;
}

* {
  scrollbar-color: var(--outline) var(--surface) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--outline) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--outline-variant) !important;
}
body.theme-dark * {
  scrollbar-color: var(--outline) var(--surface-dim) !important;
}