body.theme-light:not([data-mobile]) {
  --stw-seg-new: linear-gradient(180deg, #f59aab 0%, #e0607a 100%);
  --stw-seg-prog: linear-gradient(180deg, #f5b04a 0%, #d9860f 100%);
  --stw-seg-done: linear-gradient(180deg, #34c29a 0%, #0f9d7a 100%);
  --stw-seg-gen: linear-gradient(180deg, #9d86f0 0%, #6f55d6 100%);
  --stw-ring-track: #f3e3e6;
  --stw-ring-done: #0f9d7a;
  --stw-ring-prog: #e08a00;
  --stw-loo-border: #f6c9d1;
  --stw-row-hover: #fff7f8;
}

body.theme-dark:not([data-mobile]) {
  --stw-seg-new: linear-gradient(180deg, #ff9aa9 0%, #e0607a 100%);
  --stw-seg-prog: linear-gradient(180deg, #fbc97a 0%, #d9860f 100%);
  --stw-seg-done: linear-gradient(180deg, #6fe0c8 0%, #1fae8a 100%);
  --stw-seg-gen: linear-gradient(180deg, #c3b3ff 0%, #8b6cf0 100%);
  --stw-ring-track: rgba(255, 255, 255, 0.1);
  --stw-ring-done: #6fe0c8;
  --stw-ring-prog: #fbc97a;
  --stw-loo-border: rgba(251, 89, 110, 0.4);
  --stw-row-hover: rgba(255, 255, 255, 0.03);
}

html body:not([data-mobile]) .st-container.st-fs-container:not(.stw-none) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body:not([data-mobile]) .st-container.st-fs-container > section.card.st-pane {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  > section.card.st-pane::before,
body:not([data-mobile])
  .st-container.st-fs-container
  > section.card.st-pane::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero:not(.stw-none) {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  min-height: 92px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero::before {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero::after {
  content: '';
  display: block !important;
  position: static !important;
  flex: 0 0 92px;
  width: 92px;
  height: 92px;
  margin-inline-start: -20px;
  background: url('/assets/img/loo-norm.webp') center / contain no-repeat;
  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
  opacity: 1 !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  > .st-tab-content-header.st-fc-hero::after {
  background-image: url('/assets/img/quizzes.webp');
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  > .st-tab-content-header.st-fc-hero::after {
  background-image: url('/assets/img/flashcard.webp');
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  > .st-tab-content-header.st-fc-hero::after {
  background-image: url('/assets/img/podcasts.webp');
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  > .st-tab-content-header.st-fc-hero::after {
  background-image: url('/assets/img/documents.webp');
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  > .st-tab-content-header.st-fc-hero::after {
  background-image: url('/assets/img/anki.webp');
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  > .st-tab-content-header.st-fc-hero::after {
  background-image: url('/assets/img/summaries.webp');
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero
  .st-fc-hero-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero
  .st-tab-content-title {
  margin: 0 !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.6px !important;
  color: var(--stw-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero
  .st-fc-hero-subtitle {
  margin: 6px 0 0 !important;
  max-width: 620px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero
  .st-fc-hero-loo-bubble {
  position: relative !important;
  flex: 0 0 auto !important;
  max-width: 250px !important;
  margin: 0 !important;
  padding: 11px 15px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line-strong) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px -16px rgba(216, 51, 79, 0.45) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--stw-ink) !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero
  .st-fc-hero-loo-bubble::before {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  > .st-tab-content-header.st-fc-hero
  .st-fc-hero-loo-bubble::after {
  content: '' !important;
  position: absolute !important;
  display: block !important;
  inset-inline-end: -7px !important;
  inset-inline-start: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: 12px !important;
  height: 12px !important;
  margin-top: -6px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line-strong) !important;
  border-inline-start: 0 !important;
  border-bottom: 0 !important;
  transform: rotate(45deg) !important;
}

body:not([data-mobile]) .stw-tile {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--stw-t0-bg);
  color: var(--stw-t0-fg);
  font-size: 17px;
}

body:not([data-mobile]) .stw-tile .icon {
  color: inherit !important;
  margin: 0 !important;
}

body:not([data-mobile]) .stw-tint-1 {
  background: var(--stw-t1-bg);
  color: var(--stw-t1-fg);
}
body:not([data-mobile]) .stw-tint-2 {
  background: var(--stw-t2-bg);
  color: var(--stw-t2-fg);
}
body:not([data-mobile]) .stw-tint-3 {
  background: var(--stw-t3-bg);
  color: var(--stw-t3-fg);
}
body:not([data-mobile]) .stw-tint-4 {
  background: var(--stw-t4-bg);
  color: var(--stw-t4-fg);
}

body:not([data-mobile]) .stw-resume {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0 0 22px;
  padding: 10px;
  background: var(--stw-card);
  border: 1px solid var(--stw-line);
  border-radius: 22px;
  box-shadow: 0 16px 34px -30px rgba(120, 30, 50, 0.5);
}

body:not([data-mobile]) .stw-resume__lead {
  flex: 0 0 300px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-inline-start: 6px;
}

body:not([data-mobile]) .stw-resume__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

body:not([data-mobile]) .stw-resume__label {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--stw-coral);
}

body:not([data-mobile]) .stw-resume__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--stw-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:not([data-mobile]) .stw-resume__sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--stw-soft);
}

body:not([data-mobile]) .stw-resume__sub b {
  color: var(--stw-ink);
}

body:not([data-mobile]) .stw-resume__mid {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body:not([data-mobile]) button.stw-resume__cta,
body:not([data-mobile]) .stw-resume a.stw-resume__cta {
  flex: 0 0 auto;
  width: auto !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 9px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg,
    #ff7d8f 0%,
    #f0506a 45%,
    #d8334f 100%
  ) !important;
  color: #ffffff !important;
  box-shadow:
    0 10px 24px -10px rgba(216, 51, 79, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer;
}

body:not([data-mobile]) .stw-resume__cta .st-loo-cta__icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

body:not([data-mobile]) .stw-resume__cta .st-loo-cta__icon .icon {
  color: #d8334f !important;
  margin: 0 !important;
}

body:not([data-mobile]) .stw-resume__cta .st-loo-cta__label {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}

body:not([data-mobile]) .stw-status {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  min-width: 0;
}

body:not([data-mobile]) .stw-status__col {
  flex: 1 1 0;
  min-width: max-content;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

body:not([data-mobile]) .stw-status__head {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding-inline-start: 2px;
  white-space: nowrap;
}

body:not([data-mobile]) .stw-status__n {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--stw-t0-fg);
}

body:not([data-mobile]) .stw-status__label {
  font-size: 15px;
  font-weight: 400;
  color: var(--stw-muted);
}

body:not([data-mobile]) .stw-status__seg {
  display: block;
  height: 12px;
  border-radius: 99px;
  background: var(--stw-seg-new);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body:not([data-mobile]) .stw-status__col.is-empty .stw-status__seg {
  opacity: 0.35;
}

body:not([data-mobile]) .stw-status__col--prog .stw-status__n,
body:not([data-mobile]) .stw-status__col--learning .stw-status__n {
  color: var(--stw-t2-fg);
}
body:not([data-mobile]) .stw-status__col--prog .stw-status__seg,
body:not([data-mobile]) .stw-status__col--learning .stw-status__seg {
  background: var(--stw-seg-prog);
}
body:not([data-mobile]) .stw-status__col--done .stw-status__n,
body:not([data-mobile]) .stw-status__col--known .stw-status__n,
body:not([data-mobile]) .stw-status__col--ready .stw-status__n {
  color: var(--stw-t3-fg);
}
body:not([data-mobile]) .stw-status__col--done .stw-status__seg,
body:not([data-mobile]) .stw-status__col--known .stw-status__seg,
body:not([data-mobile]) .stw-status__col--ready .stw-status__seg {
  background: var(--stw-seg-done);
}
body:not([data-mobile]) .stw-status__col--gen .stw-status__n {
  color: var(--stw-t1-fg);
}
body:not([data-mobile]) .stw-status__col--gen .stw-status__seg {
  background: var(--stw-seg-gen);
}
body:not([data-mobile]) .stw-status__col--failed .stw-status__n {
  color: var(--error);
}
body:not([data-mobile]) .stw-status__col--failed .stw-status__seg {
  background: color-mix(in srgb, var(--error) 55%, transparent);
}

body:not([data-mobile]) .stw-list-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile]) .stw-list-title__count {
  margin-inline-start: 6px;
  font-size: 20px;
  font-weight: 600;
  color: var(--stw-soft);
}

body:not([data-mobile]) .st-container.st-fs-container .st-pane .st-qz-toolbar,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-library-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex-wrap: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-toolbar
  > .st-create-actions,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-library-toolbar
  > .st-create-actions {
  order: 1;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
  gap: 10px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-toolbar
  > .st-search-field,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-library-toolbar
  > .st-search-field {
  order: 2;
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-search-field
  .search-field__input {
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 38px 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--stw-line) !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-search-field
  .search-field__icon {
  inset-inline-start: 14px !important;
  color: var(--stw-soft) !important;
  font-size: 14px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-create-actions
  > .button-primary.st-btn.stw-loo-btn,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .button.st-btn.stw-loo-btn {
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 4px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1.5px solid var(--stw-loo-border) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  color: var(--stw-t0-fg) !important;
  box-shadow: 0 8px 18px -14px rgba(216, 51, 79, 0.8) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-loo-btn[hidden] {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-create-actions
  > .button-primary.st-btn.stw-loo-btn:hover {
  background: var(--stw-sheet) !important;
}

body:not([data-mobile]) .stw-loo-face {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: var(--stw-t0-bg) url('/assets/img/loo-norm.webp') center / 30px
    30px no-repeat;
}

body:not([data-mobile]) .stw-loo-btn .stw-sparkle {
  color: var(--stw-coral) !important;
  font-size: 13px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-create-actions
  .st-btn--demo-load {
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-list:not(.stw-none) {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 40px -32px rgba(120, 30, 50, 0.4) !important;
  overflow: hidden !important;
  gap: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list[data-empty='1'],
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list:not(:has(.st-qz-row)) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .stw-ring {
  --p: 0;
  --c: var(--stw-ring-done);
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body:not([data-mobile]) .stw-ring::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(
    var(--c) calc(var(--p) * 1%),
    var(--stw-ring-track) 0
  );
  -webkit-mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 4px),
    #000 calc(100% - 4px)
  );
  mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 4px),
    #000 calc(100% - 4px)
  );
}

body:not([data-mobile]) .stw-ring--prog {
  --c: var(--stw-ring-prog);
}

body:not([data-mobile]) .stw-ring__label {
  position: relative;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  color: var(--c);
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list
  > .st-qz-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px 16px !important;
  margin: 0 !important;
  padding: 16px 22px !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--stw-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list
  > .st-qz-row::before,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list
  > .st-qz-row::after {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list
  > .st-qz-row:first-of-type {
  border-top: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list
  > .st-qz-row:hover {
  background: var(--stw-row-hover) !important;
}

body:not([data-mobile]) .st-qz-row > .stw-row-tile {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  font-size: 18px;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  > .st-qz-meta {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-meta-top {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-title-icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-title-row
  h3 {
  margin: 0 !important;
  min-width: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  color: var(--stw-ink) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-edit-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #d8b3ba !important;
  font-size: 12px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-status-chip {
  order: 3;
  height: 22px !important;
  margin-block: 0 !important;
  margin-inline: 4px 0 !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t4-bg) !important;
  color: var(--stw-t4-fg) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-status-chip
  .st-qz-status-dot {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row[data-quiz-status='completed']
  .st-qz-status-chip {
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row[data-quiz-status='in_progress']
  .st-qz-status-chip {
  background: var(--stw-t2-bg) !important;
  color: var(--stw-t2-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row[data-quiz-status='generating']
  .st-qz-status-chip,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row[data-quiz-status='running']
  .st-qz-status-chip,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row[data-quiz-status='pending']
  .st-qz-status-chip {
  background: var(--stw-t1-bg) !important;
  color: var(--stw-t1-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row[data-quiz-status='failed']
  .st-qz-status-chip {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-utility-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-utility-line
  .icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-utility-dot {
  color: var(--stw-line-strong) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-meta-bottom {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-meta-bottom[hidden] {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-type-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-type-badge {
  height: 22px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 7px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-type-badge
  .icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  > .st-qz-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-session-info {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-session-info
  > .icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-session-info:not(:has(.stw-ring)) {
  visibility: hidden !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-btn--quiz-start {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px -10px rgba(216, 51, 79, 0.8) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-btn--quiz-start
  .icon {
  color: #ffffff !important;
  font-size: 12px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  [data-quiz-row-options-trigger] {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-meta
  .st-generation-panel:not([hidden]) {
  margin: 6px 0 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  > .st-tab-content-controls {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-tab-content-controls-select {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  width: 300px !important;
  min-width: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-fc-controls-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-fc-deck-select-wrap {
  width: 100% !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-fc-deck-select-wrap
  .custom-dropdown-trigger {
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 12px 14px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-tab-content-controls-buttons {
  display: flex !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-tab-content-controls-buttons
  > .button.st-btn:not([hidden]) {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
  font-size: 14px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-btn--create-deck
  > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .st-btn--create-deck
  .icon {
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  > .stw-resume__actions {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  background: transparent !important;
  border: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .button.st-btn.stw-resume__cta {
  height: 50px !important;
  min-height: 50px !important;
  padding-block: 0 !important;
  padding-inline: 9px 22px !important;
  gap: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg,
    #ff7d8f 0%,
    #f0506a 45%,
    #d8334f 100%
  ) !important;
  color: #ffffff !important;
  box-shadow:
    0 10px 24px -10px rgba(216, 51, 79, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--flashcards
  .st-grid-double-column:not([hidden]) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--flashcards
  .st-grid-double-column
  > .st-fc-card {
  position: relative !important;
  min-height: 170px !important;
  margin: 0 !important;
  padding-block: 16px 14px !important;
  padding-inline: 22px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background-color: #fffdf9 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 0 50px,
      rgba(240, 80, 106, 0.35) 50px 52px,
      transparent 52px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 27px,
      rgba(80, 130, 200, 0.13) 27px,
      rgba(80, 130, 200, 0.13) 28px
    ) !important;
  background-position:
    0 0,
    0 58px !important;
  border: 1px solid #eee0d6 !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 #ffffff,
    0 14px 26px -22px rgba(90, 40, 30, 0.55) !important;
  color: var(--stw-ink) !important;
}

body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--flashcards
  .st-grid-double-column
  > .st-fc-card {
  background-color: #2a2124 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 0 50px,
      rgba(251, 89, 110, 0.4) 50px 52px,
      transparent 52px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 27px,
      rgba(160, 190, 255, 0.08) 27px,
      rgba(160, 190, 255, 0.08) 28px
    ) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 14px 26px -22px rgba(0, 0, 0, 0.7) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-fc-card
  .st-fc-card-number {
  position: static !important;
  align-self: flex-start !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: 'Caveat', 'Plus Jakarta Sans', cursive !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--stw-coral) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-fc-card
  .st-fc-card-number::before {
  content: '#';
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-fc-card
  .st-fc-card-action {
  position: absolute !important;
  top: 12px !important;
  inset-inline-end: 12px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile]) .st-container.st-fs-container .st-pane .st-fc-card h3 {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-fc-card
  .st-fc-card-divider {
  display: none !important;
}

body:not([data-mobile]) .st-container.st-fs-container .st-pane .st-fc-card p {
  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--flashcards
  .st-grid-double-column
  > [data-virtual-list-spacer] {
  grid-column: 1 / -1 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--flashcards
  .st-grid-double-column
  > [data-virtual-list-spacer]:not([style*='height']),
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--flashcards
  .st-grid-double-column
  > [data-virtual-list-spacer][style*='height: 0px'] {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid
  > .st-sum-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 16px 22px !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--stw-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid
  > .st-sum-row::before,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid
  > .st-sum-row::after {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid
  > .st-sum-row:first-of-type {
  border-top: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid
  > .st-sum-row:hover {
  background: var(--stw-row-hover) !important;
}

body:not([data-mobile]) .st-sum-row > .stw-row-tile {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  font-size: 18px;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  > .st-sum-meta {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-title-icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-title-row
  h3 {
  margin: 0 !important;
  min-width: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--stw-ink) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-qz-edit-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #d8b3ba !important;
  font-size: 12px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-status-chip {
  height: 22px !important;
  margin-block: 0 !important;
  margin-inline: 4px 0 !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-status-chip
  .st-sum-status-dot {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row.st-sum-row--generating
  .st-sum-status-chip {
  background: var(--stw-t1-bg) !important;
  color: var(--stw-t1-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row[data-summary-status='failed']
  .st-sum-status-chip {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-meta-line-desktop:not(:nth-of-type(3)) {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-meta-line-desktop:nth-of-type(3) {
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-utility-line {
  order: 1;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-meta
  > .st-sum-title-row {
  order: 0;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-meta
  > .st-sum-meta-line-desktop {
  order: 2;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-meta
  > .st-sum-generation {
  order: 3;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-utility-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-utility-line
  .icon,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-preview-btn--utility {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  .st-sum-utility-dot {
  color: var(--stw-line-strong) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  > .st-sum-actions {
  flex: 0 0 auto !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  > .st-sum-actions
  > .st-btn {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  border: 1px solid var(--stw-line) !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  > .st-sum-actions
  > .st-sum-preview-btn {
  border-color: transparent !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  > .st-sum-actions
  > .st-btn--only-icon {
  width: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-row
  > .st-sum-actions
  .icon {
  margin: 0 !important;
  color: inherit !important;
}

body:not([data-mobile]) .stw-podbar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--stw-soft);
}

body:not([data-mobile]) .stw-podbar[hidden] {
  display: none;
}

body:not([data-mobile]) .stw-podbar__track {
  flex: 1 1 auto;
  height: 6px;
  border-radius: 9px;
  background: var(--stw-t0-bg);
  overflow: hidden;
}

body:not([data-mobile]) .stw-podbar__fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 9px;
  background: var(--stw-grad);
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list
  > .st-pod-row {
  display: block !important;
  margin: 0 !important;
  padding: 16px 22px !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--stw-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list
  > .st-pod-row::before,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list
  > .st-pod-row::after {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list
  > .st-pod-row:first-of-type {
  border-top: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list
  > .st-pod-row:hover {
  background: var(--stw-row-hover) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-row-top {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-title-icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-play-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  flex: 0 0 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px -10px rgba(216, 51, 79, 0.9) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-play-btn
  .icon {
  color: #ffffff !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-play-btn:disabled {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-meta {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-title-row
  h3 {
  margin: 0 !important;
  min-width: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--stw-ink) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-qz-edit-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #d8b3ba !important;
  font-size: 12px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-status-chip {
  height: 22px !important;
  margin-block: 0 !important;
  margin-inline: 4px 0 !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-status-chip
  .st-pod-status-dot {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row.st-pod-row--generating
  .st-pod-status-chip {
  background: var(--stw-t1-bg) !important;
  color: var(--stw-t1-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row[data-podcast-status='failed']
  .st-pod-status-chip {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-subtitle {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-meta-details
  > p {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-progress-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-progress-track {
  flex: 1 1 auto !important;
  height: 6px !important;
  border-radius: 9px !important;
  background: var(--stw-t0-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-progress-fill--live {
  background: var(--stw-grad) !important;
  border-radius: 9px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-actions
  > .st-btn--only-icon,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-actions
  .st-pod-transcription-toggle {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-row
  .st-pod-transcription {
  margin-block: 14px 0 !important;
  margin-inline: 60px 0 !important;
  padding: 14px 16px !important;
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--documents
  .st-doc-encourage-chip {
  margin: 0 0 18px !important;
  padding: 10px 14px !important;
  gap: 12px !important;
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--documents
  .st-doc-encourage-chip-media {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--documents
  .st-doc-encourage-chip-copy
  strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane--documents
  .st-doc-encourage-chip-copy
  span {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell:not(.stw-none) {
  margin: 0 0 24px !important;
  padding: 24px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 40px -30px rgba(120, 30, 50, 0.35) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-head
  h2 {
  margin: 0 !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-nav {
  display: inline-flex !important;
  gap: 4px !important;
  margin: 14px 0 16px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t0-bg) !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-nav
  li {
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-nav
  li
  > * {
  height: 36px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-nav
  li.active
  > *,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-nav
  li
  > .active,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-nav
  li
  > [aria-selected='true'] {
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  box-shadow: 0 4px 10px -6px rgba(120, 30, 50, 0.5) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-content-area,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .tab-panel {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone {
  border: 2px dashed #f4b3be !important;
  border-radius: 20px !important;
  background: linear-gradient(
    180deg,
    var(--stw-card) 0%,
    var(--stw-sheet) 100%
  ) !important;
  box-shadow: none !important;
}

body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone {
  border-color: rgba(251, 89, 110, 0.35) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents:not(.stw-none) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  > .stw-list-title {
  order: 0;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  .st-doc-controls-stats {
  order: 1;
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  .st-doc-controls-stat {
  height: 24px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  .st-doc-controls-stat:first-child {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  .st-doc-controls-stat
  .icon {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  .st-doc-controls-main {
  order: 2;
  flex: 0 0 280px !important;
  width: 280px !important;
  margin: 0 !important;
  display: block !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-tab-content-controls--documents
  .st-doc-controls-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-list
  > .st-doc-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 14px 22px !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--stw-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-list
  > .st-doc-row::before,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-list
  > .st-doc-row::after {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-list
  > .st-doc-row:first-of-type {
  border-top: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-list
  > .st-doc-row:hover {
  background: var(--stw-row-hover) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-file-type {
  width: 44px !important;
  height: 54px !important;
  flex: 0 0 44px !important;
  border-radius: 8px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  box-shadow: 0 6px 12px -8px rgba(120, 30, 50, 0.45) !important;
  color: var(--stw-t0-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-file-type--img {
  color: var(--stw-t1-fg) !important;
}
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-file-type--ppt {
  color: var(--stw-t2-fg) !important;
}
body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-file-type--doc {
  color: var(--stw-t4-fg) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-meta {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-meta
  h3 {
  margin: 0 0 4px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-meta-line {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger {
  border-color: #f6c9d1 !important;
  color: #c2253f !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-generate-btn {
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 5px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px -10px rgba(216, 51, 79, 0.8) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: normal;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-generate-btn
  .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #d8334f !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-actions
  > .st-anki-deck-action--study {
  border: 0 !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px -10px rgba(216, 51, 79, 0.8) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row
  .st-doc-actions
  > .st-anki-deck-action--study
  .icon {
  color: #ffffff !important;
}

html body:not([data-mobile]) .st-container.st-dashboard-shell:not(.stw-none) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-dashboard-shell
  .st-dashboard-hero.st-dashboard-hero--bento:not(.stw-none) {
  background: linear-gradient(
    180deg,
    var(--stw-card) 0%,
    var(--stw-sheet) 100%
  ) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 50px -38px rgba(150, 30, 55, 0.45) !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-dashboard-hero-spark {
  display: none !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-dashboard-hero .st-title {
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
  color: var(--stw-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-dashboard-hero .st-subtitle {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-dashboard-hero-stat {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-dashboard-hero-badge {
  position: relative !important;
  padding: 11px 15px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line-strong) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px -16px rgba(216, 51, 79, 0.45) !important;
  color: var(--stw-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile])
  .st-dashboard-shell
  section.card.st-dashboard-section:not(.stw-none) {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 40px -32px rgba(120, 30, 50, 0.4) !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-card-title {
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile]) .st-dashboard-shell .st-dashboard-card-meta {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-dashboard-shell
  .st-panel-quick-card:not(.stw-none) {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 28px -26px rgba(120, 30, 50, 0.5) !important;
}

html body:not([data-mobile]) .st-dashboard-shell .st-panel-box:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

html body:not([data-mobile]) .st-container.st-dashboard-shell:not(.stw-none) {
  margin-top: 26px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-upload-first:not(.stw-none) {
  max-width: none !important;
  margin: 0 !important;
  padding: 36px 24px 44px !important;
  background: linear-gradient(
    180deg,
    var(--stw-card) 0%,
    var(--stw-sheet) 100%
  ) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 40px -32px rgba(120, 30, 50, 0.4) !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-top {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 14px 26px 20px !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-display {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 0 4px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-session {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-modal--pomodoro
  .st-pomodoro-clock-shell:not(.stw-none) {
  width: 230px !important;
  height: 230px !important;
  margin: 4px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  /* Progress arc: --pomo-left (share of the phase left, set by modals.js) in coral over the track. */
  border: 0 !important;
  background:
    radial-gradient(
      closest-side,
      var(--stw-card) calc(100% - 12px),
      transparent calc(100% - 11px)
    ),
    conic-gradient(
      var(--stw-coral) calc(var(--pomo-left, 100) * 1%),
      var(--stw-t0-bg) 0
    ) !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-clock-shell * {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  color: var(--stw-ink) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-next {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--stw-soft) !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-settings-grid {
  gap: 12px !important;
}

html
  body:not([data-mobile])
  .st-modal--pomodoro
  .st-pomodoro-setting:not(.stw-none) {
  padding: 14px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-setting-head {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-step-btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-value {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--stw-ink) !important;
}

html body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-setting-head *,
html body:not([data-mobile]) .st-modal--pomodoro .st-pomodoro-setting-head {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html
  body:not([data-mobile])
  .st-modal--pomodoro
  .st-pomodoro-setting-head
  label {
  font-weight: 600;
}

body:not([data-mobile]) .stw-backbar {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 860px;
  margin: 28px auto 20px;
  padding: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

body:not([data-mobile]) .stw-backbar__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--stw-coral);
  text-decoration: none;
}

body:not([data-mobile]) .stw-backbar__link:hover,
body:not([data-mobile]) .stw-backbar__link:focus-visible {
  color: var(--stw-coral-deep);
}

body:not([data-mobile]) .stw-backbar__link .icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
}

body:not([data-mobile]) .stw-backbar__link .icon::before {
  display: block;
  vertical-align: 0;
}

body:not([data-mobile]) .stw-backbar__sep {
  width: 1px;
  height: 18px;
  background: var(--stw-line-strong);
}

body:not([data-mobile]) .stw-backbar__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 600;
  color: var(--stw-ink);
}

body:not([data-mobile]) .stw-backbar__title:empty,
body:not([data-mobile]) .stw-backbar__title:empty + * {
  display: none;
}

body:not([data-mobile])
  .stw-backbar:has(.stw-backbar__title:empty)
  .stw-backbar__sep {
  display: none;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  > section.card.st-fs-board[data-st-quizz-review-mode]:not(.stw-none) {
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  > section.card.st-fs-board[data-st-quizz-review-mode]::before,
body:not([data-mobile])
  .st-container.st-fs-container
  > section.card.st-fs-board[data-st-quizz-review-mode]::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card:not(.stw-none) {
  margin: 0 !important;
  padding: 18px 22px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--stw-shadow) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-progress-label:not(.stw-none) {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-current-question:not(.stw-none) {
  margin: 2px 0 0 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-progress-meta:not(.stw-none) {
  margin: 2px 0 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-view-toggle:not(.stw-none) {
  display: inline-flex !important;
  gap: 4px !important;
  padding: 4px !important;
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-view-toggle
  .st-quizz-view-toggle-btn:not(.stw-none) {
  width: 40px !important;
  height: 34px !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--stw-soft) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-view-toggle
  .st-quizz-view-toggle-btn:hover:not(.stw-none) {
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-view-toggle
  .st-quizz-view-toggle-btn.st-quizz-view-toggle-btn--active:not(.stw-none) {
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 16px -10px rgba(216, 51, 79, 0.8) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-track:not(.stw-none) {
  height: 8px !important;
  margin-top: 14px !important;
  border-radius: 999px !important;
  background: var(--stw-ring-track) !important;
  border: 0 !important;
  overflow: hidden !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-fill:not(.stw-none) {
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card:not(.stw-none) {
  margin: 0 !important;
  padding: 26px 28px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 26px !important;
  box-shadow: var(--stw-shadow) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.is-hidden-by-mode:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.st-quizz-question-card--review-correct:not(
    .stw-none
  ) {
  border-color: rgba(15, 157, 122, 0.55) !important;
  box-shadow:
    0 0 0 3px rgba(15, 157, 122, 0.12),
    var(--stw-shadow) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.st-quizz-question-card--review-wrong:not(.stw-none) {
  border-color: rgba(216, 51, 79, 0.55) !important;
  box-shadow:
    0 0 0 3px rgba(216, 51, 79, 0.12),
    var(--stw-shadow) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-type-tag:not(.stw-none) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 26px !important;
  margin: 0 0 12px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t1-bg) !important;
  color: var(--stw-t1-fg) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-box:not(.stw-none) {
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-box
  > p:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-question:not(.stw-none) {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  text-align: start !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-citation-btn:not(.st-quizz-hint-btn):not(.stw-none) {
  width: auto !important;
  max-width: max-content !important;
  align-self: flex-start !important;
  height: 32px !important;
  margin: 0 0 16px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-coral) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options:not(.st-quizz-options--hint):not(.stw-none) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option:not(.stw-none) {
  width: 100% !important;
  min-height: 58px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  border: 2px solid var(--stw-line) !important;
  border-radius: 18px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: start !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  box-shadow: 0 8px 18px -16px rgba(120, 30, 50, 0.6) !important;
  transform: none !important;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option:hover:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-row-hover) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option
  .st-quizz-option-badge:not(.stw-none) {
  position: static !important;
  transform: none !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option
  .st-quizz-option-text:not(.stw-none) {
  flex: 1 1 auto !important;
  text-align: start !important;
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.base-multi-select-button-group__btn--active:not(.stw-none) {
  border-color: var(--stw-coral) !important;
  background: var(--stw-row-hover) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.base-multi-select-button-group__btn--active
  .st-quizz-option-badge:not(.stw-none) {
  background: var(--stw-coral) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.st-quizz-review-option-correct:not(.stw-none) {
  opacity: 1 !important;
  border-color: #0f9d7a !important;
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.st-quizz-review-option-correct
  .st-quizz-option-badge:not(.stw-none) {
  background: #0f9d7a !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.st-quizz-review-option-wrong:not(.stw-none) {
  opacity: 1 !important;
  border-color: var(--stw-coral-deep) !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.st-quizz-review-option-wrong
  .st-quizz-option-badge:not(.stw-none) {
  background: var(--stw-coral-deep) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options.st-quizz-true-false-options
  .st-quizz-option:not(.stw-none) {
  min-height: 64px !important;
  justify-content: center !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options.st-quizz-true-false-options
  .st-quizz-option
  .st-quizz-option-text:not(.stw-none) {
  flex: 0 0 auto !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-blank:not(.stw-none) {
  min-width: 110px !important;
  height: 36px !important;
  margin: 0 4px !important;
  padding: 0 10px !important;
  border: 2px dashed var(--stw-loo-border) !important;
  border-radius: 10px !important;
  background: var(--stw-row-hover) !important;
  color: var(--stw-coral) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-blank:focus:not(.stw-none) {
  border-style: solid !important;
  border-color: var(--stw-coral) !important;
  outline: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-label:not(.stw-none) {
  margin: 16px 0 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options--hint:not(.stw-none) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-chip:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-chip:not(.stw-none) {
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 6px 12px -10px rgba(120, 30, 50, 0.6) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-chip:not(.stw-none) {
  border-radius: 14px !important;
  cursor: grab !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-chip.is-used:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-chip.is-used:not(.stw-none) {
  background: var(--stw-sheet) !important;
  color: var(--stw-soft) !important;
  text-decoration: line-through !important;
  box-shadow: none !important;
  opacity: 0.8 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-chip.is-dragging:not(.stw-none) {
  border-color: var(--stw-coral) !important;
  opacity: 0.6 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-row:not(.stw-none) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-definition:not(.stw-none) {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-link:not(.stw-none) {
  display: flex !important;
  justify-content: center !important;
  color: var(--stw-loo-border) !important;
  background: transparent !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-slot:not(.stw-none) {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border: 2px solid var(--stw-coral) !important;
  border-radius: 16px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-slot.is-empty:not(.stw-none) {
  justify-content: center !important;
  border-style: dashed !important;
  border-color: var(--stw-line-strong) !important;
  background: transparent !important;
  color: var(--stw-soft) !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-slot.is-over:not(.stw-none) {
  border-style: solid !important;
  border-color: var(--stw-coral) !important;
  background: var(--stw-row-hover) !important;
  box-shadow: 0 0 0 3px rgba(251, 89, 110, 0.18) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-bank:not(.stw-none) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-wrap:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-btn:not(.stw-none) {
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid #fde1a8 !important;
  border-radius: 999px !important;
  background: #fff7e6 !important;
  color: #9a4a07 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-btn:not(.stw-none) {
  border-color: rgba(251, 201, 122, 0.3) !important;
  background: var(--stw-t2-bg) !important;
  color: var(--stw-t2-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-reveal:not(.stw-none) {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  background: var(--stw-t2-bg) !important;
  color: var(--stw-t2-fg) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-reveal[hidden] {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row:not(.stw-none) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-nav-actions:not([hidden]):not(.stw-none) {
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn:not(.stw-none) {
  width: auto !important;
  height: 48px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 18px -16px rgba(120, 30, 50, 0.6) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn:hover:not(:disabled):not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-action-btn--next:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-finish-btn:not(.stw-none) {
  height: 52px !important;
  padding: 0 24px !important;
  border: 0 !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 26px -16px rgba(216, 51, 79, 0.9) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn:disabled:not(.stw-none) {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn[hidden] {
  display: none !important;
}

html body:not([data-mobile]) .st-container.st-fs-container .stw-resume[hidden],
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .stw-resume
  .stw-resume__cta[hidden],
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume--fc
  .button.st-btn.stw-resume__cta[hidden] {
  display: none !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl:not(.stw-none) {
  width: min(100%, 920px) !important;
  margin: 12px auto 0 !important;
  padding: 34px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 28px !important;
  box-shadow: var(--stw-shadow) !important;
  text-align: start !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .st-cmpl-glow {
  inset-inline-start: 150px !important;
  top: -60px !important;
  width: 300px !important;
  opacity: 0.6;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is(
    [data-st-quizz-finished-results],
    [data-flash-study-finished-results]
  ):not([hidden]):not(.stw-none) {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  grid-template-areas: 'loo hero' 'loo stats' 'loo next' 'actions actions' !important;
  column-gap: 36px !important;
  row-gap: 18px !important;
  align-items: center !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .stw-cmpl-loo {
  grid-area: loo;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

body:not([data-mobile]) .stw-cmpl-bubble {
  position: relative;
  max-width: 250px;
  margin: 0 0 8px;
  padding: 12px 16px;
  background: var(--stw-sheet);
  border: 1px solid var(--stw-line-strong);
  border-radius: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  color: var(--stw-ink);
  box-shadow: 0 10px 20px -16px rgba(120, 30, 50, 0.5);
}

body:not([data-mobile]) .stw-cmpl-bubble::after {
  content: '';
  position: absolute;
  inset-inline-start: 50%;
  bottom: -8px;
  width: 14px;
  height: 14px;
  margin-inline-start: -7px;
  background: var(--stw-sheet);
  border-inline-end: 1px solid var(--stw-line-strong);
  border-bottom: 1px solid var(--stw-line-strong);
  transform: rotate(45deg);
}

body:not([data-mobile]) .stw-cmpl-loo__img {
  width: 170px;
  height: 170px;
  object-fit: contain;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero:not(.stw-none) {
  grid-area: hero;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-areas: 'ring head' 'ring score' !important;
  align-items: center !important;
  justify-items: start !important;
  column-gap: 22px !important;
  row-gap: 6px !important;
  text-align: start !important;
}
/* Phones: "Complete" alone is wider than the column beside the 140px ring. */
@media (max-width: 480px) {
  html
    body:not([data-mobile])
    .st-cmpl-host
    .st-cmpl
    > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
    > .st-cmpl-hero:not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'ring' 'head' 'score' !important;
    row-gap: 12px !important;
  }
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero
  .st-cmpl-ring:not(.stw-none) {
  grid-area: ring;
  width: 140px !important;
  height: 140px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero
  .st-cmpl-head:not(.stw-none) {
  grid-area: head;
  align-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  text-align: start !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero
  .st-cmpl-title:not(.stw-none) {
  margin: 0 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.15 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero
  .st-cmpl-subtitle:not(.stw-none) {
  margin: 0 !important;
  font-size: 15px !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero
  .st-cmpl-eyebrow:not(.stw-none) {
  order: 2;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-hero
  .st-cmpl-score-line:not(.stw-none) {
  grid-area: score;
  align-self: start !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats:not(.stw-none) {
  grid-area: stats;
  display: flex !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats
  .st-cmpl-stat:not(.stw-none) {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 16px 8px !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  background: var(--stw-t4-bg) !important;
  color: var(--stw-t4-fg) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats
  .st-cmpl-stat--green:not(.stw-none) {
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats
  .st-cmpl-stat--red:not(.stw-none) {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats
  .st-cmpl-stat--coral:not(.stw-none) {
  background: var(--stw-t2-bg) !important;
  color: var(--stw-t2-fg) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats
  .st-cmpl-stat
  .st-cmpl-stat-value:not(.stw-none) {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-stats
  .st-cmpl-stat
  .st-cmpl-stat-label:not(.stw-none) {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: inherit !important;
  opacity: 0.85 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-next:not(.stw-none) {
  grid-area: next;
  justify-self: start !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-actions:not(.stw-none) {
  grid-area: actions;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid var(--stw-line) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-actions
  .st-cmpl-actions-row:not(.stw-none) {
  order: 1;
  display: flex !important;
  gap: 12px !important;
  width: auto !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-actions
  .st-cmpl-btn:not(.stw-none) {
  width: auto !important;
  height: 50px !important;
  min-height: 0 !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-actions
  .st-cmpl-btn--ghost:not(.stw-none) {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  color: var(--stw-ink) !important;
  box-shadow: 0 8px 18px -16px rgba(120, 30, 50, 0.6) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-actions
  .st-cmpl-btn--ghost:hover:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
  > .st-cmpl-actions
  .st-cmpl-btn--primary:not(.stw-none) {
  order: 2;
  margin-inline-start: auto !important;
  height: 54px !important;
  padding: 0 26px !important;
  border: 0 !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 26px -16px rgba(216, 51, 79, 0.9) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards:not(.stw-none) {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats:not(.stw-none) {
  display: flex !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:not(.stw-none) {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 22px -20px rgba(120, 30, 50, 0.5) !important;
  overflow: visible !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-top:not(.stw-none) {
  flex: 0 0 auto !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-count:not(.stw-none) {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-label:not(.stw-none) {
  flex: 0 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stat-dot:not(.stw-none) {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stat-dot.st-fs-stat-dot--blue:not(.stw-none) {
  background: #2d7ff9 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stat-dot.st-fs-stat-dot--red:not(.stw-none) {
  background: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stat-dot.st-fs-stat-dot--green:not(.stw-none) {
  background: #0f9d7a !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-cram-progress:not([hidden]):not(.stw-none) {
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px 16px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-cram-progress
  .st-fs-cram-progress-top:not(.stw-none) {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-cram-progress
  .st-fs-cram-progress-count:not(.stw-none) {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-cram-progress
  .st-fs-cram-progress-meta:not(.stw-none) {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage:not(.stw-none) {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 0 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-deck-back:not(.stw-none) {
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  width: auto !important;
  height: 100% !important;
  top: 0 !important;
  margin: 0 !important;
  background: #fffaf3 !important;
  border: 1px solid #eee0d6 !important;
  border-radius: 22px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-deck-back.st-fs-deck-back--1:not(.stw-none) {
  transform: translateY(8px) rotate(1.4deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-deck-back.st-fs-deck-back--2:not(.stw-none) {
  transform: translateY(12px) rotate(-1.8deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-deck-back.st-fs-deck-back--3:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none) {
  width: 100% !important;
  max-width: none !important;
  min-height: 300px !important;
  padding: 18px 26px 16px !important;
  background-color: #fffdf9 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 58px,
      rgba(240, 80, 106, 0.35) 58px,
      rgba(240, 80, 106, 0.35) 60px,
      transparent 60px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 35px,
      rgba(80, 130, 200, 0.13) 35px,
      rgba(80, 130, 200, 0.13) 36px
    ) !important;
  background-position:
    0 0,
    0 70px !important;
  border: 1px solid #eee0d6 !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 50px -34px rgba(90, 40, 30, 0.6) !important;
  text-align: start !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none) {
  background-color: #2b2225 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 58px,
      rgba(251, 89, 110, 0.35) 58px,
      rgba(251, 89, 110, 0.35) 60px,
      transparent 60px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 35px,
      rgba(160, 190, 255, 0.07) 35px,
      rgba(160, 190, 255, 0.07) 36px
    ) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 30px 50px -30px rgba(0, 0, 0, 0.8) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-deck-back:not(.stw-none) {
  background: #241c1f !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta:not(.stw-none) {
  min-height: 0 !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta
  .st-btn.st-fs-end-session-btn:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta
  .st-citation-btn--flash:not(.stw-none) {
  height: 32px !important;
  min-height: 0 !important;
  padding: 0 12px !important;
  gap: 6px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta
  .st-citation-btn--flash:not(.stw-none) {
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta
  .st-fs-menu-btn:not(.stw-none) {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  color: var(--stw-soft) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta-right
  > span:not([class]) {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--stw-muted) !important;
  background: transparent !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face:not(.stw-none) {
  justify-content: flex-start !important;
  margin: 26px 0 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face-label:not(.stw-none) {
  height: auto !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face-label
  .st-fs-card-face-icon {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face-label
  .st-fs-card-face-label-text:not(.stw-none) {
  font-family: 'Caveat', 'Plus Jakarta Sans', cursive !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-question
  > p:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-question
  > :is(h1, h2, h3, div):not(.stw-none) {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  text-align: start !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-divider:not(.stw-none) {
  background: transparent !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-hint:not(.stw-none) {
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden]):not(
    .stw-none
  ) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-prompt:not(.stw-none) {
  grid-column: 1 / -1 !important;
  margin: 0 0 2px !important;
  text-align: center !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col
  > p:not(.stw-none) {
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:not(.stw-none) {
  width: 100% !important;
  height: 64px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 2px solid var(--stw-line) !important;
  border-radius: 20px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn
  .st-fs-rating-icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--again:not(.stw-none) {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #be123c !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--hard:not(.stw-none) {
  background: #fff7e6 !important;
  border-color: #fde1a8 !important;
  color: #9a4a07 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--good:not(.stw-none) {
  background: #eaf6fd !important;
  border-color: #bae6fd !important;
  color: #075985 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--easy:not(.stw-none) {
  background: #ecfdf3 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--again:not(.stw-none) {
  background: rgba(244, 63, 94, 0.14) !important;
  border-color: rgba(244, 63, 94, 0.35) !important;
  color: #fda4af !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--hard:not(.stw-none) {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fcd34d !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--good:not(.stw-none) {
  background: rgba(14, 165, 233, 0.14) !important;
  border-color: rgba(14, 165, 233, 0.35) !important;
  color: #7dd3fc !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--easy:not(.stw-none) {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.35) !important;
  color: #86efac !important;
}

body:not([data-mobile]) {
  --stw-page-bg: #f3e9eb;
}

body.theme-dark:not([data-mobile]) {
  --stw-page-bg: #1c1517;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .pdf-preview-modal-nav-top:not(.stw-none) {
  width: auto !important;
  margin: 0 auto 12px !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .pdf-preview-modal-nav-top
  .pdf-preview-nav-btn:not(.stw-none) {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .pdf-preview-modal-nav-top
  #pdfPreviewPageInfo:not(.stw-none) {
  padding: 0 12px !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .pdf-preview-modal-body:not(.stw-none) {
  padding: 24px !important;
  background: var(--stw-page-bg) !important;
  border: 0 !important;
  border-radius: 18px !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .pdf-preview-modal-canvas:not(.stw-none) {
  border-radius: 6px !important;
  box-shadow: 0 16px 30px -20px rgba(60, 20, 30, 0.5) !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar:not(.stw-none) {
  gap: 6px !important;
  margin: 0 0 12px !important;
  padding: 8px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-tool:not(.stw-none) {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--stw-ink) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-tool:hover:not(:disabled):not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-line) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-tool.sfe-tool--active:not(.stw-none) {
  background: var(--stw-t0-bg) !important;
  border-color: var(--stw-loo-border) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-tool:disabled:not(.stw-none) {
  opacity: 0.4 !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-toolbar-sep:not(.stw-none) {
  background: var(--stw-line) !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-hint:not(.stw-none) {
  padding: 4px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-soft) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-toolbar
  .sfe-pager:not(.stw-none) {
  color: var(--stw-ink) !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .modal-content:is(.pdf-preview-modal-content, .sfe-modal-content)
  .sfe-page-host:not(.stw-none) {
  background: var(--stw-page-bg) !important;
  border: 0 !important;
  border-radius: 18px !important;
}

html
  body:not([data-mobile])
  .modal-content.sfe-modal-content
  .sfe-page-host
  .sf-doc:not(.stw-none) {
  background: transparent !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--document-topics
  .st-topic-pdf-panel:not(.stw-none) {
  background: var(--stw-page-bg) !important;
  border: 0 !important;
  border-radius: 18px !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--document-topics
  .st-topic-pdf-toolbar:not(.stw-none) {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--document-topics
  .st-topic-list-panel
  .st-topic-detail-item:not(.stw-none),
html
  body:not([data-mobile])
  .st-modal.st-modal--document-topics
  .st-topic-list-panel
  .st-topic-available-panel:not(.stw-none) {
  border: 1px solid var(--stw-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal--quiz-chat
  .modal-content:not(.stw-none) {
  width: min(640px, calc(100vw - 32px)) !important;
  max-width: min(640px, calc(100vw - 32px)) !important;
  height: min(760px, calc(var(--modal-screen, 100vh) - 64px)) !important;
  max-height: min(760px, calc(var(--modal-screen, 100vh) - 64px)) !important;
  display: flex !important;
  flex-direction: column !important;
}

html body:not([data-mobile]) .st-modal.st-modal--quiz-chat:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  > .st-modal-body:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat:not(.stw-none) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat__log:not(.stw-none) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 22px 24px 28px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal--quiz-chat
  .modal-content:has(.qz-chat.stw-chat--panel):not(.stw-none) {
  width: min(1000px, calc(100vw - 32px)) !important;
  max-width: min(1000px, calc(100vw - 32px)) !important;
  height: min(700px, calc(var(--modal-screen, 100vh) - 64px)) !important;
  max-height: min(700px, calc(var(--modal-screen, 100vh) - 64px)) !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat.stw-chat--panel:not(.stw-none) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat.stw-chat--panel
  > .qz-chat__log {
  grid-column: 1;
  grid-row: 1;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat.stw-chat--panel
  > .qz-chat__footer {
  grid-column: 1;
  grid-row: 2;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat.stw-chat--nopanel
  > .stw-chat-panel {
  display: none !important;
}

body:not([data-mobile]) .stw-chat-panel {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-inline-start: 1px solid var(--stw-line);
  background: var(--stw-card);
  overflow-y: auto;
}

body:not([data-mobile]) .stw-chat-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body:not([data-mobile]) .stw-chat-panel__title {
  font-size: 17px;
  font-weight: 600;
  color: var(--stw-ink);
}

body:not([data-mobile]) .stw-chat-panel__step {
  font-size: 13px;
  font-weight: 600;
  color: var(--stw-coral);
  white-space: nowrap;
}

body:not([data-mobile]) .stw-chat-panel__bar {
  height: 6px;
  margin: 12px 0 8px;
  border-radius: 9px;
  background: var(--stw-ring-track);
  overflow: hidden;
}

body:not([data-mobile]) .stw-chat-panel__fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 9px;
  background: var(--stw-grad);
  transition: width 0.25s ease;
}

body:not([data-mobile]) .stw-chat-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--stw-line);
}

body:not([data-mobile]) .stw-chat-panel__icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--stw-sheet);
  color: var(--stw-soft);
  font-size: 14px;
}

body:not([data-mobile]) .stw-chat-panel__row.is-done .stw-chat-panel__icon {
  background: var(--stw-t0-bg);
  color: var(--stw-coral);
}

body:not([data-mobile]) .stw-chat-panel__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

body:not([data-mobile]) .stw-chat-panel__label {
  font-size: 12px;
  font-weight: 700;
  color: var(--stw-soft);
}

body:not([data-mobile]) .stw-chat-panel__value {
  font-size: 13px;
  font-weight: 400;
  color: var(--stw-soft);
  opacity: 0.75;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:not([data-mobile]) .stw-chat-panel__row.is-done .stw-chat-panel__value {
  font-size: 14px;
  font-weight: 800;
  color: var(--stw-ink);
  opacity: 1;
}

body:not([data-mobile]) .stw-chat-panel.is-ready .stw-chat-panel__rows {
  display: none;
}

body:not([data-mobile]) .stw-chat-panel__summary {
  min-height: 0;
}

html
  body:not([data-mobile])
  .stw-chat-panel__summary
  .qz-chat__summary:not(.stw-none) {
  margin: 4px 0 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html
  body:not([data-mobile])
  .stw-chat-panel__summary
  .qz-chat__summary-head:not(.stw-none) {
  display: none !important;
}

body:not([data-mobile]) .stw-chat-panel__cta {
  margin-top: auto;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

html
  body:not([data-mobile])
  .stw-chat-panel__cta
  .stw-chat-panel__placeholder:not([hidden]):not(.stw-none) {
  opacity: 1 !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-soft) !important;
  box-shadow: none !important;
  cursor: default !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone:not(.stw-none) {
  display: grid !important;
  grid-template-columns: 72px auto auto !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: 22px !important;
  row-gap: 8px !important;
  min-height: 190px !important;
  padding: 24px 28px !important;
  text-align: start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone
  > :not(.dropzone-icon):not(.dropzone-text):not(.dropzone-type-chips):not(
    .dropzone-limits
  ):not(.dropzone-browse-btn):not(input) {
  grid-column: 1 / -1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone
  > .dropzone-icon:not(.stw-none) {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  width: 72px !important;
  height: 72px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 22px !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-coral) !important;
  font-size: 32px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone
  > .dropzone-text:not(.stw-none) {
  justify-self: start !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: start !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone
  > .dropzone-type-chips:not(.stw-none) {
  justify-self: start !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-content: flex-start !important;
  max-width: 470px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone
  > .dropzone-limits:not(.stw-none) {
  justify-self: start !important;
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 0 !important;
  text-align: start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-upload-shell
  .dropzone
  > .dropzone-browse-btn:not(.stw-none) {
  grid-column: 3 !important;
  grid-row: 1 / span 3 !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 14px 26px -16px rgba(216, 51, 79, 0.9) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 26px 20px !important;
  text-align: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-file-type--empty:not(.stw-none) {
  align-self: center !important;
  width: 120px !important;
  height: 120px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url('/assets/img/loo-upload.webp') center / contain no-repeat !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-file-type--empty::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-file-type--empty::after,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-file-type--empty
  .icon {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-meta:not(.stw-none) {
  align-self: center !important;
  align-items: center !important;
  text-align: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-meta
  h3:not(.stw-none) {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-doc-row.st-doc-row--empty
  .st-doc-meta
  p:not(.stw-none) {
  margin: 4px 0 0 !important;
  font-size: 14.5px !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards[hidden]:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  > section.card.st-fs-board[data-st-quizz-review-mode][hidden]:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container[hidden]:not(.stw-none) {
  display: none !important;
}

body:not([data-mobile]) .stw-chat-panel__row--later {
  display: none;
}

html
  body:not([data-mobile])
  .st-modal.st-modal--quiz-chat
  .qz-chat.stw-chat--panel
  > .qz-chat__footer:not(:has(> :not([hidden]):not(input))) {
  display: none !important;
}

@keyframes stw-card-flip-a {
  from {
    rotate: y -90deg;
  }
  to {
    rotate: y 0deg;
  }
}

@keyframes stw-card-flip-b {
  from {
    rotate: y -90deg;
  }
  to {
    rotate: y 0deg;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card[data-study-state='review'] {
  --fc-state-color: var(--primary, #fb596e);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card[data-study-state='learning'] {
  --fc-state-color: color-mix(in srgb, var(--primary, #fb596e) 45%, #ffffff);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card[data-study-state='new'] {
  --fc-state-color: color-mix(
    in srgb,
    var(--eduloo-fc-muted, #7a6468) 35%,
    #ffffff
  );
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-inline-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-inline-actions
  .st-btn {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  justify-content: center !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-inline-actions
  .st-fc-inline-cancel-btn {
  border: 1px solid
    color-mix(in srgb, var(--outline-variant, #eed7db) 80%, transparent) !important;
  background: var(--surface-container-lowest, #ffffff) !important;
  color: var(--eduloo-fc-muted, #6f5d61) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-inline-actions
  .st-fc-inline-save-btn {
  border: none !important;
  background: var(--primary-fill) !important;
  color: var(--on-cta, #ffffff) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-inline-actions
  .st-fc-inline-save-btn:active {
  background: var(--primary-fill-hover, var(--primary-fill)) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-inline-actions
  .st-fc-inline-cancel-btn {
  background: transparent !important;
  color: var(--on-surface-variant, #d6c4c7) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card--with-action {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  padding-block: 0 6px !important;
  padding-inline: 0 6px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  perspective: 1400px !important;
  -webkit-tap-highlight-color: transparent !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card:hover,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card:active,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card:focus,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card:focus-within {
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-number,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-divider {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-inner {
  position: relative !important;
  display: grid !important;
  transform-style: preserve-3d !important;
  -webkit-transform-style: preserve-3d !important;
  transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-flipped
  .st-fc-card-inner {
  transform: rotateY(180deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face {
  grid-area: 1 / 1 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 160px !important;
  box-sizing: border-box !important;
  padding: 48px 20px 40px !important;
  border-radius: 14px !important;
  text-align: center !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  box-shadow:
    6px 6px 0 -1px #f6e7e9,
    6px 6px 0 0 #ecd6da,
    0 10px 18px -12px rgba(90, 40, 50, 0.35),
    0 2px 4px -2px rgba(90, 40, 50, 0.18) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--front {
  border: 1px solid #efe2e0 !important;
  background-color: #fffdfa !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 37px,
      color-mix(in srgb, var(--primary, #fb596e) 55%, transparent) 37px,
      color-mix(in srgb, var(--primary, #fb596e) 55%, transparent) 39px,
      transparent 39px
    ),
    linear-gradient(#fffdfa, #fffdfa),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 27px,
      rgba(120, 150, 200, 0.07) 27px,
      rgba(120, 150, 200, 0.07) 28px
    ) !important;
  background-size:
    100% 100%,
    100% 39px,
    100% 100% !important;
  background-repeat: no-repeat !important;
  background-position:
    0 0,
    0 0,
    0 12px !important;
  color: #2b1d20 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--back {
  transform: rotateY(180deg) !important;
  border: 1px solid #c42f48 !important;
  background-color: #c42f48 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 38px,
      rgba(255, 255, 255, 0.35) 38px,
      rgba(255, 255, 255, 0.35) 39px,
      transparent 39px
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 255, 255, 0.2),
      transparent 55%
    ) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-status,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-answer-label {
  position: absolute !important;
  top: 11px !important;
  inset-inline-start: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-status {
  color: #6f5d61 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-status::before {
  content: '' !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 4px !important;
  background: var(--fc-state-color) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-answer-label {
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face
  h3 {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #2b1d20 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face
  p {
  display: block !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-flip-hint {
  position: absolute !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #8a6f74 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--back
  .st-fc-card-flip-hint {
  color: rgba(255, 255, 255, 0.92) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-action {
  display: inline-flex !important;
  position: absolute !important;
  top: 4px !important;
  inset-inline-end: 10px !important;
  inset-inline-start: auto !important;
  z-index: 5 !important;
  width: 32px !important;
  height: 30px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8a6f74 !important;
  font-size: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: color 0ms linear 200ms !important;
  -webkit-tap-highlight-color: transparent !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-action:active {
  background: color-mix(
    in srgb,
    var(--primary, #fb596e) 12%,
    transparent
  ) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-flipped
  .st-fc-card-action {
  color: rgba(255, 255, 255, 0.92) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-card-inner {
  position: static !important;
  display: block !important;
  transform: none !important;
  transform-style: flat !important;
  -webkit-transform-style: flat !important;
  transition: none !important;
}

/* :is() outranks the later dark index-card face (ruled lines, stack shadow). */
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-face:is(.st-fc-face--front, .st-fc-face--back) {
  position: static !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  text-align: start !important;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-face--back {
  margin-top: 10px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing {
  padding: 44px 14px 14px !important;
  border-radius: 14px !important;
  border: 1px solid #efe2e0 !important;
  background: var(--surface-container-lowest, #ffffff) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-card-status {
  top: 13px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-card-answer-label,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-card-flip-hint {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-card-action {
  color: #8a6f74 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-face
  h3,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-face
  p {
  text-align: start !important;
  color: #2b1d20 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  .st-fc-face
  p {
  color: #6f5d61 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card.is-editing
  [contenteditable='true'] {
  min-height: 24px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  border-radius: 12px !important;
  background: color-mix(
    in srgb,
    var(--primary, #fb596e) 6%,
    #ffffff
  ) !important;
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--primary, #fb596e) 25%, transparent) !important;
  outline: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  > .st-doc-encourage-chip:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell:not(.stw-none) {
  position: relative !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .st-doc-upload-head:not(.stw-none) {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  padding-inline-end: 340px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .st-doc-upload-tabs
  > .tab-nav:not(.stw-none) {
  position: absolute !important;
  top: 24px !important;
  inset-inline-end: 24px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:not(.stw-none) {
  border: 2px dashed var(--stw-loo-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(
    180deg,
    var(--stw-card) 0%,
    var(--stw-sheet) 100%
  ) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone.dragover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone.is-dragover:not(.stw-none) {
  border-color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip:not(.stw-none) {
  height: 26px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 7px !important;
  background: var(--stw-card) !important;
  color: var(--stw-muted) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip
  .icon:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip
  i:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip
  > span:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger)
  .icon:not(.stw-none) {
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.stw-none) {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:hover:not(:disabled):not(.is-disabled):not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger):hover:not(:disabled):not(
    .is-disabled
  ):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger):hover:not(:disabled):not(
    .is-disabled
  )
  .icon:not(.stw-none) {
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger
  .icon:not(.stw-none) {
  border-color: #f6c9d1 !important;
  color: #c2253f !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon.is-disabled:not(.stw-none) {
  opacity: 0.45 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger
  .icon:not(.stw-none) {
  border-color: rgba(251, 89, 110, 0.4) !important;
  color: #ff9aa9 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.stw-none) {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell:not(.stw-none) {
  padding: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .st-doc-upload-head:not(.stw-none) {
  min-height: 40px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .st-doc-upload-tabs
  > .tab-nav:not(.stw-none) {
  top: 16px !important;
  inset-inline-end: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .st-doc-upload-tabs:not(.stw-none) {
  margin-top: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:not(.stw-none) {
  min-height: 0 !important;
  grid-template-columns: 52px auto minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  justify-content: stretch !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  padding-block: 14px !important;
  padding-inline: 14px 16px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-icon:not(.stw-none) {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  font-size: 22px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-text:not(.stw-none) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-limits:not(.stw-none) {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: start !important;
  padding-bottom: 1px !important;
  font-size: 13px !important;
  color: var(--stw-soft) !important;
  white-space: nowrap !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-type-chips:not(.stw-none) {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: start !important;
  max-width: none !important;
  gap: 5px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-type-chips
  .dropzone-type-chip:not(.stw-none) {
  height: 22px !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-browse-btn:not(.stw-none) {
  grid-column: 4 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  height: 44px !important;
  padding: 0 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  .st-doc-debug-btn:not(.stw-none) {
  margin: 10px 0 0 !important;
  height: 32px !important;
  font-size: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:not(.stw-none) {
  position: relative !important;
  overflow: hidden !important;
  padding-inline-start: 18px !important;
  grid-template-columns: 72px auto minmax(0, 1fr) auto !important;
  background:
    radial-gradient(
      circle at 12% 120%,
      rgba(251, 89, 110, 0.14),
      transparent 42%
    ),
    radial-gradient(
      circle at 92% -30%,
      rgba(251, 89, 110, 0.08),
      transparent 40%
    ),
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%) !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.25s ease,
    background-color 0.2s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:not(.stw-none)::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background-image: radial-gradient(
    rgba(251, 89, 110, 0.22) 1.2px,
    transparent 1.4px
  ) !important;
  background-size: 16px 16px !important;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 20%,
    #000 70%
  ) !important;
  mask-image: linear-gradient(90deg, transparent 20%, #000 70%) !important;
  opacity: 0.55 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > *:not(.stw-none) {
  position: relative !important;
  z-index: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-icon:not(.stw-none) {
  width: 68px !important;
  height: 68px !important;
  margin: -6px 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: url('/assets/img/loo-upload.webp') center / contain no-repeat !important;
  filter: drop-shadow(0 10px 12px rgba(216, 51, 79, 0.28)) !important;
  transform-origin: 50% 90% !important;
  animation: stw-loo-float 3.6s ease-in-out infinite !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone
  > .dropzone-icon
  > .icon:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over:not(.stw-none) {
  transform: none !important;
  border-style: solid !important;
  border-color: var(--stw-coral) !important;
  box-shadow:
    0 0 0 5px rgba(251, 89, 110, 0.14),
    0 18px 34px -20px rgba(216, 51, 79, 0.7) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over:not(.stw-none)::before {
  opacity: 1 !important;
  animation: stw-drop-dots 1.2s linear infinite !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over
  > .dropzone-icon:not(.stw-none) {
  animation: stw-loo-catch 0.7s ease-in-out infinite !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over
  > .dropzone-text[data-stw-drop]:not(.stw-none) {
  font-size: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over
  > .dropzone-text[data-stw-drop]:not(.stw-none)::after {
  content: attr(data-stw-drop) !important;
  font-size: 15.5px !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.dropzone-uploading
  > .dropzone-icon:not(.stw-none) {
  animation: stw-loo-catch 1.1s ease-in-out infinite !important;
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-upload-shell
    #documentsDropzone.dropzone
    > .dropzone-icon:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-upload-shell
    #documentsDropzone.dropzone.drag-over
    > .dropzone-icon:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-upload-shell
    #documentsDropzone.dropzone.drag-over:not(.stw-none)::before {
    animation: none !important;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:not(.stw-none) {
  border: 1.5px solid transparent !important;
  border-radius: 20px !important;
  padding-block: 12px !important;
  padding-inline: 12px !important;
  background:
    radial-gradient(
        circle at 12% 120%,
        rgba(251, 89, 110, 0.12),
        transparent 42%
      )
      padding-box,
    radial-gradient(
        circle at 92% -30%,
        rgba(251, 89, 110, 0.08),
        transparent 40%
      )
      padding-box,
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%)
      padding-box,
    linear-gradient(120deg, #ffb3bf 0%, #ffd3da 50%, #ff9aab 100%) border-box !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:not(.stw-none) {
  background:
    radial-gradient(
        circle at 12% 120%,
        rgba(251, 89, 110, 0.14),
        transparent 42%
      )
      padding-box,
    radial-gradient(
        circle at 92% -30%,
        rgba(251, 89, 110, 0.06),
        transparent 40%
      )
      padding-box,
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%)
      padding-box,
    linear-gradient(
        120deg,
        rgba(251, 89, 110, 0.55) 0%,
        rgba(251, 89, 110, 0.3) 50%,
        rgba(251, 89, 110, 0.5) 100%
      )
      border-box !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone:hover:not(.stw-none) {
  box-shadow:
    0 0 0 4px rgba(251, 89, 110, 0.08),
    0 14px 28px -20px rgba(216, 51, 79, 0.6) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-upload-shell
  #documentsDropzone.dropzone.drag-over:not(.stw-none) {
  background:
    radial-gradient(
        circle at 12% 120%,
        rgba(251, 89, 110, 0.2),
        transparent 45%
      )
      padding-box,
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%)
      padding-box,
    linear-gradient(120deg, #fb596e, #ff8fa0, #fb596e) border-box !important;
  box-shadow:
    0 0 0 5px rgba(251, 89, 110, 0.14),
    0 18px 34px -20px rgba(216, 51, 79, 0.7) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions:not(.stw-none) {
  position: relative !important;
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .st-btn--only-icon:not(.stw-doc-more):not(.stw-none) {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 0 !important;
  margin-top: -20px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* The old row divider after Generate sat 14px out, on top of the "..." ring;
   the web row has only Generate and "...", so no divider. */
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .st-doc-generate-btn:not(.stw-none)::after {
  content: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more:not(.stw-none) {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more[aria-expanded='true']:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more
  .icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-controls-stats
  > .st-doc-controls-stat:nth-child(2):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-search-field.st-search-field--documents:not(.stw-none) {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-search-field.st-search-field--documents
  .search-field__icon:not(.stw-none) {
  top: 50% !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-controls-stats:not(.stw-none) {
  align-items: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-controls-stats
  > .st-doc-controls-stat:not(.stw-none) {
  height: 40px !important;
  min-height: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--flashcards
    .st-fc-card.stw-fc-card
    .st-fc-card-inner {
    transition: none !important;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-action
  .icon,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-action
  i,
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-action
  .icon,
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-card-action
  i {
  color: inherit !important;
  transition: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage:not(.stw-none) {
  perspective: 1400px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible:not(.stw-none) {
  animation: stw-card-flip-a 420ms cubic-bezier(0.2, 0.7, 0.3, 1) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible):not(.stw-none) {
  animation: stw-card-flip-b 420ms cubic-bezier(0.2, 0.7, 0.3, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-stage
    .st-fs-card:not(.stw-none) {
    animation: none !important;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none) {
  position: relative !important;
  min-height: 320px !important;
  padding: 12px 22px 18px !important;
  border: 1px solid #efe2e0 !important;
  border-radius: 18px !important;
  color: #2b1d20 !important;
  background-color: #fffdfa !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 63px,
      rgba(251, 89, 110, 0.55) 63px,
      rgba(251, 89, 110, 0.55) 65px,
      transparent 65px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 27px,
      rgba(120, 150, 200, 0.07) 27px,
      rgba(120, 150, 200, 0.07) 28px
    ) !important;
  background-position:
    0 0,
    0 76px !important;
  background-size:
    100% 100%,
    100% 100% !important;
  background-repeat: no-repeat, repeat !important;
  box-shadow:
    8px 8px 0 -1px #f6e7e9,
    8px 8px 0 0 #ecd6da,
    0 16px 28px -18px rgba(90, 40, 50, 0.45) !important;
  text-align: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible:not(.stw-none) {
  border-color: #c42f48 !important;
  color: #ffffff !important;
  background-color: #c42f48 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 63px,
      rgba(255, 255, 255, 0.35) 63px,
      rgba(255, 255, 255, 0.35) 64px,
      transparent 64px
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 255, 255, 0.2),
      transparent 55%
    ) !important;
  background-position:
    0 0,
    0 0 !important;
  background-repeat: no-repeat !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-deck-back:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta:not(.stw-none) {
  height: 44px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face:not(.stw-none) {
  position: absolute !important;
  top: 12px !important;
  inset-inline-start: 50% !important;
  height: 44px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  translate: -50% 0 !important;
  pointer-events: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face-label:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face-label:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-face-label:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-face-label:not(.stw-none) {
  color: #c42f48 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-face-label:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-face-label:not(.stw-none) {
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-question:not(.stw-none) {
  justify-content: center !important;
  align-items: center !important;
  min-height: 190px !important;
  padding: 18px 12px 8px !important;
  text-align: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-question
  > p:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-question
  > :is(h1, h2, h3, div):not(.stw-none) {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  color: #2b1d20 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-question
  > p:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-question
  > :is(h1, h2, h3, div):not(.stw-none) {
  font-weight: 600 !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-hint:not(.stw-none) {
  font-size: 12px !important;
  color: #8a6f74 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-hint:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-hint
  .icon {
  color: rgba(255, 255, 255, 0.92) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-meta
  .st-btn.st-fs-end-session-btn:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-meta
  .st-citation-btn--flash:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-meta
  .st-fs-menu-btn:not(.stw-none) {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-meta-right
  > span:not([class]),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta-right
  > span:not([class]) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta-right
  > span:not([class]) {
  color: #6f5d61 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-card-meta-right
  > span:not([class]) {
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:not(.stw-none) {
  position: relative !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:not(.stw-none) {
  height: 86px !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 8px 10px 26px !important;
  border-width: 2px !important;
  border-bottom-width: 5px !important;
  border-style: solid !important;
  border-radius: 20px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition:
    filter 0.15s ease,
    background-color 0.15s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:active:not(.stw-none) {
  transform: none !important;
  filter: saturate(1.25) brightness(0.97) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn
  .st-fs-rating-icon:not(.stw-none) {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col
  > p:not(.stw-none) {
  position: absolute !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  bottom: 13px !important;
  margin: 0 !important;
  justify-content: center !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col
  > p
  .icon {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--again:not(.stw-none) {
  border-color: #fecdd3 #fecdd3 #f59bab !important;
  box-shadow: 0 10px 18px -14px rgba(190, 18, 60, 0.7) !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--hard:not(.stw-none) {
  border-color: #fde1a8 #fde1a8 #f3c060 !important;
  box-shadow: 0 10px 18px -14px rgba(154, 74, 7, 0.7) !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--good:not(.stw-none) {
  border-color: #bae6fd #bae6fd #6cc3f0 !important;
  box-shadow: 0 10px 18px -14px rgba(7, 89, 133, 0.7) !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--easy:not(.stw-none) {
  border-color: #bbf7d0 #bbf7d0 #6fd99a !important;
  box-shadow: 0 10px 18px -14px rgba(22, 101, 52, 0.7) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--again)
  > p:not(.stw-none) {
  color: #be123c !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--hard)
  > p:not(.stw-none) {
  color: #9a4a07 !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--good)
  > p:not(.stw-none) {
  color: #075985 !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--easy)
  > p:not(.stw-none) {
  color: #166534 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn
  .st-fs-rating-icon:not(.stw-none) {
  background: rgba(255, 255, 255, 0.1) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--again)
  > p:not(.stw-none) {
  color: #fda4af !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--hard)
  > p:not(.stw-none) {
  color: #fcd34d !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--good)
  > p:not(.stw-none) {
  color: #7dd3fc !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col:has(.st-fs-rating-btn--easy)
  > p:not(.stw-none) {
  color: #86efac !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta
  .st-btn.st-fs-end-session-btn:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta
  .st-citation-btn--flash:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta
  .st-fs-menu-btn:not(.stw-none) {
  background: #ffffff !important;
  border-color: #efe2e0 !important;
  color: #2b1d20 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta
  .st-citation-btn--flash:not(.stw-none) {
  color: #c42f48 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta-right
  > span:not([class]) {
  border: 0 !important;
  background: transparent !important;
  color: #6f5d61 !important;
}

body:not([data-mobile]) .stw-backbar > .st-fs-end-session-btn {
  margin-inline-start: auto !important;
  height: 36px !important;
  min-height: 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  color: var(--stw-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile]) .stw-backbar > .st-fs-end-session-btn .icon {
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta:not(.stw-none) {
  justify-content: flex-start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta
  .st-fs-card-meta-right:not(.stw-none) {
  flex: 1 1 auto !important;
  width: 100% !important;
  justify-content: flex-start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta
  .st-fs-menu-btn:not(.stw-none) {
  margin-inline-start: auto !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-citation-btn--flash[hidden]:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-citation-btn--flash:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card.st-fs-card--answer-visible
  .st-citation-btn--flash:not([hidden]):not(.stw-none) {
  position: absolute !important;
  inset-inline-start: 50% !important;
  bottom: 56px !important;
  translate: -50% 0 !important;
  z-index: 2 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-face-label
  .st-fs-card-face-label-text:not(.stw-none) {
  font-family: 'Caveat', 'Plus Jakarta Sans', cursive !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-meta-right
  > span:not([class]) {
  border: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  > .st-fs-cram-progress:not([hidden]):not(.stw-none).st-fs-cram-progress {
  display: none !important;
}

body:not([data-mobile]) .stw-backbar__count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-inline-start: -4px;
  font-size: 15px;
  font-weight: 700;
  color: var(--stw-soft);
  white-space: nowrap;
}

body:not([data-mobile]) .stw-backbar__count::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--stw-line-strong);
}

body:not([data-mobile]) .stw-backbar__count[hidden] {
  display: none;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:not(.stw-none) {
  position: relative !important;
  overflow: hidden !important;
  padding: 14px 18px !important;
  gap: 12px !important;
  border-width: 1px !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 26px -22px rgba(90, 40, 50, 0.55) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(1):not(.stw-none) {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--stw-t4-bg) 100%
  ) !important;
  border-color: #cfe0fb !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(2):not(.stw-none) {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--stw-t0-bg) 100%
  ) !important;
  border-color: #f6c9d1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(3):not(.stw-none) {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--stw-t3-bg) 100%
  ) !important;
  border-color: #bfe8df !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(1):not(.stw-none) {
  background: linear-gradient(
    135deg,
    var(--stw-card) 0%,
    var(--stw-t4-bg) 100%
  ) !important;
  border-color: rgba(45, 127, 249, 0.3) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(2):not(.stw-none) {
  background: linear-gradient(
    135deg,
    var(--stw-card) 0%,
    var(--stw-t0-bg) 100%
  ) !important;
  border-color: rgba(251, 89, 110, 0.3) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(3):not(.stw-none) {
  background: linear-gradient(
    135deg,
    var(--stw-card) 0%,
    var(--stw-t3-bg) 100%
  ) !important;
  border-color: rgba(15, 179, 154, 0.3) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-dot:not(.stw-none) {
  width: 12px !important;
  height: 12px !important;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.85) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-dot:not(.stw-none) {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.08) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-count:not(.stw-none) {
  font-size: 26px !important;
  letter-spacing: -0.5px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-count:not(.stw-none) {
  color: #2458a6 !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-count:not(.stw-none) {
  color: #b22a43 !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-count:not(.stw-none) {
  color: #0a6b5c !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-count:not(.stw-none) {
  color: var(--stw-t4-fg) !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-count:not(.stw-none) {
  color: var(--stw-t0-fg) !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-count:not(.stw-none) {
  color: var(--stw-t3-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:not(.stw-none) {
  padding-inline-end: 84px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card
  > * {
  position: relative !important;
  z-index: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card::before {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset-block: auto -8px !important;
  inset-inline: auto 14px !important;
  z-index: 0 !important;
  width: 58px !important;
  height: 58px !important;
  background: url('/assets/img/loo-wave.webp') center bottom / contain no-repeat !important;
  pointer-events: none !important;
  transform: rotate(-6deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(2)::after {
  background-image: url('/assets/img/loo-halfway.webp') !important;
  transform: rotate(4deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stats
  .st-fs-stat-card:nth-child(3)::after {
  background-image: url('/assets/img/loo-proud.webp') !important;
  transform: rotate(-3deg) !important;
}

@keyframes stw-answer-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-actions-row:not(.stw-none) {
  transition: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-answer-panel.is-open:not(.stw-none) {
  flex: 1 1 100% !important;
  max-height: none !important;
  padding-block: 6px !important;
  padding-inline: 14px 6px !important;
  align-items: center !important;
  border: 1.5px solid var(--stw-coral) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 22px -16px rgba(216, 51, 79, 0.6) !important;
  transform-origin: center bottom !important;
  animation: stw-answer-in 240ms cubic-bezier(0.2, 0.8, 0.3, 1) both !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-answer-panel.is-open
  .st-fs-card-answer-input:not(.stw-none) {
  min-height: 40px !important;
  max-height: 120px !important;
  height: 40px !important;
  padding: 10px 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  resize: none !important;
  font-size: 15px !important;
  color: #2b1d20 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-answer-panel.is-open
  .st-fs-card-answer-btn--send:not(.stw-none) {
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-actions-row--input-open
  .st-fs-card-action-btn--keyboard:not(.stw-none) {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-card
    .st-fs-card-answer-panel.is-open:not(.stw-none) {
    animation: none !important;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none) {
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  > *:not(.stw-none) {
  flex-shrink: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-card-question:not(.stw-none) {
  flex: 1 1 auto !important;
  flex-shrink: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 12px 12px 6px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-card-question
  > p:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-card-question
  > :is(h1, h2, h3, div):not(.stw-none) {
  margin-top: auto !important;
  margin-bottom: auto !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-user-answer:not([hidden]):not(.stw-none) {
  flex: 0 0 auto !important;
  margin: 4px 0 8px !important;
  padding: 8px 14px !important;
  border-radius: 14px !important;
  text-align: start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-user-answer
  .st-fs-user-answer-label:not(.stw-none) {
  margin: 0 0 2px !important;
  font-size: 11px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-user-answer
  .st-fs-user-answer-value:not(.stw-none) {
  margin: 0 !important;
  max-height: 44px !important;
  overflow-y: auto !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-card-actions-row:not(.stw-none) {
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card
  .st-fs-card-hint:not(.stw-none) {
  margin-top: auto !important;
  padding-top: 6px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-user-answer:not([hidden]):not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-user-answer:not([hidden]):not(.stw-none) {
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-user-answer
  .st-fs-user-answer-label:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-user-answer
  .st-fs-user-answer-label:not(.stw-none) {
  color: rgba(255, 255, 255, 0.78) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-user-answer
  .st-fs-user-answer-value:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card.st-fs-card--answer-visible
  .st-fs-user-answer
  .st-fs-user-answer-value:not(.stw-none) {
  color: #ffffff !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none) {
  box-shadow:
    8px 8px 0 -1px #3a2a2e,
    8px 8px 0 0 #4a3439,
    0 18px 30px -18px rgba(0, 0, 0, 0.7) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:not(.stw-none) {
  border-width: 1px !important;
  border-bottom-width: 3px !important;
  box-shadow: none !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--again:not(.stw-none) {
  background: rgba(244, 63, 94, 0.1) !important;
  border-color: rgba(244, 63, 94, 0.28) rgba(244, 63, 94, 0.28)
    rgba(244, 63, 94, 0.45) !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--hard:not(.stw-none) {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.28) rgba(245, 158, 11, 0.28)
    rgba(245, 158, 11, 0.45) !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--good:not(.stw-none) {
  background: rgba(14, 165, 233, 0.1) !important;
  border-color: rgba(14, 165, 233, 0.28) rgba(14, 165, 233, 0.28)
    rgba(14, 165, 233, 0.45) !important;
}
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn.st-fs-rating-btn--easy:not(.stw-none) {
  background: rgba(34, 197, 94, 0.1) !important;
  border-color: rgba(34, 197, 94, 0.28) rgba(34, 197, 94, 0.28)
    rgba(34, 197, 94, 0.45) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:hover:not(.stw-none) {
  filter: brightness(1.15) !important;
}

body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards) .stw-backbar {
  max-width: 860px;
  flex-wrap: wrap;
  row-gap: 10px;
  margin: 22px auto 16px;
}

html body:not([data-mobile]) .stw-backbar > .st-fs-stats:not(.stw-none) {
  margin-block: 0 !important;
  margin-inline: auto 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:not(.stw-none) {
  position: static !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: 34px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 10px 12px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card::before,
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-top:not(.stw-none) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-dot:not(.stw-none) {
  width: 8px !important;
  height: 8px !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-count:not(.stw-none) {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-label:not(.stw-none) {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-count {
  color: #2458a6 !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-count {
  color: #b22a43 !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-count {
  color: #0a6b5c !important;
}
html
  body.theme-dark:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-count {
  color: var(--stw-t4-fg) !important;
}
html
  body.theme-dark:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-count {
  color: var(--stw-t0-fg) !important;
}
html
  body.theme-dark:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-count {
  color: var(--stw-t3-fg) !important;
}

body:not([data-mobile]) .stw-backbar > .st-fs-stats + .st-fs-end-session-btn {
  margin-inline-start: 4px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards:not(.stw-none) {
  max-width: 860px !important;
  gap: 14px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage:not(.stw-none) {
  margin: 0 !important;
  padding: 0 0 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none) {
  height: clamp(250px, calc(100vh - 420px), 400px) !important;
  min-height: 250px !important;
  max-height: 400px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden]):not(
    .stw-none
  ) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-prompt:not(.stw-none) {
  margin: 0 !important;
  font-size: 13.5px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn:not(.stw-none) {
  height: 74px !important;
  padding: 6px 10px 22px !important;
  gap: 2px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-btn
  .st-fs-rating-icon:not(.stw-none) {
  width: 24px !important;
  height: 24px !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col
  > p:not(.stw-none) {
  bottom: 10px !important;
}

@media (max-width: 860px) {
  html body:not([data-mobile]) .stw-backbar > .st-fs-stats:not(.stw-none) {
    order: 5 !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
  }

  html
    body:not([data-mobile])
    .stw-backbar
    > .st-fs-stats
    .st-fs-stat-card:not(.stw-none) {
    flex: 1 1 0 !important;
    justify-content: center !important;
  }
}

@media (max-width: 599px) {
  html
    body:not([data-mobile])
    .stw-backbar
    > .st-fs-stats
    .st-fs-stat-card
    .st-fs-stat-label:not(.stw-none) {
    display: none !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-stage
    .st-fs-card:not(.stw-none),
  html
    body.theme-dark:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-stage
    .st-fs-card:not(.stw-none) {
    height: clamp(220px, calc(100vh - 540px), 360px) !important;
    min-height: 220px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-rating-grid
    .st-fs-rating-btn:not(.stw-none) {
    height: 62px !important;
  }

  body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards) .stw-backbar {
    margin-top: 14px;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-user-answer
  .st-fs-user-answer-label {
  display: none !important;
}

@keyframes stw-rate-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden])
  > * {
  animation: stw-rate-in 320ms cubic-bezier(0.2, 0.8, 0.3, 1) both !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden])
  > :nth-child(2) {
  animation-delay: 40ms !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden])
  > :nth-child(3) {
  animation-delay: 80ms !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden])
  > :nth-child(4) {
  animation-delay: 120ms !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden])
  > :nth-child(5) {
  animation-delay: 160ms !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(1):not(.stw-none) {
  background: var(--stw-t4-bg) !important;
  border-color: transparent !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(2):not(.stw-none) {
  background: var(--stw-t0-bg) !important;
  border-color: transparent !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(3):not(.stw-none) {
  background: var(--stw-t3-bg) !important;
  border-color: transparent !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card
  .st-fs-stat-dot:not(.stw-none) {
  display: inline-block !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-dot {
  background: #2d7ff9 !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-dot {
  background: var(--stw-coral) !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-dot {
  background: #0f9d7a !important;
}

html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-label {
  color: #2458a6 !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-label {
  color: #b22a43 !important;
}
html
  body:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-label {
  color: #0a6b5c !important;
}
html
  body.theme-dark:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(1)
  .st-fs-stat-label {
  color: var(--stw-t4-fg) !important;
}
html
  body.theme-dark:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(2)
  .st-fs-stat-label {
  color: var(--stw-t0-fg) !important;
}
html
  body.theme-dark:not([data-mobile])
  .stw-backbar
  > .st-fs-stats
  .st-fs-stat-card:nth-child(3)
  .st-fs-stat-label {
  color: var(--stw-t3-fg) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible):not(.stw-none) {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f6eef0 !important;
  background-color: #2b2225 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 63px,
      rgba(251, 89, 110, 0.5) 63px,
      rgba(251, 89, 110, 0.5) 65px,
      transparent 65px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 27px,
      rgba(255, 255, 255, 0.035) 27px,
      rgba(255, 255, 255, 0.035) 28px
    ) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-question
  > p:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-question
  > :is(h1, h2, h3, div):not(.stw-none) {
  color: #f6eef0 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-face-label:not(.stw-none) {
  color: #ff8b9b !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-hint:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta-right
  > span:not([class]) {
  color: #c9b6ba !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card:not(.st-fs-card--answer-visible)
  .st-fs-card-meta
  .st-fs-menu-btn:not(.stw-none) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f6eef0 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-answer-panel.is-open:not(.stw-none) {
  background: #231b1e !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-card
  .st-fs-card-answer-panel.is-open
  .st-fs-card-answer-input:not(.stw-none) {
  color: #f6eef0 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--front {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background-color: #2b2225 !important;
  background-image:
    linear-gradient(
      180deg,
      transparent 37px,
      rgba(251, 89, 110, 0.5) 37px,
      rgba(251, 89, 110, 0.5) 39px,
      transparent 39px
    ),
    linear-gradient(#2b2225, #2b2225),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 27px,
      rgba(255, 255, 255, 0.035) 27px,
      rgba(255, 255, 255, 0.035) 28px
    ) !important;
  color: #f6eef0 !important;
  box-shadow:
    6px 6px 0 -1px #3a2a2e,
    6px 6px 0 0 #4a3439,
    0 10px 18px -12px rgba(0, 0, 0, 0.6) !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--front
  h3 {
  color: #f6eef0 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--front
  .st-fc-card-status,
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--front
  .st-fc-card-flip-hint {
  color: #c9b6ba !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--flashcards
  .st-fc-card.stw-fc-card
  .st-fc-face--back {
  box-shadow:
    6px 6px 0 -1px #3a2a2e,
    6px 6px 0 0 #4a3439,
    0 10px 18px -12px rgba(0, 0, 0, 0.6) !important;
}

@keyframes stw-next-card {
  from {
    opacity: 0;
    transform: translateX(28px) rotate(1deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage:not(.stw-none).st-fs-stage {
  position: relative !important;
  overflow: visible !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage.stw-next
  .st-fs-card:not(.stw-none) {
  animation: stw-next-card 360ms cubic-bezier(0.2, 0.8, 0.3, 1) both !important;
}

@keyframes stw-cheer {
  0% {
    opacity: 0;
    transform: translate(-50%, 10px) scale(0.9);
  }
  15% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
  80% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -8px) scale(0.98);
  }
}

body:not([data-mobile]) .stw-cheer {
  position: absolute;
  inset-inline-start: 50%;
  top: calc(100% + 18px);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-block: 8px;
  padding-inline: 8px 16px;
  border-radius: 999px;
  background: var(--stw-card);
  border: 1px solid var(--stw-line-strong);
  box-shadow: 0 16px 30px -18px rgba(90, 30, 45, 0.6);
  font-size: 14px;
  font-weight: 800;
  color: var(--stw-ink);
  white-space: nowrap;
  pointer-events: none;
  animation: stw-cheer 1500ms ease both;
}

body:not([data-mobile]) .stw-cheer__loo {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

body:not([data-mobile]) .stw-cheer--easy {
  border-color: #bbf7d0;
}
body:not([data-mobile]) .stw-cheer--good {
  border-color: #bae6fd;
}
body:not([data-mobile]) .stw-cheer--hard {
  border-color: #fde1a8;
}
body:not([data-mobile]) .stw-cheer--again {
  border-color: #fecdd3;
}

body:not([data-mobile]) .stw-spark {
  position: absolute;
  z-index: 4;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  pointer-events: none;
  animation: stw-spark 700ms cubic-bezier(0.2, 0.7, 0.3, 1) forwards;
}

@keyframes stw-spark {
  from {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg);
  }
  to {
    opacity: 0;
    transform: translate(var(--dx), var(--dy)) rotate(200deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-rating-grid
    > *,
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-stage.stw-next
    .st-fs-card:not(.stw-none) {
    animation: none !important;
  }

  body:not([data-mobile]) .stw-spark {
    display: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  > .st-fs-stats:not(.stw-none).st-fs-stats {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container:has(> .st-fs-board.st-pane--flashcards):not(
    .stw-none
  ) {
  overflow: visible !important;
}

body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards) .stw-backbar {
  min-height: 36px;
}

body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards):not(
    .stw-session-ready
  )
  .stw-backbar,
body:not([data-mobile]):not(.stw-session-ready)
  .st-container.st-fs-container
  > .st-fs-board.st-pane--flashcards {
  opacity: 0 !important;
}

body:not([data-mobile]).stw-session-ready .stw-backbar,
body:not([data-mobile]).stw-session-ready
  .st-container.st-fs-container
  > .st-fs-board.st-pane--flashcards {
  opacity: 1;
  transition: opacity 220ms ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage
  .st-fs-card:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-stage:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container:has(> .st-fs-board.st-pane--flashcards):not(
    .stw-none
  ) {
  transition: none !important;
}

html
  body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards[hidden])
  .stw-backbar
  > .st-fs-end-session-btn {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid
  .st-fs-rating-col[hidden] {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board.st-pane--flashcards
  .st-fs-rating-grid.st-fs-rating-grid--cram:not(
    .st-fs-rating-grid--hidden
  ):not([hidden]):not(.stw-none) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  .st-tab-content-controls-select
  .st-fc-deck-select-wrap
  > select:not(.stw-none) {
  height: 54px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 18px 40px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  background-color: var(--stw-card) !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  .st-tab-content-controls-select
  .st-fc-controls-label:not(.stw-none) {
  margin: 0 !important;
}

@media (min-width: 1181px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume.stw-resume--fc:not(.stw-none) {
    height: 76px !important;
    box-sizing: border-box !important;
  }
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .st-cmpl-ring-track {
  stroke: var(--stw-ring-track) !important;
  stroke-width: 10 !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .st-cmpl-ring-fill {
  stroke: #0f9d7a !important;
  stroke-width: 10 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  .st-cmpl-ring-fill {
  stroke: var(--stw-ring-done) !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .st-cmpl-ring-pct {
  font-size: 30px !important;
  letter-spacing: -0.5px !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--stw-ink) !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .st-cmpl-ring-sub {
  margin-top: 2px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #0f9d7a !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  .st-cmpl-ring-sub {
  color: var(--stw-ring-done) !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .st-cmpl-glow {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  .st-cmpl-next:not(.stw-none) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 36px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-cmpl-host
  .st-cmpl
  .st-cmpl-next
  .st-cmpl-next-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: none !important;
}

html body:not([data-mobile]) .st-cmpl-host .st-cmpl .stw-cmpl-loo__img {
  width: 180px !important;
  height: 180px !important;
}

html
  body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards[hidden])
  .stw-backbar
  > .st-fs-stats,
html
  body:not([data-mobile]):has(.st-fs-board.st-pane--flashcards[hidden])
  .stw-backbar
  > .stw-backbar__count {
  display: none !important;
}

html body:not([data-mobile]) .custom-dropdown-panel.stw-scope-panel {
  min-width: 240px !important;
  max-width: 340px !important;
  width: max-content !important;
  padding: 6px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  background: var(--stw-card) !important;
  box-shadow: 0 24px 48px -24px rgba(80, 20, 35, 0.45) !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option {
  min-height: 42px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--stw-ink) !important;
  background: transparent !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option.focused,
html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option:hover {
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option.selected {
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option-content {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-coral) !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option.selected
  .custom-dropdown-option-icon {
  background: var(--stw-card) !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 260px !important;
}

html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option-text.is-truncated,
html
  body:not([data-mobile])
  .custom-dropdown-panel.stw-scope-panel
  .custom-dropdown-option-text
  > span {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  :is(.st-pane-empty.st-fc-first)::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  :is(.st-pane-empty.st-fc-first)::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first:not(.stw-none) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 240px 400px !important;
  grid-template-areas: 'bubble card' 'loo card' 'loo cta' !important;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
  flex: 1 1 100% !important;
  max-width: none !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: 40px !important;
  row-gap: 14px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 36px 28px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 24px !important;
  background: var(--stw-card) !important;
  box-shadow: var(--stw-shadow) !important;
  overflow: visible !important;
  text-align: start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-list:has(> .st-qz-first):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-sum-grid:has(> .st-qz-first):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-pod-list:has(> .st-qz-first):not(.stw-none) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  display: block !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first
  .st-qz-first__stage {
  display: contents !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first
  .st-qz-first__bubble:not(.stw-none) {
  grid-area: bubble !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  justify-self: center !important;
  align-self: end !important;
  max-width: 240px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border: 1px solid var(--stw-line-strong) !important;
  border-radius: 18px !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  box-shadow: 0 10px 20px -16px rgba(120, 30, 50, 0.5) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first
  .st-qz-first__loo:not(.stw-none) {
  grid-area: loo !important;
  position: static !important;
  justify-self: center !important;
  align-self: start !important;
  width: 150px !important;
  height: 150px !important;
  margin: 0 !important;
  transform: none !important;
  object-fit: contain !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first
  .st-qz-first__card:not(.stw-none) {
  grid-area: card !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: rotate(-1.2deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first
  > .st-loo-cta:not(.stw-none) {
  grid-area: cta !important;
  width: 100% !important;
  max-width: none !important;
  margin: 8px 0 0 !important;
}

@media (max-width: 860px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-qz-first:not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'bubble' 'loo' 'card' 'cta' !important;
    padding: 24px 18px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-qz-first
    .st-qz-first__loo:not(.stw-none) {
    width: 110px !important;
    height: 110px !important;
  }
}

html
  html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-first::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row:not(.stw-none) {
  justify-content: space-between !important;
  padding: 10px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 22px !important;
  background: var(--stw-card) !important;
  box-shadow: var(--stw-shadow) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-nav-actions:not([hidden]):not(.stw-none) {
  width: 100% !important;
  justify-content: space-between !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-action-btn--prev:not(.stw-none) {
  height: 48px !important;
  border: 0 !important;
  background: var(--stw-sheet) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-action-btn--prev:disabled:not(.stw-none) {
  opacity: 0.4 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-action-btn--next:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-finish-btn:not(.stw-none) {
  min-width: 190px !important;
  height: 50px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.stw-fb-locked
  .st-quizz-option:not(.stw-none) {
  cursor: default !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.stw-opt-right:not(.stw-none) {
  border-color: #0f9d7a !important;
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.stw-opt-right
  .st-quizz-option-badge:not(.stw-none) {
  background: #0b7a5f !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.stw-opt-wrong:not(.stw-none) {
  border-color: var(--stw-coral-deep) !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.stw-opt-wrong
  .st-quizz-option-badge:not(.stw-none) {
  background: var(--stw-coral-deep) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.stw-fb-right:not(.stw-none) {
  border-color: rgba(15, 157, 122, 0.45) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.stw-fb-wrong:not(.stw-none) {
  border-color: rgba(216, 51, 79, 0.4) !important;
}

@keyframes stw-fb-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

body:not([data-mobile]) .stw-fb {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-block: 10px;
  padding-inline: 10px 16px;
  border-radius: 18px;
  font-size: 15px;
  font-weight: 800;
  animation: stw-fb-in 260ms cubic-bezier(0.2, 0.8, 0.3, 1) both;
}

body:not([data-mobile]) .stw-fb--right {
  background: var(--stw-t3-bg);
  color: var(--stw-t3-fg);
}

body:not([data-mobile]) .stw-fb--wrong {
  background: var(--stw-t0-bg);
  color: var(--stw-t0-fg);
}

body:not([data-mobile]) .stw-fb__loo {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

body:not([data-mobile]) .stw-fb .icon {
  font-size: 18px;
}

@media (prefers-reduced-motion: reduce) {
  body:not([data-mobile]) .stw-fb {
    animation: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row:not(.stw-none) {
  padding: 18px 22px !important;
  gap: 18px !important;
  transition: background-color 0.15s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row:hover:not(.stw-none) {
  background: var(--stw-row-hover) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  > .stw-row-tile:not(.stw-none) {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 16px !important;
  font-size: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-title-row
  h3:not(.stw-none) {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-utility-line:not(.stw-none) {
  font-size: 13px !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-utility-line
  :is(.st-qz-question-count, .st-qz-created-at):not(.stw-none) {
  font-weight: 400 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-type-badges:not(.stw-none) {
  gap: 6px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-type-badges
  .st-qz-type-badge:not(.stw-none) {
  height: 24px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--stw-t1-bg) !important;
  color: var(--stw-t1-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-type-badges
  .st-qz-type-badge:nth-child(2):not(.stw-none) {
  background: var(--stw-t4-bg) !important;
  color: var(--stw-t4-fg) !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-type-badges
  .st-qz-type-badge:nth-child(3):not(.stw-none) {
  background: var(--stw-t2-bg) !important;
  color: var(--stw-t2-fg) !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-type-badges
  .st-qz-type-badge:nth-child(4):not(.stw-none) {
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions:not(.stw-none) {
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  .st-qz-session-info:not(.stw-none) {
  width: 56px !important;
  height: 56px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  .stw-ring:not(.stw-none) {
  width: 56px !important;
  height: 56px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  .stw-ring
  .stw-ring__label:not(.stw-none) {
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  .st-btn--quiz-start:not(.stw-none) {
  height: 44px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  > .st-qz-status-chip:not(.stw-none) {
  flex: 0 0 auto !important;
  order: -1 !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-title-row
  > .st-qz-status-chip:not(.stw-none) {
  visibility: hidden !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode].stw-has-qsegs
  .st-quizz-progress-track:not(.stw-none) {
  display: none !important;
}

body:not([data-mobile]) .stw-qsegs {
  display: flex;
  gap: 6px;
  margin-top: 14px;
}

body:not([data-mobile]) .stw-qseg {
  flex: 1 1 0;
  height: 8px;
  border-radius: 9px;
  background: var(--stw-ring-track);
  transition: background-color 0.2s ease;
}

body:not([data-mobile]) .stw-qseg.is-now {
  background: var(--stw-loo-border);
}

body:not([data-mobile]) .stw-qseg.is-good {
  background: #0f9d7a;
}

body:not([data-mobile]) .stw-qseg.is-bad {
  background: var(--stw-coral);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode].stw-await
  .st-quizz-actions-row
  .st-quizz-action-btn--next:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode].stw-await
  .st-quizz-actions-row
  .st-quizz-finish-btn:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .stw-qcheck:not([hidden]):not(.stw-none) {
  height: 50px !important;
  min-width: 190px !important;
  margin-inline-start: auto !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 26px -16px rgba(216, 51, 79, 0.9) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .stw-qcheck:disabled:not(.stw-none) {
  opacity: 0.45 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .stw-qcheck[hidden] {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option.stw-opt-dim:not(.stw-none) {
  opacity: 0.55 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-blank.stw-right:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-blank.st-quizz-review-input-correct:not(.stw-none) {
  border-style: solid !important;
  border-color: #0f9d7a !important;
  background: var(--stw-t3-bg) !important;
  color: var(--stw-t3-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-blank.stw-wrong:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-blank.st-quizz-review-input-wrong:not(.stw-none) {
  border-style: solid !important;
  border-color: var(--stw-coral-deep) !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-t0-fg) !important;
  text-decoration: line-through !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-row.stw-right
  .st-quizz-combo-slot:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-image-label-answer-row.stw-right:not(.stw-none) {
  border-color: #0f9d7a !important;
  background: var(--stw-t3-bg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-row.stw-wrong
  .st-quizz-combo-slot:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-image-label-answer-row.stw-wrong:not(.stw-none) {
  border-color: var(--stw-coral-deep) !important;
  background: var(--stw-t0-bg) !important;
}

body:not([data-mobile]) .stw-fix {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0 6px;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--stw-t3-bg);
  color: var(--stw-t3-fg);
  font-size: 14px;
  font-weight: 800;
  vertical-align: middle;
}

body:not([data-mobile]) .stw-fb__text b {
  font-weight: 800;
}

body:not([data-mobile]) .stw-fb__text span {
  font-weight: 600;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-action-btn--next:hover:not(:disabled):not(
    .stw-none
  ),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .st-quizz-action-btn.st-quizz-finish-btn:hover:not(:disabled):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row
  .stw-qcheck:hover:not(:disabled):not(.stw-none) {
  color: #ffffff !important;
  filter: brightness(1.05) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode].stw-quiz-guided
  .st-quizz-actions-row
  .st-quizz-nav-actions:not([hidden]):not(.stw-none) {
  flex: 1 1 auto !important;
  justify-content: space-between !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode].stw-quiz-guided:not(.stw-all-done)
  .st-quizz-actions-row
  .st-quizz-finish-btn:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode].stw-quiz-guided.stw-all-done
  .st-quizz-actions-row
  .st-quizz-action-btn--next:not(.stw-none) {
  display: none !important;
}

@keyframes stw-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-10px);
  }
  30% {
    transform: translateX(9px);
  }
  45% {
    transform: translateX(-7px);
  }
  60% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-3px);
  }
}

@keyframes stw-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.018);
  }
  100% {
    transform: scale(1);
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.stw-shake:not(.stw-none) {
  animation: stw-shake 460ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card.stw-pop:not(.stw-none) {
  animation: stw-pop 360ms ease-out both !important;
}

@keyframes stw-flash {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

body:not([data-mobile]) .stw-flash {
  position: fixed;
  inset: 0;
  z-index: 9000;
  pointer-events: none;
  animation: stw-flash 650ms ease-out both;
}

body:not([data-mobile]) .stw-flash--right {
  box-shadow:
    inset 0 0 0 4px rgba(15, 157, 122, 0.55),
    inset 0 0 120px rgba(15, 157, 122, 0.22);
}

body:not([data-mobile]) .stw-flash--wrong {
  box-shadow:
    inset 0 0 0 4px rgba(216, 51, 79, 0.55),
    inset 0 0 120px rgba(216, 51, 79, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card.stw-shake:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card.stw-pop:not(.stw-none) {
    animation: none !important;
  }

  body:not([data-mobile]) .stw-flash {
    display: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-progress-label:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-question
  .st-quizz-fill-blank.st-quizz-fill-blank:not(.stw-none) {
  height: 36px !important;
  margin: 3px 4px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]:not(.stw-none) {
  gap: 14px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card:not(.stw-none) {
  padding: 14px 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-current-question:not(.stw-none) {
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-progress-meta:not(.stw-none) {
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-progress-card
  .st-quizz-view-toggle
  .st-quizz-view-toggle-btn:not(.stw-none) {
  width: 36px !important;
  height: 30px !important;
}

body:not([data-mobile]) .stw-qsegs {
  margin-top: 10px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card:not(.stw-none) {
  position: relative !important;
  padding: 20px 24px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-type-tag:not(.stw-none) {
  margin: 0 0 10px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-citation-btn:not(.st-quizz-hint-btn):not(.stw-none) {
  position: absolute !important;
  top: 18px !important;
  inset-inline-end: 20px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-box
  > p:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-box:not(.stw-none) {
  margin-bottom: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-question-box
  > p:not(.stw-none) {
  font-size: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-question.st-quizz-fill-question:not(.stw-none) {
  font-size: 18px !important;
  line-height: 2.2 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-fill-question
  .st-quizz-fill-blank.st-quizz-fill-blank:not(.stw-none) {
  height: 34px !important;
  margin: 2px 4px !important;
  font-size: 15px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-label:not(.stw-none) {
  margin: 10px 0 6px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-chip:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-combo-chip:not(.stw-none) {
  height: 32px !important;
  font-size: 13.5px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-options
  .st-quizz-option:not(.stw-none) {
  min-height: 50px !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-question-card
  .st-quizz-hint-wrap:not(.stw-none) {
  margin-top: 12px !important;
}

body:not([data-mobile]) .stw-fb {
  margin-top: 12px;
  padding-block: 8px;
  padding-inline: 8px 14px;
  font-size: 14px;
}

body:not([data-mobile]) .stw-fb__loo {
  width: 36px;
  height: 36px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board[data-st-quizz-review-mode]
  .st-quizz-actions-row:not(.stw-none) {
  position: sticky !important;
  bottom: 16px !important;
  z-index: 20 !important;
  padding: 8px !important;
  box-shadow: 0 18px 40px -18px rgba(80, 20, 35, 0.45) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container:has(
    > .st-fs-board[data-st-quizz-review-mode]
  ):not(.stw-none) {
  overflow: visible !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .button.st-btn.stw-loo-btn:hover:not(:disabled):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-create-actions
  > .button-primary.st-btn.stw-loo-btn:hover:not(:disabled):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .button.st-btn.stw-loo-btn:focus-visible:not(.stw-none) {
  background: var(--stw-sheet) !important;
  color: var(--stw-t0-fg) !important;
  border-color: var(--stw-loo-border) !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .button.st-btn.stw-loo-btn:hover:not(:disabled)
  > span:not(.stw-none) {
  color: var(--stw-t0-fg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-actions
  [data-quiz-row-options-trigger]:hover:not(:disabled):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  .st-qz-actions
  [data-quiz-row-options-trigger][aria-expanded='true']:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
  box-shadow: none !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  .stw-ring:not(.stw-none) {
  flex: 0 0 56px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row[data-quiz-status='in_progress']
  .st-qz-actions
  > .st-qz-status-chip:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume:not(.stw-resume--fc):not(.stw-none) {
  gap: 28px !important;
  padding-block: 20px !important;
  padding-inline: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume:not(.stw-resume--fc)
  > .stw-resume__lead:not(.stw-none) {
  flex: 0 0 350px !important;
  align-self: stretch !important;
  padding-inline-end: 24px !important;
  border-inline-end: 1px solid var(--stw-line) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume:not(.stw-resume--fc)
  .stw-status:not(.stw-none) {
  gap: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume:not(.stw-resume--fc)
  .stw-status__col:not(.stw-none) {
  gap: 9px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume:not(.stw-resume--fc)
  .stw-status__seg:not(.stw-none) {
  height: 10px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  > .st-doc-encourage-chip:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell:not(.stw-none) {
  position: relative !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-upload-head:not(.stw-none) {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  padding-inline-end: 340px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-upload-tabs
  > .tab-nav:not(.stw-none) {
  position: absolute !important;
  top: 24px !important;
  inset-inline-end: 24px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:not(.stw-none) {
  border: 2px dashed var(--stw-loo-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(
    180deg,
    var(--stw-card) 0%,
    var(--stw-sheet) 100%
  ) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone.dragover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone.is-dragover:not(.stw-none) {
  border-color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip:not(.stw-none) {
  height: 26px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 7px !important;
  background: var(--stw-card) !important;
  color: var(--stw-muted) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip
  .icon:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip
  i:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .dropzone
  .dropzone-type-chip
  > span:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger)
  .icon:not(.stw-none) {
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.stw-none) {
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:hover:not(:disabled):not(.is-disabled):not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger):hover:not(:disabled):not(
    .is-disabled
  ):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.st-btn--danger):hover:not(:disabled):not(
    .is-disabled
  )
  .icon:not(.stw-none) {
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger
  .icon:not(.stw-none) {
  border-color: #f6c9d1 !important;
  color: #c2253f !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon.is-disabled:not(.stw-none) {
  opacity: 0.45 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--danger
  .icon:not(.stw-none) {
  border-color: rgba(251, 89, 110, 0.4) !important;
  color: #ff9aa9 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  .st-tab-content-controls-buttons
  > .st-btn--only-icon:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  .st-tab-content-controls-buttons
  > button.st-btn:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--quizzes
  .st-qz-list
  > .st-qz-row
  .st-qz-actions
  .st-btn--only-icon:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-row
  [data-quiz-row-options-trigger]:not(.stw-none) {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  .st-tab-content-controls-buttons
  > button.st-btn.st-btn--only-icon[data-flashcard-deck-feedback-trigger]:not(
    .stw-none
  ):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  .st-tab-content-controls-buttons
  > button.st-btn.st-btn--only-icon[data-flashcard-deck-print-trigger]:not(
    .stw-none
  ):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  [data-flashcard-deck-feedback-trigger]:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-resume.stw-resume--fc
  [data-flashcard-deck-print-trigger]:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container:has(> .st-pane.st-pane--podcasts):not(
    .stw-none
  ),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-meta:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-meta-details:not(.stw-none) {
  overflow: visible !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-transcription[hidden]:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top:not(.stw-none) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  grid-template-areas: 'play meta actions' 'player player player' !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 14px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-play-btn:not(.stw-none) {
  grid-area: play !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta:not(.stw-none) {
  grid-area: meta !important;
  display: contents !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta
  > .st-pod-title-row:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta
  > .st-pod-subtitle:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta
  > .st-pod-rename-row:not(.stw-none) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta
  > .st-pod-title-row:not(.stw-none) {
  align-self: start !important;
  margin: 1px 0 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta
  > .st-pod-subtitle:not(.stw-none) {
  align-self: end !important;
  margin: 0 0 1px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top:has(> .st-pod-meta > .st-pod-rename-row:not([hidden]))
  > .st-pod-meta
  > .st-pod-title-row:not(.stw-none) {
  visibility: hidden !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta:not(.stw-none) {
  min-height: 48px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-play-btn:not(.stw-none) {
  grid-row: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-meta
  > .st-pod-meta-details:not(.stw-none) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-row-top
  > .st-pod-actions:not(.stw-none) {
  grid-area: actions !important;
  grid-row: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row:not(.stw-none) {
  min-height: 56px !important;
  margin: 0 !important;
  padding-block: 8px !important;
  padding-inline: 14px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-status-line:not(.stw-none) {
  flex: 0 0 auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-status-line
  > span:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-progress-track:not(.stw-none) {
  flex: 1 1 auto !important;
  height: 6px !important;
  border-radius: 9px !important;
  background: var(--stw-line) !important;
  cursor: pointer !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-speed-group:not(.stw-none) {
  position: relative !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  .st-pod-speed-toggle:not(.stw-none) {
  min-width: 48px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  .st-pod-speed-toggle:hover:not(:disabled):not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  .st-pod-speed-group:has(.st-pod-speed-popup.is-open)
  .st-pod-speed-toggle:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-card) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-volume:not(.stw-none) {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 0 4px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-volume
  .st-pod-volume-btn:not(.stw-none) {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-volume
  .st-pod-volume-btn:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-volume
  .st-pod-volume-btn:hover
  .icon:not(.stw-none) {
  background: var(--stw-card) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-volume
  .st-pod-volume-btn
  .icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-progress-row
  > .st-pod-volume
  .st-pod-volume-slider:not(.stw-none) {
  width: 84px !important;
  height: 4px !important;
  margin: 0 !important;
  accent-color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup:not(.stw-none) {
  top: auto !important;
  bottom: calc(100% + 10px) !important;
  inset-inline-end: -6px !important;
  inset-inline-start: auto !important;
  width: 260px !important;
  padding: 16px !important;
  gap: 12px !important;
  border-radius: 20px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  box-shadow: 0 26px 50px -22px rgba(120, 30, 50, 0.45) !important;
  transform-origin: bottom right !important;
  transform: translateY(6px) scale(0.98) !important;
  z-index: 400 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup.is-open:not(.stw-none) {
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup:not(.stw-none)::after {
  top: auto !important;
  bottom: -7px !important;
  inset-inline-end: 22px !important;
  background: var(--stw-card) !important;
  box-shadow: inset -1px -1px 0 0 var(--stw-line) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__title:not(.stw-none) {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--stw-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__display:not(.stw-none) {
  min-width: 56px !important;
  height: 30px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-coral) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__slider-meta:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__presets-title:not(.stw-none) {
  margin: 0 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--stw-soft) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__presets:not(.stw-none) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__preset:not(.stw-none) {
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 12px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__preset:hover:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__preset.is-active:not(.stw-none) {
  border-color: transparent !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__normal:not(.stw-none) {
  height: 38px !important;
  margin: 2px 0 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-sheet) !important;
  box-shadow: none !important;
  color: var(--stw-coral) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__normal:hover:not(.stw-none) {
  background: var(--stw-t0-bg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-speed-popup
  .st-pod-speed-popup__slider:not(.stw-none) {
  accent-color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-actions
  > .st-btn--only-icon:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-actions
  > .st-pod-transcription-toggle:not(.stw-none) {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row[data-podcast-status='ready']
  .st-pod-status-chip:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row[data-podcast-status='completed']
  .st-pod-status-chip:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--podcasts
  .st-pod-list
  > .st-pod-row
  .st-pod-transcription:not(.stw-none) {
  margin: 14px 0 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  .st-doc-actions
  > .st-btn--only-icon:not(.stw-none) {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-sum-download-btn:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-sum-preview-btn:not(.stw-none) {
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 18px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  box-shadow: 0 10px 20px -12px rgba(216, 51, 79, 0.8) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-sum-preview-btn:not(.stw-none)
  .icon,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-sum-preview-btn:not(.stw-none)
  span {
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-sum-preview-btn:hover:not(:disabled):not(.stw-none) {
  background: var(--stw-grad) !important;
  filter: brightness(1.06) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-sum-preview-btn:disabled:not(.stw-none) {
  opacity: 0.45 !important;
  filter: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-actions
  > .st-btn--only-icon:not(.stw-none) {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='ready']
  .st-sum-status-chip:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row[data-summary-status='completed']
  .st-sum-status-chip:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--summaries
  .st-sum-row
  .st-sum-meta-line-desktop.stw-topics-src:not(.stw-none) {
  display: none !important;
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topics {
  order: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
  min-width: 0;
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topic {
  max-width: 300px;
  height: 26px;
  padding: 0 10px;
  display: inline-block;
  overflow: hidden;
  border-radius: 999px;
  background: var(--stw-t2-bg);
  color: var(--stw-t2-fg);
  font-size: 13px;
  font-weight: 600;
  line-height: 26px;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topic:nth-child(3n + 2) {
  background: var(--stw-t3-bg);
  color: var(--stw-t3-fg);
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topic:nth-child(3n) {
  background: var(--stw-t4-bg);
  color: var(--stw-t4-fg);
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topic--more.stw-sum-topic {
  background: var(--stw-sheet);
  color: var(--stw-muted);
  border: 1px solid var(--stw-line);
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topic__text {
  display: inline;
}

body:not([data-mobile]) .st-pane--summaries .stw-sum-topic.is-cut:hover {
  text-overflow: clip;
}

body:not([data-mobile])
  .st-pane--summaries
  .stw-sum-topic.is-cut:hover
  .stw-sum-topic__text {
  display: inline-block;
  animation: stw-topic-run var(--stw-run-time, 3s) ease-in-out 0.35s infinite
    alternate both;
}

@keyframes stw-topic-run {
  0%,
  12% {
    transform: translateX(0);
  }
  88%,
  100% {
    transform: translateX(var(--stw-run, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not([data-mobile])
    .st-pane--summaries
    .stw-sum-topic.is-cut:hover
    .stw-sum-topic__text {
    animation: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell:not(.stw-none) {
  padding: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-upload-head:not(.stw-none) {
  min-height: 40px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-upload-tabs
  > .tab-nav:not(.stw-none) {
  top: 16px !important;
  inset-inline-end: 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-upload-tabs:not(.stw-none) {
  margin-top: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:not(.stw-none) {
  min-height: 0 !important;
  grid-template-columns: 52px auto minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  justify-content: stretch !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  padding-block: 14px !important;
  padding-inline: 14px 16px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-icon:not(.stw-none) {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  font-size: 22px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-text:not(.stw-none) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-limits:not(.stw-none) {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: start !important;
  padding-bottom: 1px !important;
  font-size: 13px !important;
  color: var(--stw-soft) !important;
  white-space: nowrap !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-type-chips:not(.stw-none) {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: start !important;
  max-width: none !important;
  gap: 5px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-type-chips
  .dropzone-type-chip:not(.stw-none) {
  height: 22px !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-browse-btn:not(.stw-none) {
  grid-column: 4 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  height: 44px !important;
  padding: 0 20px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-debug-btn:not(.stw-none) {
  margin: 10px 0 0 !important;
  height: 32px !important;
  font-size: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:not(.stw-none) {
  position: relative !important;
  overflow: hidden !important;
  padding-inline-start: 18px !important;
  grid-template-columns: 72px auto minmax(0, 1fr) auto !important;
  background:
    radial-gradient(
      circle at 12% 120%,
      rgba(251, 89, 110, 0.14),
      transparent 42%
    ),
    radial-gradient(
      circle at 92% -30%,
      rgba(251, 89, 110, 0.08),
      transparent 40%
    ),
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%) !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.25s ease,
    background-color 0.2s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:not(.stw-none)::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background-image: radial-gradient(
    rgba(251, 89, 110, 0.22) 1.2px,
    transparent 1.4px
  ) !important;
  background-size: 16px 16px !important;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 20%,
    #000 70%
  ) !important;
  mask-image: linear-gradient(90deg, transparent 20%, #000 70%) !important;
  opacity: 0.55 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > *:not(.stw-none) {
  position: relative !important;
  z-index: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-icon:not(.stw-none) {
  width: 68px !important;
  height: 68px !important;
  margin: -6px 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: url('/assets/img/loo-upload.webp') center / contain no-repeat !important;
  filter: drop-shadow(0 10px 12px rgba(216, 51, 79, 0.28)) !important;
  transform-origin: 50% 90% !important;
  animation: stw-loo-float 3.6s ease-in-out infinite !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone
  > .dropzone-icon
  > .icon:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over:not(.stw-none) {
  transform: none !important;
  border-style: solid !important;
  border-color: var(--stw-coral) !important;
  box-shadow:
    0 0 0 5px rgba(251, 89, 110, 0.14),
    0 18px 34px -20px rgba(216, 51, 79, 0.7) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over:not(.stw-none)::before {
  opacity: 1 !important;
  animation: stw-drop-dots 1.2s linear infinite !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over
  > .dropzone-icon:not(.stw-none) {
  animation: stw-loo-catch 0.7s ease-in-out infinite !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over
  > .dropzone-text[data-stw-drop]:not(.stw-none) {
  font-size: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over
  > .dropzone-text[data-stw-drop]:not(.stw-none)::after {
  content: attr(data-stw-drop) !important;
  font-size: 15.5px !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.dropzone-uploading
  > .dropzone-icon:not(.stw-none) {
  animation: stw-loo-catch 1.1s ease-in-out infinite !important;
}

@keyframes stw-loo-float {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-4px) rotate(-3deg);
  }
}

@keyframes stw-loo-catch {
  0%,
  100% {
    transform: translateY(0) scale(1.08) rotate(-6deg);
  }
  50% {
    transform: translateY(-7px) scale(1.14) rotate(6deg);
  }
}

@keyframes stw-drop-dots {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 16px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--anki
    .st-doc-upload-shell
    #anki-page-dropzone.dropzone
    > .dropzone-icon:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--anki
    .st-doc-upload-shell
    #anki-page-dropzone.dropzone.drag-over
    > .dropzone-icon:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--anki
    .st-doc-upload-shell
    #anki-page-dropzone.dropzone.drag-over:not(.stw-none)::before {
    animation: none !important;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:not(.stw-none) {
  border: 1.5px solid transparent !important;
  border-radius: 20px !important;
  padding-block: 12px !important;
  padding-inline: 12px !important;
  background:
    radial-gradient(
        circle at 12% 120%,
        rgba(251, 89, 110, 0.12),
        transparent 42%
      )
      padding-box,
    radial-gradient(
        circle at 92% -30%,
        rgba(251, 89, 110, 0.08),
        transparent 40%
      )
      padding-box,
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%)
      padding-box,
    linear-gradient(120deg, #ffb3bf 0%, #ffd3da 50%, #ff9aab 100%) border-box !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:not(.stw-none) {
  background:
    radial-gradient(
        circle at 12% 120%,
        rgba(251, 89, 110, 0.14),
        transparent 42%
      )
      padding-box,
    radial-gradient(
        circle at 92% -30%,
        rgba(251, 89, 110, 0.06),
        transparent 40%
      )
      padding-box,
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%)
      padding-box,
    linear-gradient(
        120deg,
        rgba(251, 89, 110, 0.55) 0%,
        rgba(251, 89, 110, 0.3) 50%,
        rgba(251, 89, 110, 0.5) 100%
      )
      border-box !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone:hover:not(.stw-none) {
  box-shadow:
    0 0 0 4px rgba(251, 89, 110, 0.08),
    0 14px 28px -20px rgba(216, 51, 79, 0.6) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over:not(.stw-none),
html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  #anki-page-dropzone.dropzone.drag-over:not(.stw-none) {
  background:
    radial-gradient(
        circle at 12% 120%,
        rgba(251, 89, 110, 0.2),
        transparent 45%
      )
      padding-box,
    linear-gradient(180deg, var(--stw-card) 0%, var(--stw-sheet) 100%)
      padding-box,
    linear-gradient(120deg, #fb596e, #ff8fa0, #fb596e) border-box !important;
  box-shadow:
    0 0 0 5px rgba(251, 89, 110, 0.14),
    0 18px 34px -20px rgba(216, 51, 79, 0.7) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  > .st-doc-actions.stw-doc-actions:not(.stw-none) {
  position: relative !important;
  gap: 10px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .st-btn--only-icon:not(.stw-doc-more):not(.stw-none) {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 0 !important;
  margin-top: -20px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more:not(.stw-none) {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more:hover:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more[aria-expanded='true']:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-row
  > .st-doc-actions.stw-doc-actions
  > .stw-doc-more
  .icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-controls-stats
  > .st-doc-controls-stat:nth-child(2):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-search-field.st-search-field--documents:not(.stw-none) {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-search-field.st-search-field--documents
  .search-field__icon:not(.stw-none) {
  top: 50% !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-controls-stats:not(.stw-none) {
  align-items: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-controls-stats
  > .st-doc-controls-stat:not(.stw-none) {
  height: 40px !important;
  min-height: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav:not(.stw-none) {
  width: max-content !important;
  margin: 0 0 16px !important;
  padding: 5px !important;
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  > li:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button:not(.stw-none) {
  height: 40px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button:hover:not(.active):not(.stw-none) {
  background: var(--stw-sheet) !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button.active:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button[aria-selected='true']:not(.stw-none) {
  background: var(--primary-fill) !important;
  color: var(--on-cta, #ffffff) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button
  .icon:not(.stw-none) {
  color: inherit !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-section:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-side-stack
  > .st-dashboard-section:not(.stw-none) {
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-head:not(.stw-none) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-head
  .st-card-title:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-title-wrap:not(.stw-none) {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-meta:not(.stw-none) {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  .st-panel-kpi-label:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions:not(.stw-none) {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled:not(.stw-none) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 1.7fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-block: 14px !important;
  padding-inline: 14px 20px !important;
  overflow: hidden !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 20px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html
    body:not([data-mobile])
    .stw-dash-tabs
    .tab-panel
    .st-dashboard-subjects
    .st-panel-subject-grid
    > .st-panel-subject-card.st-panel-subject-card--filled:not(.stw-none) {
    padding: 16px !important;
  }
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled:not(
    .stw-none
  )::before {
  display: none !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled:not(.stw-none)::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled:hover:not(.stw-none) {
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  > .st-panel-subject-header:not(.stw-none) {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 6px 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-donut:not(.stw-none) {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-donut
  .st-panel-donut-value:not(.stw-none) {
  font-size: 13px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-name:not(.stw-none) {
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-kicker:not(.stw-none) {
  margin: 2px 0 0 !important;
  font-size: 13px !important;
  letter-spacing: normal !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  > .st-panel-subject-metrics:not(.stw-none) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric-head:not(.stw-none) {
  margin: 0 !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric-label:not(.stw-none) {
  color: var(--stw-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric-value:not(.stw-none) {
  color: var(--stw-ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric-track:not(.stw-none) {
  height: 6px !important;
  border-radius: 9px !important;
  background: var(--stw-line) !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric-fill:not(.stw-none) {
  border-radius: 9px !important;
  background: var(--subject-progress, var(--stw-coral)) !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-metric-fill--secondary:not(.stw-none) {
  opacity: 0.6 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  > .st-panel-subject-footer:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-dashboard-subjects
  .st-panel-subject-grid
  > .st-panel-subject-card.st-panel-subject-card--filled
  .st-panel-subject-meta:not(.stw-none) {
  height: 30px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  color: var(--stw-ink) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-panel-list[data-dashboard-activity-list]:not(.stw-none),
html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  [data-dashboard-suggestion-list]:not(.stw-none) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  .st-panel-list[data-dashboard-activity-list]
  > li:not(.stw-none),
html
  body:not([data-mobile])
  .stw-dash-tabs
  .tab-panel
  [data-dashboard-suggestion-list]
  > li:not(.stw-none) {
  margin: 0 !important;
}

@media (max-width: 900px) {
  html
    body:not([data-mobile])
    .stw-dash-tabs
    .tab-panel
    .st-dashboard-subjects
    .st-panel-subject-grid
    > .st-panel-subject-card.st-panel-subject-card--filled:not(.stw-none) {
    grid-template-columns: 1fr auto !important;
    row-gap: 12px !important;
  }

  html
    body:not([data-mobile])
    .stw-dash-tabs
    .tab-panel
    .st-dashboard-subjects
    .st-panel-subject-grid
    > .st-panel-subject-card.st-panel-subject-card--filled
    > .st-panel-subject-metrics:not(.stw-none) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  html
    body:not([data-mobile])
    .stw-dash-tabs
    .tab-panel
    .st-panel-list[data-dashboard-activity-list]:not(.stw-none),
  html
    body:not([data-mobile])
    .stw-dash-tabs
    .tab-panel
    [data-dashboard-suggestion-list]:not(.stw-none) {
    grid-template-columns: 1fr !important;
  }
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs:not(.stw-none) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 20px !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .stw-dash-tabs-head {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  margin: 0 0 16px;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .stw-dash-tabs-head
  .stw-dash-tabs-title {
  margin: 0;
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: normal;
  color: var(--stw-ink);
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .stw-dash-tabs-head
  .stw-dash-tabs-sub {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--stw-muted);
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav:not(.stw-none) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area:not(.stw-none) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-title-wrap:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  [data-dashboard-activity-section]
  > .st-card-head:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-head:not(.stw-none) {
  justify-content: flex-end !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  [data-dashboard-suggestion-section]
  > .st-card-head
  .st-card-title:not(.stw-none) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  [data-dashboard-suggestion-section]
  > .st-card-head
  .st-panel-kpi-meta:not(.stw-none) {
  font-size: 13.5px !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-list-item--activity:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-suggestion-item
  .st-panel-suggestion-link:not(.stw-none) {
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  background: var(--stw-card) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-list-item--activity:hover:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-suggestion-item
  .st-panel-suggestion-link:hover:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-list-item--activity::before,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-list-item--activity::after,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-suggestion-item
  .st-panel-suggestion-link::before,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-panel-suggestion-item
  .st-panel-suggestion-link::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-actions
  .custom-dropdown-trigger:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-actions
  > .button.st-btn:not(.stw-none) {
  height: 42px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-actions
  .custom-dropdown-trigger:hover:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-actions
  > .button.st-btn:hover:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-loo-border) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-actions
  > .button.st-btn
  .icon:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects-actions
  .custom-dropdown-trigger
  .icon:not(.stw-none) {
  color: var(--stw-coral) !important;
}

@media (max-width: 760px) {
  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs:not(.stw-none) {
    grid-template-columns: 1fr !important;
  }

  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs
    > .tab-nav:not(.stw-none) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
  }

  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs
    > .tab-content-area:not(.stw-none) {
    grid-row: 3 !important;
  }
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button:not(.stw-none) {
  position: relative !important;
  isolation: isolate !important;
  transition:
    color 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button:not(.stw-none)::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  border-radius: inherit !important;
  background: var(--stw-grad) !important;
  opacity: 0 !important;
  transform: scale(0.94) !important;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button.active:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button[aria-selected='true']:not(.stw-none) {
  background: transparent !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button.active:not(.stw-none)::before,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button[aria-selected='true']:not(.stw-none)::before {
  opacity: 1 !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav
  .tab-button
  .icon:not(.stw-none) {
  transition: color 0.3s ease !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel.active:not(.stw-none) {
  animation: stw-dash-panel-in 0.28s ease both !important;
}

@keyframes stw-dash-panel-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs
    > .tab-nav
    .tab-button:not(.stw-none),
  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs
    > .tab-nav
    .tab-button:not(.stw-none)::before {
    transition: none !important;
  }

  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs
    > .tab-content-area
    > .tab-panel.active:not(.stw-none) {
    animation: none !important;
  }
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-head:not(.stw-none) {
  justify-content: flex-start !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions:not(.stw-none) {
  flex: 1 1 auto !important;
  justify-content: space-between !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  .st-panel-workspace-select:not(.stw-none) {
  order: -1 !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions:not(.stw-none) {
  width: 100% !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .button.st-btn:not(.stw-none) {
  margin-inline-start: auto !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 18px 24px 24px !important;
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section:not(.stw-none) {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 22px !important;
  background: var(--stw-card) !important;
  box-shadow: 0 14px 30px -26px rgba(120, 30, 50, 0.5) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  > .st-workspace-manage-section-header:not(.stw-none) {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-section-title:not(.stw-none) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-section-chevron:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  > .st-workspace-manage-section-body:not(.stw-none) {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner:not(.stw-none) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-workspace-row]:not(.stw-none) {
  flex: 1 1 320px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel].is-renaming-workspace
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-workspace-row]:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel].is-renaming-workspace
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-create='workspace']:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-workspace-rename-editor]:not(.stw-none) {
  flex: 1 1 100% !important;
  gap: 8px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel].is-renaming-workspace
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-workspace-rename-editor]:not(.stw-none) {
  display: flex !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-create='workspace']:not(.stw-none) {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-workspace-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-create='workspace'].is-creating:not(.stw-none) {
  flex: 1 1 100% !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-panel-workspace-select:not(.stw-none) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .custom-dropdown-trigger:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-editor
  input[type='text']:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-rename-editor
  input[type='text']:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-editor
  input[type='text']:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-search:not(.stw-none) {
  height: 44px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-editor
  input[type='text']:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-rename-editor
  input[type='text']:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-editor
  input[type='text']:not(.stw-none) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 16px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  input[type='text']:focus:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-search:focus-within:not(.stw-none) {
  border-color: var(--stw-coral) !important;
  box-shadow: 0 0 0 4px rgba(251, 89, 110, 0.12) !important;
  outline: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline.is-creating
  .st-modal-create-editor:not(.stw-none) {
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-btn.st-btn--only-icon:not(.stw-none) {
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-btn.st-btn--only-icon
  .icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-btn.st-btn--only-icon:hover:not(:disabled):not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-btn.st-btn--only-icon.st-btn--danger:not(.stw-none) {
  border-color: #f6c9d1 !important;
  color: #c2253f !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-btn.st-btn--only-icon.btn-success:not(:disabled):not(.stw-none) {
  border-color: transparent !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline
  > .button.st-btn[data-workspace-manage-create-trigger]:not(.stw-none) {
  height: 42px !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 14px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1.5px solid var(--stw-loo-border) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-coral) !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline
  > .button.st-btn[data-workspace-manage-create-trigger]:hover:not(.stw-none) {
  background: var(--stw-sheet) !important;
  border-color: var(--stw-coral) !important;
  color: var(--stw-coral) !important;
  transform: none !important;
  filter: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline
  > .button.st-btn[data-workspace-manage-create-trigger]
  .icon:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline
  > .button.st-btn[data-workspace-manage-create-trigger]
  span:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline.is-creating
  > [data-workspace-manage-create-trigger]:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-subjects-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner:not(.stw-none) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px 10px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-subjects-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > .st-workspace-manage-subjects-toolbar:not(.stw-none) {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-subjects-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-create='subject']:not(.stw-none) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-subjects-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-create='subject'].is-creating:not(.stw-none) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

/* Under 600px search, list and Add New Subject stack: beside the button the
   search shrank to 49px and its placeholder ran under the button. */
@media (max-width: 600px) {
  html
    body:not([data-mobile])
    .modal.st-study-modal.st-study-modal--workspace-manage
    .st-modal
    .st-modal-body
    > [data-workspace-manage-subjects-panel]
    > .st-workspace-manage-section-body
    > .st-workspace-manage-section-body-inner:not(.stw-none):not(.stw-none) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-subjects-panel].is-renaming-subject
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > [data-workspace-manage-create='subject']:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > [data-workspace-manage-subjects-panel]
  > .st-workspace-manage-section-body
  > .st-workspace-manage-section-body-inner
  > .st-workspace-manage-subject-table:not(.stw-none) {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-search:not(.stw-none) {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 16px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-search
  input:not(.stw-none) {
  flex: 1 1 auto !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-align: start !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-search
  .icon:not(.stw-none) {
  position: static !important;
  transform: none !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-table-head:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subject-table-body:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row:not([hidden]):not(.stw-none) {
  min-height: 54px !important;
  margin: 0 !important;
  padding-block: 8px !important;
  padding-inline: 16px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row[hidden]:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row:not([hidden]):hover:not(.stw-none) {
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row
  .st-modal-subject-cell--name:not(.stw-none) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row
  .st-modal-subject-cell--name:not(.stw-none)::before {
  content: '' !important;
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
  border-radius: 50% !important;
  background: var(--stw-coral) !important;
  opacity: 0.75 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row
  .st-modal-subject-actions:not(.stw-none) {
  display: flex !important;
  gap: 6px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row.is-renaming
  > .st-modal-subject-cell:not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row.is-renaming
  > .st-modal-subject-actions:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row
  .st-modal-subject-editor:not(.stw-none) {
  flex: 1 1 100% !important;
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row--empty:not([hidden]):not(.stw-none) {
  justify-content: center !important;
  border-style: dashed !important;
  color: var(--stw-muted) !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs:not(.stw-none):not(.stw-none) {
  padding: 24px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 28px !important;
  background: var(--stw-card) !important;
  box-shadow: 0 18px 40px -32px rgba(120, 30, 50, 0.45) !important;
}

@media (max-width: 640px) {
  html
    body:not([data-mobile])
    .tab-container.variant-pills.stw-dash-tabs:not(.stw-none):not(.stw-none) {
    padding: 16px !important;
  }
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .stw-dash-tabs-head {
  margin-bottom: 20px;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-nav:not(.stw-none):not(.stw-none) {
  margin-bottom: 20px !important;
  background: var(--stw-sheet) !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-section:not(.stw-none),
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-side-stack
  > .st-dashboard-section:not(.stw-none) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-section:not(.stw-none)::before,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-section:not(.stw-none)::after,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-side-stack
  > .st-dashboard-section:not(.stw-none)::before,
html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  > .st-dashboard-side-stack
  > .st-dashboard-section:not(.stw-none)::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-head:not(.stw-none) {
  margin: 0 0 14px !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions:not(.stw-none):not(.stw-none) {
  max-width: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row
  .st-modal-subject-cell--name:not(.stw-none):not(.stw-none) {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row
  .st-modal-subject-cell--name
  > span:not(.stw-none) {
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subjects-toolbar:not(.stw-none):not(.stw-none),
html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subjects-toolbar
  .st-workspace-manage-subject-search:not(.stw-none):not(.stw-none) {
  width: 100% !important;
  max-width: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-create-inline.is-creating
  > .button.st-btn[data-workspace-manage-create-trigger]:not(.stw-none):not(
    .stw-none
  ) {
  display: none !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-workspace-manage-subjects-toolbar:not(.stw-none):not(.stw-none):not(
    .stw-none
  ) {
  display: block !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row:not([hidden])
  > .st-modal-subject-cell--name:not(.stw-none):not(.stw-none):not(.stw-none) {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

html
  body:not([data-mobile])
  .modal.st-study-modal.st-study-modal--workspace-manage
  .st-modal
  .st-modal-body
  > .st-workspace-manage-section
  .st-modal-subject-row:not([hidden])
  > .st-modal-subject-actions:not(.stw-none):not(.stw-none) {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-inline-start: auto !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  .custom-dropdown-title:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  .st-panel-kpi-label:not(.stw-none):not(.stw-none) {
  display: inline-flex !important;
  order: -2 !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions:not(.stw-none):not(.stw-none) {
  justify-content: flex-start !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  .custom-dropdown-trigger:not(.stw-none) {
  min-width: 190px !important;
  padding: 0 14px !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .button.st-btn[data-study-modal-trigger='workspace-manage']:not(
    .stw-none
  ):not(.stw-none) {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-size: 15px !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .button.st-btn[data-study-modal-trigger='workspace-manage']
  > span:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .button.st-btn[data-study-modal-trigger='workspace-manage']
  .icon:not(.stw-none) {
  margin: 0 !important;
  transition: transform 0.35s ease !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .button.st-btn[data-study-modal-trigger='workspace-manage']:hover
  .icon:not(.stw-none) {
  transform: rotate(60deg) !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .st-panel-workspace-select:not(.stw-none):not(.stw-none) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions
  > .st-panel-workspace-select
  .custom-dropdown:not(.stw-none) {
  width: auto !important;
  min-width: 0 !important;
}

html
  body:not([data-mobile])
  .tab-container.variant-pills.stw-dash-tabs
  > .tab-content-area
  > .tab-panel
  .st-dashboard-subjects
  .st-dashboard-subjects-actions:not(.stw-none):not(.stw-none):not(.stw-none) {
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  > .st-doc-upload-head:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  > .st-doc-upload-head:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  min-height: 0 !important;
  padding-inline-end: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  > .st-doc-upload-head:not(.stw-none) {
  margin: 0 0 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  > .st-doc-upload-head:not(.stw-none) {
  margin: 30px 0 14px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-head
  > h2:not(.stw-none) {
  margin: 0 !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  > .st-doc-upload-head
  > h2:not(.stw-none) {
  font-size: 17px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-head
  > p:not(.stw-none) {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-url-import-row:has([data-anki-page-import]:disabled):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-url-import-row:not(.stw-none) {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-url-import-row
  [data-anki-page-import]:not(.stw-none) {
  height: 44px !important;
  padding-block: 0 !important;
  padding-inline: 18px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  box-shadow: 0 10px 20px -12px rgba(216, 51, 79, 0.8) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-upload-shell
  .st-doc-url-import-row
  [data-anki-page-import]
  :is(.icon, span):not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-anki-deck-action--export:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-anki-deck-action--remove:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions:not(.stw-none) {
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-btn--only-icon:not(.stw-none) {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-btn--only-icon
  .icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-btn--only-icon:not(.st-anki-deck-action--study):hover:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-anki-deck-action--study:not(.stw-none):not(.stw-none) {
  flex-basis: 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  background: var(--stw-grad) !important;
  box-shadow: 0 10px 20px -12px rgba(216, 51, 79, 0.8) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > .st-anki-deck-action--study:hover:not(.stw-none) {
  filter: brightness(1.06) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-pane-empty.st-pane-empty--anki:not(.stw-none) {
  border: 0 !important;
  background: var(--stw-card) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-pane-empty.st-pane-empty--anki:not(.stw-none)::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-pane-empty.st-pane-empty--anki:not(.stw-none)::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--export:not(.stw-none):not(.stw-none):not(
    .stw-none
  ),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--remove:not(.stw-none):not(.stw-none):not(
    .stw-none
  ) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  > .st-doc-upload-head:not(.stw-none):not(.stw-none) {
  margin-top: 6px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block:not(.stw-none):not(.stw-none) {
  flex-wrap: wrap !important;
  align-items: center !important;
  row-gap: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  > .st-anki-deck-cards:not(.stw-none):not(.stw-none) {
  order: 10 !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 4px !important;
  padding: 18px 0 0 !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
  border: 0 !important;
  border-top: 1px solid var(--stw-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  > .st-anki-deck-cards[hidden]:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  > .st-anki-deck-cards::before,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  > .st-anki-deck-cards::after {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-deck-side:not(.stw-none) {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 18px !important;
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-tag-filter:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-tag-filter-label:not(.stw-none) {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.575px !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-tag-filter
  .custom-dropdown:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none) {
  width: 100% !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none) {
  height: 40px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-topic-list:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-topic-row:not(.stw-none) {
  gap: 6px !important;
  padding: 4px !important;
  border-radius: 14px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-topic-label:not(.stw-none) {
  border: 1px solid var(--stw-line) !important;
  border-radius: 12px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-cards-main:not(.stw-none) {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list:not(.stw-none) {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  gap: 12px !important;
  max-height: none !important;
  overflow-y: visible !important;
  margin: 0 !important;
  padding-block: 2px 4px !important;
  padding-inline: 2px 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item:not(.stw-none) {
  position: relative !important;
  min-height: 108px !important;
  margin: 0 !important;
  padding: 16px 14px 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 16px !important;
  background: #fffdf8 !important;
  box-shadow: 0 10px 20px -18px rgba(120, 30, 50, 0.6) !important;
  cursor: pointer !important;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item:not(.stw-none) {
  background: #2b2225 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item:hover:not(.stw-none) {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 26px -18px rgba(216, 51, 79, 0.55) !important;
  border-color: var(--stw-loo-border) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-item
  .st-anki-card-q:not(.stw-none) {
  width: auto !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-item
  .st-anki-card-tags:not(.stw-none) {
  position: absolute !important;
  inset-inline-start: 12px !important;
  bottom: 10px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-item
  .st-anki-card-more:not(.stw-none) {
  position: absolute !important;
  inset-inline-end: 8px !important;
  bottom: 6px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block:not([data-anki-deck-expanded='1'])
  > .st-anki-deck-cards:not(.stw-none):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block[data-anki-deck-expanded='1']
  > .st-anki-deck-cards:not(.stw-none) {
  animation: stw-dash-panel-in 0.28s ease both !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  :is(.st-pane-empty.st-fc-first, .st-pane-empty)[hidden]:not(.stw-none):not(
    .stw-none
  ):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card:not(.stw-none) {
  min-height: 150px !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  perspective: 1000px !important;
  transform: none !important;
  content-visibility: auto !important;
  contain-intrinsic-size: auto 150px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card:hover:not(.stw-none) {
  transform: none !important;
  box-shadow: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  > .stw-anki-flip {
  position: relative;
  display: block;
  width: 100%;
  min-height: 150px;
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card.is-flipped
  > .stw-anki-flip {
  transform: rotateY(180deg);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 16px 34px;
  overflow: hidden;
  text-align: center;
  border: 1px solid var(--stw-line);
  border-radius: 18px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 12px 22px -18px rgba(120, 30, 50, 0.6);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--back {
  transform: rotateY(180deg);
  border-color: transparent;
  background: linear-gradient(160deg, #ff7d8f 0%, #d8334f 100%);
  color: #ffffff;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-answer {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  color: #ffffff;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-tags:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-more:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-select:not(.stw-none) {
  z-index: 3 !important;
  transition: opacity 0.2s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card.is-flipped
  .st-anki-card-tags:not(.stw-none) {
  opacity: 0 !important;
  pointer-events: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card.is-flipped
  .st-anki-card-more:not(.stw-none) {
  color: #ffffff !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--front {
  border-top-color: rgba(251, 89, 110, 0.6);
  background:
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 25px,
      rgba(255, 255, 255, 0.04) 25px,
      rgba(255, 255, 255, 0.04) 26px
    ),
    #2b2225;
}

@media (prefers-reduced-motion: reduce) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--anki
    .st-doc-list
    > .st-anki-deck-block
    .st-anki-card-list
    > .st-anki-card-item.stw-anki-card
    > .stw-anki-flip {
    transition: none;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board
  .st-fs-topic-breadcrumb
  .st-fs-topic-breadcrumb-back:not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board
  .st-fs-topic-breadcrumb:not(
    :has(.st-fs-topic-breadcrumb-trail > li + li)
  ):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block[data-anki-deck-expanded='1']
  > .st-anki-deck-cards.stw-anki-split:not(.stw-none):not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-split
  > .st-anki-deck-side:not(.stw-none):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar__spacer {
  flex: 1 1 auto;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic {
  position: relative;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__btn,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none) {
  height: 40px !important;
  padding-block: 0 !important;
  padding-inline: 16px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  cursor: pointer;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__btn:hover,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic.is-open
  > .stw-anki-topic__btn,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger:hover:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__cap,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter-label:not(.stw-none) {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-soft) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__btn
  .icon {
  font-size: 11px;
  color: var(--stw-muted);
  transition: transform 0.2s ease;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic.is-open
  .stw-anki-topic__btn
  .icon {
  transform: rotate(180deg);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-start: 0;
  z-index: 40;
  width: 320px;
  max-height: 360px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 8px;
  display: none;
  border: 1px solid var(--stw-line);
  border-radius: 18px;
  background: var(--stw-card);
  box-shadow: 0 30px 60px -20px rgba(120, 30, 50, 0.45);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic.is-open
  > .stw-anki-topic__pop {
  display: block;
  animation: stw-dash-panel-in 0.18s ease both;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter:not(.stw-none):not(.stw-none) {
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter:not(.stw-none)
  .st-anki-tag-filter-label:not(.stw-none) {
  position: absolute !important;
  inset-inline-start: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none):not(.stw-none) {
  padding-inline-start: 50px !important;
  min-width: 170px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none) {
  width: auto !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block[data-anki-deck-expanded='1']
  > .st-anki-deck-cards.stw-anki-split
  .st-anki-cards-main:not(.stw-none) {
  gap: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block[data-anki-deck-expanded='1']
  > .st-anki-deck-cards.stw-anki-split
  .st-anki-card-list:not(.stw-none):not(.stw-none) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding-block: 2px 10px !important;
  padding-inline: 2px 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card:not(.stw-none):not(.stw-none) {
  min-height: 166px !important;
  height: 166px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  > .stw-anki-flip {
  position: absolute;
  inset-block: 0 6px;
  inset-inline: 0 6px;
  min-height: 0;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face {
  padding: 48px 20px 40px;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid #efe2e0;
  box-shadow:
    #f6e7e9 6px 6px 0 -1px,
    #ecd6da 6px 6px 0 0,
    rgba(90, 40, 50, 0.35) 0 10px 18px -12px,
    rgba(90, 40, 50, 0.18) 0 2px 4px -2px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--front {
  border-top: 1px solid #efe2e0;
  background:
    linear-gradient(
      rgba(0, 0, 0, 0) 37px,
      rgba(251, 89, 110, 0.55) 37px,
      rgba(251, 89, 110, 0.55) 39px,
      rgba(0, 0, 0, 0) 39px
    ),
    linear-gradient(#fffdfa, #fffdfa);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--back {
  border-color: #c42f48;
  background:
    linear-gradient(
      rgba(0, 0, 0, 0) 38px,
      rgba(255, 255, 255, 0.35) 38px,
      rgba(255, 255, 255, 0.35) 39px,
      rgba(0, 0, 0, 0) 39px
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 255, 255, 0.2),
      rgba(0, 0, 0, 0) 55%
    ),
    #c42f48;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card:hover
  .stw-anki-face--front {
  border-color: #efe2e0;
  box-shadow:
    #f6e7e9 6px 6px 0 -1px,
    #ecd6da 6px 6px 0 0,
    rgba(90, 40, 50, 0.4) 0 14px 22px -12px,
    rgba(90, 40, 50, 0.18) 0 2px 4px -2px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--front
  .st-anki-card-q:not(.stw-none):not(.stw-none) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.2px !important;
  color: #2b1d20 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-answer {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-answer-label {
  position: absolute;
  top: 11px;
  inset-inline-start: 14px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #ffffff;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-hint {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  color: #8a6f74;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-hint
  .icon {
  font-size: 10px;
  color: #fb596e;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--back
  .stw-anki-hint,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--back
  .stw-anki-hint
  .icon {
  color: rgba(255, 255, 255, 0.92);
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-tag {
  position: absolute;
  inset-inline-start: 14px;
  bottom: 9px;
  z-index: 2;
  max-width: 34%;
  height: 20px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: #fdf1f2;
  color: #b22a43;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-tag__more {
  flex: 0 0 auto;
  padding: 0 5px;
  border-radius: 999px;
  background: #ffffff;
  color: #8a6f74;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-tags:not(.stw-none):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-more:not(.stw-none):not(.stw-none) {
  top: 4px !important;
  inset-inline-end: 14px !important;
  bottom: auto !important;
  width: 32px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #8a6f74 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card.is-flipped
  .st-anki-card-more:not(.stw-none):not(.stw-none) {
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-select:not(.stw-none):not(.stw-none) {
  position: absolute !important;
  top: 9px !important;
  inset-inline-start: 12px !important;
  z-index: 3 !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--front {
  border-color: rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(
      rgba(0, 0, 0, 0) 37px,
      rgba(251, 89, 110, 0.55) 37px,
      rgba(251, 89, 110, 0.55) 39px,
      rgba(0, 0, 0, 0) 39px
    ),
    linear-gradient(#2b2225, #2b2225);
  box-shadow:
    #3a2e31 6px 6px 0 -1px,
    #45363a 6px 6px 0 0,
    rgba(0, 0, 0, 0.5) 0 10px 18px -12px;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-face--front
  .st-anki-card-q:not(.stw-none):not(.stw-none) {
  color: #f5e9eb !important;
}

html
  body.theme-dark:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .stw-anki-tag {
  background: rgba(251, 89, 110, 0.16);
  color: #ff9aa9;
}

@media (max-width: 1100px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--anki
    .st-doc-list
    > .st-anki-deck-block[data-anki-deck-expanded='1']
    > .st-anki-deck-cards.stw-anki-split
    .st-anki-card-list:not(.stw-none):not(.stw-none) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Two tiles of about 150px cut the question and lay the tag over "Tap to flip". */
@media (max-width: 480px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--anki
    .st-doc-list
    > .st-anki-deck-block[data-anki-deck-expanded='1']
    > .st-anki-deck-cards.st-anki-deck-cards
    .st-anki-card-list:not(.stw-none):not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block[data-anki-deck-expanded='1']
  > .st-anki-deck-cards.stw-anki-split
  > .st-anki-cards-main:not(.stw-none):not(.stw-none) {
  width: 100% !important;
  align-self: stretch !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block[data-anki-deck-expanded='1']
  > .st-anki-deck-cards.stw-anki-split
  > .stw-anki-toolbar {
  width: 100%;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter:not(.stw-none):not(.stw-none):not(.stw-none) {
  height: 40px !important;
  padding-block: 0 !important;
  padding-inline: 16px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 999px !important;
  background: var(--stw-card) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter:hover:not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .st-anki-tag-filter-label:not(.stw-none):not(.stw-none):not(.stw-none) {
  position: static !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none):not(.stw-none):not(.stw-none) {
  height: 38px !important;
  min-width: 0 !important;
  padding-block: 0 !important;
  padding-inline: 6px 14px !important;
  border: 0 !important;
  background: transparent !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-more:not(.stw-none):not(.stw-none):not(.stw-none) {
  position: absolute !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card
  .st-anki-card-more:hover:not(.stw-none):not(.stw-none) {
  background: rgba(251, 89, 110, 0.1) !important;
  color: #d8334f !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--study:not(.stw-none):not(.stw-none):not(
    .stw-none
  ) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--stw-grad) !important;
  box-shadow: 0 10px 20px -12px rgba(216, 51, 79, 0.8) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--study:not(.stw-none)
  :is(.icon, span) {
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--study
  .icon:not(.stw-none) {
  font-size: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--study:hover:not(:disabled):not(
    .stw-none
  ) {
  background: var(--stw-grad) !important;
  filter: brightness(1.06) !important;
  color: #ffffff !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-anki-deck-action--study:disabled:not(.stw-none) {
  opacity: 0.45 !important;
  filter: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-btn--only-icon:not(.stw-none):not(.stw-none):not(
    .stw-none
  ) {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-btn--only-icon:hover:not(:disabled):not(.stw-none):not(
    .stw-none
  ) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-doc-actions
  > button.st-btn.st-btn--only-icon
  .icon:not(.stw-none) {
  color: inherit !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-anki-deck-rename-btn.st-qz-edit-icon:not(.stw-none):not(.stw-none) {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #d8b3ba !important;
  font-size: 12px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-anki-deck-rename-btn.st-qz-edit-icon
  .icon:not(.stw-none) {
  color: inherit !important;
  font-size: 11px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-anki-deck-block
  .st-anki-deck-rename-btn.st-qz-edit-icon:hover:not(.stw-none):not(.stw-none) {
  background: transparent !important;
  color: #fb596e !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__btn,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger:not(.stw-none):not(.stw-none):not(.stw-none) {
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__val,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-text:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-text
  *:not(.stw-none) {
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__btn
  .icon,
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-trigger
  .icon:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-arrow:not(.stw-none) {
  color: var(--stw-muted) !important;
  font-size: 11px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__btn {
  gap: 8px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__cap {
  margin-inline-end: 2px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop {
  width: 300px;
  padding: 6px;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-list:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-list--nested:not(.stw-none) {
  margin: 2px 0 0 !important;
  padding-block: 0 !important;
  padding-inline: 14px 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-item:not(.stw-none) {
  margin: 0 !important;
  padding: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-row:not(.stw-none):not(.stw-none) {
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  border-radius: 12px !important;
  background: transparent !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-row:hover:not(.stw-none) {
  background: var(--stw-sheet) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-row:has(.st-anki-topic-label.is-active):not(.stw-none) {
  background: var(--stw-t0-bg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-btn:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-spacer:not(.stw-none) {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-soft) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-btn:hover:not(.stw-none) {
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-label:not(.stw-none):not(.stw-none) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: start !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-name:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-name-inner:not(.stw-none) {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-label.is-active
  .st-anki-topic-name-inner:not(.stw-none) {
  color: #b22a43 !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-count:not(.stw-none) {
  flex: 0 0 auto !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--stw-sheet) !important;
  color: var(--stw-muted) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-study-btn:not(.stw-none):not(.stw-none) {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--stw-grad) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  opacity: 0 !important;
  transition: opacity 0.15s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-study-btn
  .icon:not(.stw-none) {
  color: #ffffff !important;
  font-size: 9px !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-row:hover
  .st-anki-topic-study-btn:not(.stw-none),
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-study-btn:focus-visible:not(.stw-none) {
  opacity: 1 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-toolbar
  .st-anki-tag-filter
  .custom-dropdown-chevron:not(.stw-none):not(.stw-none) {
  color: var(--stw-muted) !important;
  font-size: 11px !important;
}

html body:not([data-mobile]) .st-anki-move-topic-body.stw-move-picker {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .st-anki-move-topic-label:not(.stw-none) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .st-anki-move-topic-input:not(.stw-none):not(.stw-none) {
  height: 46px !important;
  padding: 0 16px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 14px !important;
  background: var(--stw-card) !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--stw-ink) !important;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .st-anki-move-topic-input:focus:not(.stw-none) {
  border-color: var(--stw-coral) !important;
  box-shadow: 0 0 0 4px rgba(251, 89, 110, 0.12) !important;
  outline: 0 !important;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-list {
  max-height: 248px;
  overflow-y: auto;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid var(--stw-line);
  border-radius: 16px;
  background: var(--stw-sheet);
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt {
  min-height: 40px;
  margin: 0;
  padding: 0 12px 0 calc(12px + var(--stw-depth, 0) * 20px);
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--stw-ink);
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: start;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt:hover,
html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt.is-active {
  background: var(--stw-card);
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt.is-selected {
  background: var(--stw-t0-bg);
  color: #b22a43;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt__path {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  color: var(--stw-soft);
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt__check {
  margin-inline-start: auto;
  font-size: 12px;
  color: #d8334f;
  opacity: 0;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt.is-selected
  .stw-move-opt__check {
  opacity: 1;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt--general
  .stw-move-opt__name {
  font-style: normal;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt--create {
  color: #d8334f;
  font-weight: 800;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-opt--create::before {
  content: '+';
  font-size: 16px;
  font-weight: 800;
}

html
  body:not([data-mobile])
  .st-anki-move-topic-body.stw-move-picker
  .st-anki-move-topic-hint:not(.stw-none) {
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: var(--stw-muted) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-btn:not(.stw-none):not(.stw-none) {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  margin-inline-end: 4px !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 50% !important;
  background: var(--stw-card) !important;
  color: var(--stw-muted) !important;
  cursor: pointer !important;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-btn:hover:not(.stw-none):not(.stw-none) {
  border-color: var(--stw-loo-border) !important;
  background: var(--stw-t0-bg) !important;
  color: var(--stw-coral) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-btn
  .st-anki-topic-chevron:not(.stw-none) {
  font-size: 10px !important;
  color: inherit !important;
  transform: rotate(0deg) !important;
  transition: transform 0.2s ease !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-item.is-expanded
  > .st-anki-topic-row
  .st-anki-topic-chevron-btn
  .st-anki-topic-chevron:not(.stw-none) {
  transform: rotate(90deg) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-chevron-spacer:not(.stw-none):not(.stw-none) {
  flex: 0 0 26px !important;
  width: 26px !important;
  margin-inline-end: 4px !important;
  border: 0 !important;
  background: transparent !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-list--nested:not(.stw-none):not(.stw-none) {
  position: relative !important;
  margin-block: 2px 4px !important;
  margin-inline: 17px 0 !important;
  padding-block: 0 !important;
  padding-inline: 10px 0 !important;
  border-inline-start: 2px solid var(--stw-line) !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .stw-anki-topic__pop
  .st-anki-topic-list--nested
  .st-anki-topic-chevron-spacer:not(.stw-none):not(.stw-none) {
  flex-basis: 4px !important;
  width: 4px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .modal
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-list
  > button.stw-move-opt:not(.stw-none):not(.stw-none) {
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px 0 calc(12px + var(--stw-depth, 0) * 20px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transform: none !important;
}

html
  body:not([data-mobile])
  .modal
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-list
  > button.stw-move-opt:hover:not(.stw-none):not(.stw-none),
html
  body:not([data-mobile])
  .modal
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-list
  > button.stw-move-opt.is-active:not(.stw-none):not(.stw-none) {
  background: var(--stw-card) !important;
}

html
  body:not([data-mobile])
  .modal
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-list
  > button.stw-move-opt.is-selected:not(.stw-none):not(.stw-none) {
  background: var(--stw-t0-bg) !important;
  color: #b22a43 !important;
}

html
  body:not([data-mobile])
  .modal
  .st-anki-move-topic-body.stw-move-picker
  .stw-move-list
  > button.stw-move-opt.stw-move-opt--create:not(.stw-none):not(.stw-none) {
  color: #d8334f !important;
  font-weight: 800 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-qz-edit-icon:not(.stw-none):not(.stw-none):not(.stw-none) {
  display: none !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-fs-board
  .st-fs-topic-breadcrumb:not(.stw-none):not(.stw-none) {
  display: none !important;
}

body:not([data-mobile]) .stw-backbar__topic {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--stw-muted);
}

body:not([data-mobile]) .stw-backbar__topic::before {
  content: '\203a';
  color: var(--stw-soft);
}

body:not([data-mobile]) .stw-backbar__topic[hidden] {
  display: none;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block:not(.stw-none) {
  cursor: pointer !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-deck-cards:not(.stw-none) {
  cursor: default !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block:not([data-anki-deck-expanded='1']):hover:not(
    .stw-none
  ) {
  background: var(--stw-sheet) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-anki-toolbar
  > .st-search-field {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
}

html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--anki
  .st-doc-list
  > .st-anki-deck-block
  .st-anki-card-list
  > .st-anki-card-item.stw-anki-card[hidden]:not(.stw-none):not(.stw-none):not(
    .stw-none
  ) {
  display: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .stw-anki-toolbar
  > .st-search-field:not(.stw-none) {
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 1180px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume:not(.stw-none) {
    flex-wrap: wrap !important;
    row-gap: 12px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume
    .stw-resume__lead:not(.stw-none) {
    flex: 1 1 260px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume
    .stw-resume__mid:not(.stw-none) {
    order: 3 !important;
    flex: 1 1 100% !important;
    padding: 0 6px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume.stw-resume--fc
    > .st-tab-content-controls:not(.stw-none) {
    flex: 1 1 320px !important;
    min-width: 0 !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume.stw-resume--fc
    > .st-tab-content-controls
    .st-tab-content-controls-select:not(.stw-none) {
    flex: 1 1 auto !important;
    min-width: 180px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume.stw-resume--fc
    > .st-tab-content-controls
    .st-tab-content-controls-buttons:not(.stw-none) {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume.stw-resume--fc
    .st-btn--create-deck:not(.stw-none) {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume.stw-resume--fc
    > .stw-resume__actions:not(.stw-none) {
    flex: 0 0 auto !important;
    margin-inline-start: auto !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    > .st-tab-content-header.st-fc-hero:not(.stw-none) {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    text-align: start !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    > .st-tab-content-header.st-fc-hero
    > *:not(.stw-none) {
    text-align: start !important;
    align-items: flex-start !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-list-title:not(.stw-none) {
    white-space: nowrap !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-sum-grid
    > .st-sum-row:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-doc-list
    > .st-doc-row:not(.stw-none) {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-sum-row
    > .st-sum-meta:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-doc-row
    > .st-doc-meta:not(.stw-none) {
    flex: 1 1 calc(100% - 60px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-sum-row
    > .st-sum-actions:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-doc-row
    > .st-doc-actions:not(.stw-none) {
    flex: 1 1 100% !important;
    width: auto !important;
    margin-block: 0 !important;
    margin-inline: 60px 0 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-qz-row
    > .st-qz-actions:not(.stw-none) {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    gap: 10px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-qz-row
    > .st-qz-meta:not(.stw-none) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

@media (max-width: 767px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-doc-upload-shell
    .dropzone:not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .st-doc-upload-shell
    .dropzone
    > :is(
      .dropzone-icon,
      .dropzone-text,
      .dropzone-type-chips,
      .dropzone-limits,
      .dropzone-browse-btn
    ):not(.stw-none) {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html
    body:not([data-mobile])
    .st-modal.st-modal--quiz-chat
    .qz-chat.stw-chat--panel:not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto auto !important;
  }

  body:not([data-mobile]) .stw-chat-panel {
    grid-column: 1;
    grid-row: 3;
    max-height: 45vh;
    padding: 12px 16px;
    border-inline-start: 0;
    border-top: 1px solid var(--stw-line);
  }

  body:not([data-mobile]) .stw-chat-panel:not(.is-ready) .stw-chat-panel__rows,
  body:not([data-mobile]) .stw-chat-panel:not(.is-ready) .stw-chat-panel__cta {
    display: none;
  }

  body:not([data-mobile]) .stw-chat-panel:not(.is-ready) .stw-chat-panel__bar {
    margin-bottom: 0;
  }

  body:not([data-mobile]) .stw-chat-panel.is-ready .stw-chat-panel__cta {
    position: sticky;
    bottom: -12px;
    padding-bottom: 4px;
    background: var(--stw-card);
  }

  html
    body:not([data-mobile])
    .st-cmpl-host
    .st-cmpl
    > :is(
      [data-st-quizz-finished-results],
      [data-flash-study-finished-results]
    ):not([hidden]):not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'loo' 'hero' 'stats' 'next' 'actions' !important;
  }

  html body:not([data-mobile]) .st-cmpl-host .st-cmpl:not(.stw-none) {
    padding: 22px 18px !important;
  }

  html
    body:not([data-mobile])
    .st-cmpl-host
    .st-cmpl
    > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
    > .st-cmpl-actions:not(.stw-none) {
    flex-wrap: wrap !important;
  }

  html
    body:not([data-mobile])
    .st-cmpl-host
    .st-cmpl
    > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
    > .st-cmpl-actions
    .st-cmpl-btn--primary:not(.stw-none) {
    width: 100% !important;
    margin-inline-start: 0 !important;
  }

  html
    body:not([data-mobile])
    .st-cmpl-host
    .st-cmpl
    > :is([data-st-quizz-finished-results], [data-flash-study-finished-results])
    > .st-cmpl-stats
    .st-cmpl-stat
    .st-cmpl-stat-value:not(.stw-none) {
    font-size: 20px !important;
  }
  html body:not([data-mobile]) .st-container.st-fs-container:not(.stw-none) {
    padding: 0 16px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    > .st-tab-content-header.st-fc-hero:not(.stw-none) {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
    min-height: 0 !important;
    gap: 12px !important;
  }

  body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    > .st-tab-content-header.st-fc-hero::after {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-inline-start: 0;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .stw-resume:not(.stw-none) {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .stw-resume
    .stw-resume__lead:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .stw-resume
    .stw-resume__mid:not(.stw-none) {
    flex: 1 1 100% !important;
    padding: 0 6px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .stw-resume
    .stw-resume__cta:not(.stw-none),
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume--fc
    > .stw-resume__actions:not(.stw-none) {
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane
    .stw-resume--fc
    .stw-resume__actions
    .button.st-btn.stw-resume__cta:not(.stw-none) {
    flex: 1 1 auto !important;
    justify-content: center !important;
  }

  body:not([data-mobile]) .stw-backbar {
    padding: 0 16px;
  }
}

@media (max-width: 599px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-rating-grid:not(.st-fs-rating-grid--hidden):not([hidden]):not(
      .stw-none
    ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-stats
    .st-fs-stat-card:not(.stw-none) {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    padding: 10px 12px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board.st-pane--flashcards
    .st-fs-card
    .st-fs-card-question
    > p:not(.stw-none) {
    font-size: 22px !important;
  }

  body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane--flashcards
    .st-grid-double-column:not([hidden]) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card
    .st-quizz-options:not(.st-quizz-options--hint):not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card:not(.stw-none) {
    padding: 20px 18px !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card
    .st-quizz-combo-row:not(.stw-none) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-question-card
    .st-quizz-combo-link:not(.stw-none) {
    display: none !important;
  }

  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-fs-board[data-st-quizz-review-mode]
    .st-quizz-actions-row
    .st-quizz-action-btn:not(.stw-none) {
    flex: 1 1 auto !important;
    padding: 0 14px !important;
  }
}

/* Before study_web_tools.js folds a document row's icon actions into the "more"
   menu (decorateDocRows, at DOMContentLoaded), show the folded layout already:
   hide the icon buttons and hold the 40px menu button's place, so rows do not
   shrink (48px each at 390) when the script runs. */
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row[data-document-id]
  > .st-doc-actions:not(.stw-doc-actions):has(> [data-document-remove]) {
  gap: 10px !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row[data-document-id]
  > .st-doc-actions:not(.stw-doc-actions):has(> [data-document-remove])
  > .st-btn--only-icon {
  display: none !important;
}
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-row[data-document-id]
  > .st-doc-actions:not(.stw-doc-actions):has(> [data-document-remove])::after {
  content: '';
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid var(--stw-line);
  border-radius: 50%;
  background: var(--stw-card);
}

/* Until base_dropdown.js swaps the study bar's workspace and subject selects
   for its trigger buttons, give the native select the trigger's box (8px, text,
   6px gap, 12px chevron, 8px; 34px tall) so the bar does not narrow by ~33px. */
html
  body:not([data-mobile])
  .st-study-bar
  .st-panel-workspace-select
  > select[data-dropdown] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 26px 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%236f5d61' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat right 8px center / 12px 12px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 34px !important;
  color: inherit !important;
}

/* base_dropzone.js adds the type chips, limits and Browse button at
   DOMContentLoaded; on a phone they stack and grew the upload box 90 to 194px,
   pushing the document list down. Hold the stacked height until they exist. */
@media (max-width: 767px) {
  html
    body:not([data-mobile])
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-upload-shell
    #documentsDropzone.dropzone:not(:has(> .dropzone-browse-btn)) {
    min-height: 194px !important;
  }
}

/* The create button's own display rule overrode [hidden]. */
html
  body:not([data-mobile])
  .st-container.st-fs-container
  .st-pane
  .st-library-toolbar
  .st-create-actions
  > .st-btn[hidden] {
  display: none !important;
}

/* Study Now as pre-review: older flashcard rules repaint it flat at 46px. */
html
  body:not([data-mobile]):not([data-admin]):not(#fc-a):not(#fc-b)
  .st-pane
  .st-btn.stw-resume__cta[data-flashcard-study-trigger],
html
  body:not([data-mobile]):not([data-admin]):not(#fc-a):not(#fc-b)
  .st-pane
  .st-btn.stw-resume__cta[data-flashcard-study-trigger]:hover:not(:disabled) {
  height: 50px !important;
  min-height: 50px !important;
  padding-block: 0 !important;
  padding-inline: 9px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg,
    #ff7d8f 0%,
    #f0506a 45%,
    #d8334f 100%
  ) !important;
  color: #ffffff !important;
  box-shadow:
    0 10px 24px -10px rgba(216, 51, 79, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

html
  body:not([data-mobile]):not([data-admin]):not(#fc-a):not(#fc-b)
  .st-pane
  [data-flashcard-study-trigger]
  .st-loo-cta__icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

html
  body:not([data-mobile]):not([data-admin]):not(#fc-a):not(#fc-b)
  .st-pane
  [data-flashcard-study-trigger]
  .st-loo-cta__icon
  .icon {
  color: #d8334f !important;
  margin: 0 !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile]):not([data-admin]):not(#fc-a):not(#fc-b)
  .st-pane
  [data-flashcard-study-trigger]
  .st-loo-cta__label {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}

/* Document row actions as pre-redesign (owner, 2026-10-16): inline round icons
   instead of the "..." menu above phone width, and the gradient Generate pill. */
@media (min-width: 601px) {
  html
    body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-row
    > .st-doc-actions
    > .st-btn--only-icon:not(.stw-doc-more):not([hidden]) {
    position: static !important;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid var(--stw-line, rgba(255, 255, 255, 0.12)) !important;
    background: transparent !important;
    color: var(--stw-muted) !important;
    box-shadow: none !important;
  }

  html
    body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-row
    > .st-doc-actions
    > .st-btn--only-icon.st-btn--danger:not([hidden]) {
    color: #fb596e !important;
    border-color: color-mix(in srgb, #fb596e 45%, transparent) !important;
  }

  html
    body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-row
    > .st-doc-actions
    > .st-btn--only-icon
    .icon {
    margin: 0 !important;
    color: inherit !important;
    font-size: 15px !important;
  }

  html
    body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
    .st-container.st-fs-container
    .st-pane.st-pane--documents
    .st-doc-row
    > .st-doc-actions
    > .stw-doc-more {
    display: none !important;
  }
}

html
  body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-actions
  > .st-doc-generate-btn {
  height: 44px !important;
  min-height: 44px !important;
  padding-block: 0 !important;
  padding-inline: 6px 20px !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg,
    #ff7d8f 0%,
    #f0506a 45%,
    #d8334f 100%
  ) !important;
  color: #ffffff !important;
  box-shadow:
    0 10px 24px -10px rgba(216, 51, 79, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

html
  body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-actions
  > .st-doc-generate-btn
  > .icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #d8334f !important;
  font-size: 13px !important;
}

html
  body:not([data-mobile]):not([data-admin]):not(#doc-a):not(#doc-b)
  .st-container.st-fs-container
  .st-pane.st-pane--documents
  .st-doc-actions
  > .st-doc-generate-btn:is(:disabled, .is-disabled) {
  opacity: 0.45 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}