/* Shared legacy aliases prevent a light container inside a dark workspace. */
html body.dg-ui42{--dg-bg:var(--learn-bg)!important;--dg-surface:var(--learn-surface)!important;--dg-surface-soft:var(--learn-soft)!important;--dg-ink:var(--learn-text)!important;--dg-ink-soft:var(--learn-muted)!important;--dg-muted:var(--learn-muted)!important;--dg-border:var(--learn-line)!important;--fc-ink:var(--learn-text)!important;--fc-ink-soft:var(--learn-muted)!important;--fc-border:var(--learn-line)!important;--paper-text:var(--learn-text)!important;--paper-muted:var(--learn-muted)!important;--paper-soft:var(--learn-surface)!important;--paper-bg:var(--learn-bg)!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.fc-room-section,.fc-level-folder,.fc-set-card,.vp-tile,.vp-room-hero,.vp-panel,.vl-list-card,.ls-panel,.ls-card,.ls-paper,.wl-paper,.wl-card,.wl-reading-panel,.wl-selfcheck,.wl-instructions,.lf-transcript-panel,.listen-transcript-panel,.gr-card,.exam-card){background:var(--learn-surface)!important;background-image:none!important;color:var(--learn-text)!important;border-color:var(--learn-line)!important;box-shadow:none!important}
html body.dg-product-ui.dg-ui42[data-dg-page] .fc-room-section{background:var(--learn-soft)!important;border-radius:16px;padding:18px;margin:16px 0 24px}
html body.dg-product-ui.dg-ui42[data-dg-page] .fc-room-section>h2{color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;font-size:22px}
html body.dg-product-ui.dg-ui42[data-dg-page] .fc-room-section>p{color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important;font-size:15px}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.fc-set-title,.fc-level-folder strong,.vp-tile h2,.vp-tile h3,.ls-paper-head h2,.ls-question legend,.wl-paper h1,.wl-paper h2,.wl-paper h3,.wl-reading-panel h2){color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;text-shadow:none!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.fc-set-desc,.fc-set-meta,.ls-paper .ls-muted,.wl-paper .wl-muted,.wl-paper .wl-word-count){color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important;opacity:1!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.ls-paper-instructions,.ls-paper-reading,.ls-paper-rule,.wl-source,.wl-selfcheck,.wl-instructions){background:var(--learn-soft)!important;color:var(--learn-text)!important;border-color:var(--learn-line)!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.ls-paper-rule summary,.ls-paper-brand,.ls-paper-name,.ls-paper-meta,.ls-candidate-line,.wl-paper-brand,.wl-paper-head){color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.fc-catalog,.vl-page,.vp-page){color:var(--learn-text)!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.vp-link,.fc-catalog button,.vl-page button){background:var(--learn-soft)!important;color:var(--learn-text)!important;border:1px solid var(--learn-line)!important;box-shadow:none!important}
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.vp-primary,.fc-catalog button[aria-pressed=true],.vl-page button[aria-pressed=true]){background:var(--learn-accent)!important;color:var(--learn-on-accent)!important;border-color:var(--learn-accent)!important}
/* A lone pack uses a compact horizontal card, instead of a mostly empty three-column section. */
.fc-room-section-pack .fc-sets-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important}
html body.dg-ui42 .fc-room-section-pack .vp-pack-card:only-child{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:20px;align-content:start;max-width:none;padding:18px}
.fc-room-section-pack .vp-pack-card:only-child>.vp-parent-cover{grid-column:1;grid-row:1/6;align-self:stretch;min-height:130px;max-height:180px;margin:0}
.fc-room-section-pack .vp-pack-card:only-child>:not(.vp-parent-cover){grid-column:2;min-width:0}.fc-room-section-pack .vp-pack-card:only-child>.fc-set-actions{grid-column:1/-1;margin-top:12px}
html body.dg-ui42 .fc-room-section-pack .vp-pack-card .vp-tag{background:var(--learn-soft)!important;color:var(--learn-text)!important;border:1px solid var(--learn-line)!important}
@media(max-width:600px){html body.dg-product-ui.dg-ui42[data-dg-page] .fc-room-section{padding:12px}.fc-room-section-pack .vp-pack-card:only-child>.vp-parent-cover{grid-column:1;grid-row:auto;min-height:90px;max-height:130px;width:100%}html body.dg-ui42 .fc-room-section-pack .vp-pack-card:only-child{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}.fc-room-section-pack .vp-pack-card:only-child>:not(.vp-parent-cover){grid-column:1}}
@media(prefers-reduced-motion:reduce){.fc-room-section,.vp-pack-card{transition:none!important}}
html body.dg-product-ui.dg-ui42[data-dg-page] .fc-progress-label>span{color:var(--learn-muted)!important}html body.dg-product-ui.dg-ui42[data-dg-page] .fc-progress-label>span:last-child{color:var(--learn-accent)!important}html body.dg-product-ui.dg-ui42[data-dg-page] .dg-set-updated :is(span,time){color:var(--learn-muted)!important;font-size:13px!important}.vp-pack-card .fc-set-title{padding-right:0!important}
html body.dg-ui42 .fc-room-section-pack .vp-pack-card:only-child>.vp-parent-cover{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box;aspect-ratio:auto}
/* Study controls keep paired foreground/background colors in both display modes. */
html body.dg-product-ui.dg-ui42[data-dg-page="flashcard-typing"] {
  --ft-bg:var(--learn-bg)!important; --ft-card:var(--learn-surface)!important;
  --ft-text:var(--learn-text)!important; --ft-dim:var(--learn-muted)!important;
  --ft-dimmer:var(--learn-muted)!important; --ft-border:var(--learn-line)!important;
  --study-surface:var(--learn-surface); --study-raised:var(--learn-soft);
  --study-ink:var(--learn-text); --study-muted:var(--learn-muted);
}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt {position:relative;padding-right:44px}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt.active,
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt[aria-pressed="true"] {
  background:var(--learn-accent)!important;color:var(--learn-on-accent)!important;
  border:3px solid var(--learn-accent)!important;box-shadow:0 0 0 3px var(--learn-line-soft)!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt.active :is(.ft-opt-title,.ft-opt-desc,.ft-opt-icon) {
  color:var(--learn-on-accent)!important;-webkit-text-fill-color:var(--learn-on-accent)!important;opacity:1!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt.active::after {
  content:'✓';position:absolute;top:12px;right:14px;font-size:24px;font-weight:800;color:var(--learn-on-accent);
}
html body.dg-product-ui.dg-ui42[data-dg-page="flashcard-typing"] #study-typing :is(.ft-slot,.ft-slot-paren,.ft-answer-label,.ft-plural-box,.ft-prompt-label,.lr-instruction,#typing-symbol-note) {
  color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;opacity:1!important;text-shadow:none!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page="flashcard-typing"] #study-typing .ft-slot {border-bottom-color:currentColor!important}
html body.dg-product-ui.dg-ui42[data-dg-page="flashcard-typing"] #study-typing .correct .ft-slot {
  color:var(--learn-success)!important;-webkit-text-fill-color:var(--learn-success)!important;
}
html body.dg-product-ui.dg-ui42 #fc-cloze #cloze-options + #cloze-vi {
  margin:18px 0 8px;padding:16px;border:1px solid var(--learn-line);border-radius:12px;
  background:var(--learn-soft);color:var(--learn-text);line-height:1.8;
}
/* Answered choices are still readable content; do not fade them like unavailable controls. */
html body.dg-product-ui.dg-ui42 #ic-root {
  --ic-correct:#15803d;--ic-correct-bg:#dcfce7;--ic-correct-ink:#14532d;
  --ic-wrong:#b91c1c;--ic-wrong-bg:#fee2e2;--ic-wrong-ink:#7f1d1d;
}
html[data-dg-mode="dark"] body.dg-product-ui.dg-ui42 #ic-root {
  --ic-correct:#86efac;--ic-correct-bg:#163b29;--ic-correct-ink:#dcfce7;
  --ic-wrong:#fca5a5;--ic-wrong-bg:#482126;--ic-wrong-ink:#fee2e2;
}
html body.dg-product-ui.dg-ui42 #ic-root .ic-options button.ic-option {
  opacity:1!important;border-style:solid!important;color:var(--learn-text)!important;
  -webkit-text-fill-color:var(--learn-text)!important;
}
html body.dg-product-ui.dg-ui42 #ic-root .ic-options button.ic-option.is-correct {
  border:4px solid var(--ic-correct)!important;background:var(--ic-correct-bg)!important;
  color:var(--ic-correct-ink)!important;-webkit-text-fill-color:var(--ic-correct-ink)!important;
  box-shadow:0 0 0 3px var(--ic-correct)!important;
}
html body.dg-product-ui.dg-ui42 #ic-root .ic-options button.ic-option.is-wrong {
  border:4px solid var(--ic-wrong)!important;background:var(--ic-wrong-bg)!important;
  color:var(--ic-wrong-ink)!important;-webkit-text-fill-color:var(--ic-wrong-ink)!important;
  box-shadow:0 0 0 3px var(--ic-wrong)!important;
}
html body.dg-product-ui.dg-ui42 #ic-root .ic-choice-number {
  background:#1e3029!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.dg-product-ui.dg-ui42 #ic-root .ic-option.is-correct::after {
  background:#166534!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.dg-product-ui.dg-ui42 #ic-root .ic-option.is-wrong::after {
  background:#991b1b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.dg-product-ui.dg-ui42 #ic-root :is(#ic-feedback,#ic-hint-content) {
  background:var(--learn-soft)!important;color:var(--learn-text)!important;
  border:1px solid var(--learn-line)!important;border-left:4px solid var(--learn-accent)!important;
  opacity:1!important;scroll-margin-block:100px;
}
html body.dg-product-ui.dg-ui42 #ic-root :is(#ic-feedback,#ic-hint-content) :is(p,strong) {
  color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;opacity:1!important;
}
/* Metadata must follow the same foreground palette as the light/dark exercise surface. */
html body.dg-product-ui.dg-ui42 #ic-root :is(.ic-top,.ic-top a,.ic-eyebrow,.ic-meta,#ic-room,#ic-status,.ic-note,.ic-image-error) {
  color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important;opacity:1!important;
}

/* Question instructions, recording credits and room choices share the active palette. */
html body.dg-product-ui.dg-ui42[data-dg-page] :is(.dg-vocab-question-label,.dg-vocab-audio-status,.dg-vocab-audio-status a) {
 color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important;opacity:1!important;text-shadow:none!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt:not(.active):not([aria-pressed=true]) {
 background:var(--learn-surface)!important;color:var(--learn-text)!important;border-color:var(--learn-line)!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt:not(.active):not([aria-pressed=true]) :is(.ft-opt-title,.ft-opt-icon) {
 color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;text-shadow:none!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page] .ft-modal .ft-opt:not(.active):not([aria-pressed=true]) .ft-opt-desc {
 color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important;
}
html body.dg-product-ui.dg-ui42[data-dg-page=flashcard-typing] #btn-check-answer:disabled {
 background:var(--learn-soft)!important;color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important;opacity:1!important;
}

/* Image answers use the same three rows after every choice and in the recap. */
html body.dg-product-ui.dg-ui42 #ic-root :is(#ic-feedback,#ic-review) p {
 color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;opacity:1!important;
}
html body.dg-product-ui.dg-ui42 #ic-root #ic-feedback p:not(:first-of-type),
html body.dg-product-ui.dg-ui42 #ic-root #ic-review article p:not(:first-of-type),
html body.dg-product-ui.dg-ui42 #ic-root #ic-hint-content p {
 font-weight:750!important;
}
/* Only the light palette changes for the typing caret and hint button. */
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #study-typing .ft-slot.is-caret {
 background:#cfe7ff!important;color:#123e67!important;-webkit-text-fill-color:#123e67!important;
 border-bottom-color:#135d9e!important;
}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #study-typing .ft-slot.is-caret::after {
 border:3px solid #1768ad!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #1768ad44!important;
}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #study-typing .ft-slot.is-selected {background:#bddcff!important}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #study-typing #btn-study-hint:not(:disabled) {
 background:#ffdc70!important;color:#503500!important;-webkit-text-fill-color:#503500!important;
 border:2px solid #a46a00!important;box-shadow:0 3px 10px #a46a0026!important;font-weight:800;
}
/* Flashcard recommendation: paired palettes, finite glow, reduced-motion support. */
html body.dg-product-ui.dg-ui42 {--rec-bg:#fff1bf;--rec-ink:#503400;--rec-line:#c78915;--rec-card:#fff8dc;--rec-cta:#865000;--rec-on:#fff;--rec-glow:#d8952566}
html[data-dg-mode=dark] body.dg-product-ui.dg-ui42 {--rec-bg:#173f46;--rec-ink:#c3f6ff;--rec-line:#65daec;--rec-card:#153840;--rec-cta:#8be8f6;--rec-on:#103238;--rec-glow:#65daec66}
html body.dg-product-ui.dg-ui42 #dg-flashcard-guide {
 background:var(--rec-bg)!important;color:var(--rec-ink)!important;-webkit-text-fill-color:var(--rec-ink)!important;
 border:2px solid var(--rec-line)!important;border-left-width:6px!important;font-size:16px!important;font-weight:750;padding:14px 18px!important;
}
html body.dg-product-ui.dg-ui42 #dg-flashcard-guide .dg-guide-bulb {color:var(--rec-ink)!important}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .ft-mode-card.dg-encourage {
 background:var(--rec-card)!important;border:2px solid var(--rec-line)!important;box-shadow:0 0 0 3px var(--rec-glow)!important;position:relative;
}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .ft-mode-card.dg-encourage .dg-mode-cta {
 background:var(--rec-cta)!important;color:var(--rec-on)!important;-webkit-text-fill-color:var(--rec-on)!important;border-color:var(--rec-line)!important;
}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::after {
 border:2px solid var(--rec-line)!important;box-shadow:inset 0 0 18px var(--rec-glow),0 0 16px var(--rec-glow)!important;
 animation:dgRecommendGlow 2.4s ease-in-out 3!important;
}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before {animation:none!important;background:none!important}
@keyframes dgRecommendGlow {50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::after{animation:none!important}}
html[data-dg-motion=reduced] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::after{animation:none!important}
html body.dg-product-ui.dg-ui42 [data-vp=packs] .vp-word-count {
 display:inline-block;padding:4px 10px;border-radius:8px;background:var(--learn-accent)!important;
 color:var(--learn-on-accent)!important;-webkit-text-fill-color:var(--learn-on-accent)!important;font-weight:800!important;
}
html body.dg-product-ui.dg-ui42 [data-vp=packs] .vp-pack-thumb {width:92px;min-width:92px;max-width:92px;height:138px;flex:0 0 92px}
html body.dg-product-ui.dg-ui42 [data-vp=packs] .vp-pack-thumb>.dg-room-cover {aspect-ratio:2/3;height:100%;margin:0!important}
html body.dg-product-ui.dg-ui42 [data-vp=packs] .vp-pack-thumb img {display:block;width:100%;height:100%;object-fit:cover}

/* A moving beam across the recommended Flashcard, independent of the glow. */
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage {overflow:hidden!important;isolation:isolate}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before {
 content:''!important;display:block!important;position:absolute!important;inset:-30% auto -30% -55%;
 width:35%!important;height:auto!important;background:linear-gradient(90deg,transparent,#ffffff70,transparent)!important;
 transform:skewX(-18deg);z-index:1;pointer-events:none;
 animation:dgFlashcardBeam 3.2s ease-in-out infinite alternate!important;
}
@keyframes dgFlashcardBeam {from{left:-55%}to{left:125%}}
@media(prefers-reduced-motion:reduce){html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}}
html[data-dg-motion=reduced] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}
/* High-priority study destinations remain legible in the sidebar and mobile drawer. */
html body.dg-product-ui.dg-ui42 #mobile-drawer .dg-side-links .dg-side-link:is([href="/due-review.php"],[href="/flashcards.php"]) {
 background:#fff0ba!important;color:#533400!important;-webkit-text-fill-color:#533400!important;
 border:1px solid #bc821c!important;border-left:4px solid #bc821c!important;font-weight:800!important;
 box-shadow:0 2px 8px #bb821c18!important;
}
html[data-dg-mode=dark] body.dg-product-ui.dg-ui42 #mobile-drawer .dg-side-links .dg-side-link:is([href="/due-review.php"],[href="/flashcards.php"]) {
 background:#234249!important;color:#e2fbff!important;-webkit-text-fill-color:#e2fbff!important;
 border-color:#63cbdd!important;box-shadow:inset 0 0 12px #63cbdd18!important;
}
html body.dg-product-ui.dg-ui42 #mobile-drawer .dg-side-links .dg-side-link:is([href="/due-review.php"],[href="/flashcards.php"]):is(.active,[aria-current=page]) {
 outline:2px solid var(--learn-accent)!important;outline-offset:2px;
}
html body.dg-product-ui.dg-ui42 #mobile-drawer .dg-side-links [href="/flashcards.php"] .dg-side-icon {font-size:24px;line-height:1;filter:none!important}

/* One slow light spread, followed by three gentle flashes. */
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before {
 inset:-20%!important;width:auto!important;height:auto!important;border-radius:50%;
 background:radial-gradient(ellipse,var(--rec-flare,#67e8f94d) 0 45%,transparent 72%)!important;
 animation:dgFlashcardAttention 8s ease-in-out 1 forwards!important;opacity:0;transform:scale(0);
}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::after {animation:none!important;box-shadow:inset 0 0 12px var(--rec-glow)!important}
@keyframes dgFlashcardAttention {
 0%{transform:scale(0);opacity:0}40%{transform:scale(1.65);opacity:1}
 48%,62%,77%,92%,100%{transform:scale(1.65);opacity:0}
 55%,70%,85%{transform:scale(1.65);opacity:1}
}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 {
 --rec-bg:#f0e9ff;--rec-ink:#4c237b;--rec-line:#7443aa;--rec-card:transparent;
 --rec-cta:transparent;--rec-on:#4c237b;--rec-glow:#7443aa33;--rec-flare:#995deb45;
}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #view-room #room-modes .ft-mode-card.dg-encourage {background:transparent!important;box-shadow:none!important}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #view-room #room-modes .ft-mode-card.dg-encourage .dg-mode-cta {background:transparent!important;border:2px solid #7443aa!important;color:#4c237b!important;-webkit-text-fill-color:#4c237b!important}
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #dg-flashcard-guide .dg-guide-bulb,
html[data-dg-mode=light] body.dg-product-ui.dg-ui42 #dg-flashcard-guide .dg-guide-bulb svg {color:#63318f!important;stroke:currentColor!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}}
html[data-dg-motion=reduced] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}
/* Due review: page text follows the surrounding surface, card faces keep their own palette. */
html body.dg-product-ui.dg-ui42 #study48-app.due-review {
 --study-text:var(--learn-text);--study-muted:var(--learn-muted);--study-panel:var(--learn-surface);--study-line:var(--learn-line);
 color:var(--learn-text)!important;
}
html body.dg-product-ui.dg-ui42 #study48-app.due-review :is(.due-heading h1,.due-heading p,.due-toolbar label,.due-eyebrow,.due-progress-row,#due-progress,#due-position,.due-hint,#due-waiting,#s48-status,#due-writing label,#due-writing .muted) {
 color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;opacity:1!important;text-shadow:none!important;
}
html body.dg-product-ui.dg-ui42 #study48-app.due-review :is(.due-heading p,.due-progress-row,.due-hint,#due-waiting,#due-writing .muted) {color:var(--learn-muted)!important;-webkit-text-fill-color:var(--learn-muted)!important}
html body.dg-product-ui.dg-ui42 #ic-intro .ic-primary {margin:8px 8px 8px 0}

html body.dg-product-ui.dg-ui42 #study48-app.due-review .due-heading a.button {
 background:var(--learn-accent)!important;color:var(--learn-on-accent)!important;-webkit-text-fill-color:var(--learn-on-accent)!important;border-color:var(--learn-accent)!important;
}
html body.dg-product-ui.dg-ui42 #study48-app.due-review #due-room-name {background:var(--learn-soft)!important;color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;border:1px solid var(--learn-line)}

/* Top-left light expands diagonally to the lower-right, then flashes three times per cycle. */
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before {
 inset:0!important;border-radius:inherit!important;
 background:radial-gradient(ellipse at top left,var(--rec-flare,#67e8f94d),var(--rec-flare,#67e8f94d))!important;
 transform:none!important;transform-origin:top left!important;animation:dgFlashcardDiagonal 10s ease-in-out infinite!important;
}
@keyframes dgFlashcardDiagonal {
 0%{clip-path:circle(0% at 0 0);opacity:0}
 6%{clip-path:circle(8% at 0 0);opacity:1}
 42%{clip-path:circle(150% at 0 0);opacity:1}
 50%,64%,78%,92%,100%{clip-path:circle(150% at 0 0);opacity:0}
 57%,71%,85%{clip-path:circle(150% at 0 0);opacity:1}
}
html body.dg-product-ui.dg-ui42 #ic-root #ic-mastery {color:var(--learn-text)!important;-webkit-text-fill-color:var(--learn-text)!important;font-weight:750}
@media(prefers-reduced-motion:reduce){html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}}
html[data-dg-motion=reduced] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}

/* Seamless straight diagonal light bands: constant speed, no hold or circular reveal. */
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before {
 inset:0!important;clip-path:none!important;opacity:1!important;transform:none!important;
 background:repeating-linear-gradient(135deg,transparent 0 65px,var(--rec-flare,#67e8f94d) 85px,transparent 105px,transparent 169.705627px)!important;
 background-size:240px 240px!important;background-repeat:repeat!important;background-position:var(--dg-sweep-offset) 0!important;
 animation:dgFlashcardStraightSweep 2.8s linear infinite!important;
}
@property --dg-sweep-offset {syntax:"<length>";inherits:false;initial-value:0px}
@keyframes dgFlashcardStraightSweep {from{--dg-sweep-offset:0px}to{--dg-sweep-offset:240px}}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .ft-mode-card:has(.dg-mode-new) {position:relative!important}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-mode-new {
 position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;
 min-height:26px;padding:3px 10px;border:1px solid #9d3f0c;border-radius:999px;
 background:#ffdf80!important;color:#692600!important;-webkit-text-fill-color:#692600!important;
 font:850 12px/1.4 system-ui,sans-serif;letter-spacing:.04em;text-shadow:none!important;
 box-shadow:0 2px 7px #6926001a;pointer-events:none;
}
html[data-dg-mode=dark] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-mode-new {
 background:#ffd168!important;color:#492000!important;-webkit-text-fill-color:#492000!important;border-color:#ffe7a3;
}
@media(prefers-reduced-motion:reduce){html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}}
html[data-dg-motion=reduced] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}

/* A straight diagonal boundary reveals and retains a solid highlight behind it. */
@property --dg-fill-reveal {syntax:"<percentage>";inherits:false;initial-value:0%}
@property --dg-fill-alpha {syntax:"<number>";inherits:false;initial-value:1}
html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before {
 background:var(--rec-flare,#67e8f94d)!important;
 clip-path:polygon(0 0,var(--dg-fill-reveal) 0,0 var(--dg-fill-reveal))!important;
 opacity:var(--dg-fill-alpha)!important;
 animation:dgFlashcardRetainedFill 8s linear infinite!important;
}
@keyframes dgFlashcardRetainedFill {
 0%{--dg-fill-reveal:0%;--dg-fill-alpha:1}
 50%{--dg-fill-reveal:200%;--dg-fill-alpha:1}
 57.142857%{--dg-fill-reveal:200%;--dg-fill-alpha:0}
 64.285714%{--dg-fill-reveal:200%;--dg-fill-alpha:1}
 71.428571%{--dg-fill-reveal:200%;--dg-fill-alpha:0}
 78.571429%{--dg-fill-reveal:200%;--dg-fill-alpha:1}
 85.714286%{--dg-fill-reveal:200%;--dg-fill-alpha:0}
 92.857143%{--dg-fill-reveal:200%;--dg-fill-alpha:1}
 100%{--dg-fill-reveal:200%;--dg-fill-alpha:0}
}
@media(prefers-reduced-motion:reduce){html body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}}
html[data-dg-motion=reduced] body.dg-product-ui.dg-ui42 #view-room #room-modes .dg-encourage::before{animation:none!important;display:none!important}
