/* Learning and generators share a local workspace, not a storage service. */
.otk-learning {
  --lg-ink: #172b46;
  --lg-muted: #50647e;
  --lg-line: #d7e1ec;
  --lg-accent: #0053e2;
  --lg-green: #126454;
  color: var(--lg-ink);
  min-width: 0;
}
.otk-learning *,
.otk-learning *::before,
.otk-learning *::after { box-sizing: border-box; }
.otk-learning .lg-intro { margin: 0 0 24px; font-size: .96rem; line-height: 1.7; color: var(--lg-muted); }
.otk-learning .lg-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 18px 0; }
.otk-learning .lg-fields > div,
.otk-learning .lg-row-fields > div { min-width: 0; }
.otk-learning .lg-wide { grid-column: 1 / -1; }
.otk-learning label { display: block; font-size: .86rem; line-height: 1.5; font-weight: 680; margin-bottom: 7px; }
.otk-learning input,
.otk-learning select,
.otk-learning textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--lg-ink);
  border: 1px solid #b7c7dc;
  border-radius: 9px;
  background: #fff;
  font: inherit;
  line-height: 1.4;
}
.otk-learning textarea { resize: vertical; font: .9rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; min-height: 110px; }
.otk-learning input[type="checkbox"] { width: 20px; min-width: 20px; min-height: 20px; height: 20px; padding: 0; accent-color: var(--lg-accent); }
.otk-learning input:focus-visible,
.otk-learning textarea:focus-visible,
.otk-learning select:focus-visible,
.otk-learning button:focus-visible,
.otk-learning summary:focus-visible,
.otk-learning a:focus-visible { outline: 3px solid #82b0fa; outline-offset: 3px; }
.otk-learning .lg-check-field { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-content: start; align-items: center; gap: 9px; padding: 8px 0; }
.otk-learning .lg-check-field label { margin: 0; }
.otk-learning .lg-check-field .lg-help { grid-column: 2; }
.otk-learning .lg-help { display: block; font-size: .79rem; line-height: 1.55; color: var(--lg-muted); margin-top: 6px; }
.otk-learning .lg-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 20px 0; }
.otk-learning button {
  border: 1px solid #b9c8dc;
  border-radius: 9px;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 16px;
  background: #fff;
  color: #234362;
  font-family: inherit;
  font-size: .86rem;
  font-weight: 650;
  line-height: 1.4;
  cursor: pointer;
  white-space: normal;
}
.otk-learning button:hover { background: #eef4fc; }
.otk-learning button:disabled { opacity: .55; cursor: not-allowed; }
.otk-learning button.lg-primary { background: var(--lg-accent); border-color: var(--lg-accent); color: #fff; }
.otk-learning button.lg-primary:hover { background: #0648ba; border-color: #0648ba; }
.otk-learning .lg-status { margin: 14px 0; font-size: .86rem; color: var(--lg-muted); line-height: 1.6; }
.otk-learning .lg-error { margin: 16px 0; padding: 14px 17px; border: 1px solid #e9c3bc; border-radius: 10px; background: #fff3f0; color: #982e20; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
.otk-learning .lg-note { font-size: .84rem; line-height: 1.65; color: var(--lg-muted); margin: 14px 0; overflow-wrap: anywhere; }
.otk-learning .lg-warning { border-left: 3px solid #c58c2c; background: #fff9e9; color: #735019; padding: 12px 15px; border-radius: 0 8px 8px 0; }
.otk-learning .lg-output { border-top: 1px solid var(--lg-line); margin-top: 24px; padding-top: 24px; min-width: 0; }
.otk-learning h2 { font-size: 1.25rem; margin: 0 0 20px; line-height: 1.4; }
.otk-learning h3 { font-size: 1.04rem; margin: 20px 0 12px; line-height: 1.5; }
.otk-learning .lg-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(155px, 100%), 1fr)); gap: 12px; margin: 18px 0; }
.otk-learning .lg-metrics > div { padding: 17px; background: #f0f5fd; border: 1px solid #dbe6f5; border-radius: 11px; min-width: 0; }
.otk-learning .lg-metrics dt { margin: 0 0 8px; font-size: .78rem; color: var(--lg-muted); line-height: 1.5; }
.otk-learning .lg-metrics dd { margin: 0; font-size: 1.18rem; font-weight: 760; line-height: 1.4; overflow-wrap: anywhere; }
.otk-learning .lg-scroll { position: relative; width: 100%; max-width: 100%; overflow: auto; min-width: 0; margin: 14px 0; }
.otk-learning table { width: 100%; border-collapse: collapse; font-size: .83rem; line-height: 1.5; margin: 0; }
.otk-learning th,
.otk-learning td { padding: 10px 12px; border-bottom: 1px solid var(--lg-line); text-align: left; vertical-align: top; overflow-wrap: anywhere; min-width: 85px; }
.otk-learning th { background: #f2f6fb; color: #334d6a; font-weight: 700; }
.otk-learning .lg-print-preview { display: block; width: 100%; height: 620px; border: 1px solid #bccadd; border-radius: 10px; background: #edf1f6; margin: 18px 0; }
.otk-learning .lg-session { border: 1px solid #cedfdf; border-radius: 16px; padding: 24px; background: #fcfefd; margin: 24px 0; min-width: 0; }
.otk-learning .lg-game-top { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; padding: 14px 16px; border-radius: 10px; color: #234d45; background: #eaf4ef; font-size: .85rem; line-height: 1.5; }
.otk-learning .lg-timer { color: #365c50; font-size: .8rem; font-variant-numeric: tabular-nums; }
.otk-learning .lg-question { margin: 20px 0; }
.otk-learning .lg-feedback { padding: 13px 15px; margin: 18px 0; font-size: .93rem; line-height: 1.6; border: 1px solid #d7e1ec; border-radius: 9px; background: #f6f8fb; }
.otk-learning .lg-feedback:empty { display: none; }
.otk-learning .lg-correct { background: #e8f5ec; color: #155b36; border-color: #b5d7c2; }
.otk-learning .lg-incorrect { background: #fff2e8; color: #863d17; border-color: #e7c5aa; }
.otk-learning .lg-maths-prompt { font-size: clamp(2rem, 4vw, 3.4rem); font-variant-numeric: tabular-nums; line-height: 1.3; margin: 28px 0; text-align: center; letter-spacing: .02em; }
.otk-learning .lg-answer-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 0; margin: 20px 0; }
.otk-learning .lg-answer-form > label { grid-column: 1 / -1; margin-bottom: 0; }
.otk-learning .lg-answer-form input { font-size: 1.05rem; }
.otk-learning .lg-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.otk-learning .lg-option { min-height: 55px; }
.otk-learning .lg-map-scroll { max-width: 100%; max-height: 590px; overflow: auto; border: 1px solid #ccdce5; border-radius: 12px; background: #eaf3f6; }
.otk-learning .lg-map { display: block; width: 100%; min-width: 100%; max-width: none; height: auto; }
.otk-learning .lg-county { fill: #d6e8dc; stroke: #507362; stroke-width: .65; vector-effect: non-scaling-stroke; cursor: pointer; }
.otk-learning .lg-county:nth-child(3n) { fill: #dce6ef; }
.otk-learning .lg-county:nth-child(3n + 1) { fill: #e4ecd4; }
.otk-learning .lg-county:hover { fill: #aec7ed; }
.otk-learning .lg-county:focus-visible { outline: none; stroke: #053d9a; stroke-width: 3.4; fill: #a8c8f4; }
.otk-learning .lg-county.lg-county-target { fill: #f2b34c; stroke: #965600; stroke-width: 2; }
.otk-learning .lg-county.lg-county-correct { fill: #34845d; stroke: #084e31; stroke-width: 2; }
.otk-learning .lg-county.lg-county-wrong { fill: #ce735b; stroke: #913726; stroke-width: 2; }
.otk-learning .lg-word { text-align: center; font: 650 clamp(1.7rem, 3vw, 2.8rem)/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; letter-spacing: .04em; margin: 24px 0; }
.otk-learning .lg-letter-keys { display: grid; grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); gap: 7px; max-width: 550px; margin: 20px auto; }
.otk-learning .lg-letter-keys button { min-width: 0; padding: 8px; font: 700 .9rem/1.4 ui-monospace, monospace; }
.otk-learning .lg-match-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 20px 0; }
.otk-learning .lg-match-column { min-width: 0; }
.otk-learning .lg-match-column h3 { margin-top: 0; font-size: .85rem; text-transform: uppercase; letter-spacing: 1px; }
.otk-learning .lg-match-card { display: block; width: 100%; min-height: 50px; margin-bottom: 10px; overflow-wrap: anywhere; }
.otk-learning .lg-match-card.lg-selected { background: #0854cd; color: #fff; border-color: #0854cd; }
.otk-learning .lg-match-card.lg-matched { background: #e0f0e6; color: #1a5836; border-color: #94c3a6; text-decoration: line-through; }
.otk-learning .lg-match-card:disabled { opacity: 1; cursor: default; }
.otk-learning .lg-typing-passage { padding: 22px; border: 1px solid #d1dce8; background: #fff; border-radius: 10px; font: 1.12rem/1.9 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 20px; }
.otk-learning .lg-type-correct { color: #155b37; background: #e5f2e9; }
.otk-learning .lg-type-wrong { color: #952916; background: #ffe3dd; text-decoration: underline; text-decoration-thickness: 2px; }
.otk-learning .lg-type-cursor { border-bottom: 3px solid #0053e2; }
.otk-learning .lg-typing-entry { font-size: 1rem; margin-bottom: 20px; }
.otk-learning .lg-typed-review { white-space: pre-wrap; overflow-wrap: anywhere; padding: 16px; background: #f5f8fc; border: 1px solid var(--lg-line); border-radius: 10px; font: .9rem/1.8 ui-monospace, monospace; }
.otk-learning .lg-password-list { display: grid; gap: 16px; margin: 20px 0; }
.otk-learning .lg-password-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 16px; background: #f6f8fb; border: 1px solid var(--lg-line); border-radius: 11px; }
.otk-learning .lg-password-row > label { grid-column: 1 / -1; margin: 0; }
.otk-learning .lg-password-value { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1rem; }
.otk-learning .lg-team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 16px; margin: 20px 0; }
.otk-learning .lg-team-card { border: 1px solid var(--lg-line); padding: 18px; border-radius: 12px; min-width: 0; }
.otk-learning .lg-team-card h3 { margin: 0 0 12px; }
.otk-learning .lg-team-card ol { margin: 0; padding-left: 22px; }
.otk-learning .lg-team-card li { padding: 10px 0; border-bottom: 1px solid #e8edf4; font-size: .88rem; line-height: 1.6; overflow-wrap: anywhere; }
.otk-learning .lg-team-card select { margin-top: 8px; font-size: .8rem; }
.otk-learning .lg-front { text-align: center; padding: 13px; color: #23584d; background: #e8f2ed; border: 1px solid #b7cec6; border-radius: 9px; font-size: .85rem; line-height: 1.5; }
.otk-learning .lg-seat-grid { display: grid; grid-template-columns: repeat(var(--lg-columns), minmax(0, 1fr)); gap: 10px; }
.otk-learning .lg-seat { padding: 12px; border: 1px solid var(--lg-line); border-radius: 10px; background: #fff; font-size: .77rem; min-width: 0; }
.otk-learning .lg-seat > strong { display: block; margin-bottom: 10px; font-variant-numeric: tabular-nums; }
.otk-learning .lg-seat select { font-size: .77rem; padding: 7px; }
.otk-learning .lg-inline-check { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.otk-learning .lg-inline-check label { margin: 0; font-size: .74rem; font-weight: 500; }
.otk-learning .lg-seat-blocked { background: #e9edf1; color: #52657b; }
.otk-learning .lg-editor-section { padding: 18px; margin: 24px 0; border: 1px solid var(--lg-line); border-radius: 12px; min-width: 0; }
.otk-learning .lg-editor-section legend { padding: 0 8px; font-size: 1.04rem; font-weight: 700; }
.otk-learning .lg-checklist-editor { display: grid; gap: 16px; margin: 18px 0; }
.otk-learning .lg-checklist-card { border: 1px solid var(--lg-line); border-radius: 10px; background: #f8fafe; padding: 18px; min-width: 0; }
.otk-learning .lg-checklist-card h3 { font-size: .8rem; margin: 0 0 15px; color: #4c6381; }
.otk-learning .lg-row-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.otk-learning .lg-checklist-card .lg-actions { margin-bottom: 0; }
.otk-learning .lg-checklist-card .lg-actions button { font-size: .76rem; padding: 8px 12px; }
.otk-learning .lg-import-details { border: 1px solid var(--lg-line); border-radius: 10px; padding: 16px; margin: 20px 0; }
.otk-learning summary { cursor: pointer; font-size: .9rem; font-weight: 650; line-height: 1.6; }
.otk-learning .lg-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
  .otk-learning .lg-fields { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .otk-learning .lg-session { padding: 15px; }
  .otk-learning .lg-game-top { padding: 12px; }
  .otk-learning .lg-actions > button { flex: 1 1 auto; }
  .otk-learning .lg-answer-form { grid-template-columns: minmax(0, 1fr); }
  .otk-learning .lg-match-board { gap: 12px; }
  .otk-learning .lg-match-card { font-size: .86rem; padding: 9px; }
  .otk-learning .lg-typing-passage { padding: 14px; font-size: .97rem; }
  .otk-learning .lg-password-row { grid-template-columns: minmax(0, 1fr); }
  .otk-learning .lg-editor-section { padding: 12px; }
  .otk-learning .lg-checklist-card { padding: 13px; }
  .otk-learning .lg-row-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .otk-learning .lg-row-fields > div:first-child { grid-column: 1 / -1; }
  .otk-learning .lg-options { grid-template-columns: minmax(0, 1fr); }
  .otk-learning th,
  .otk-learning td { padding: 9px; }
  .otk-learning .lg-print-preview { height: 470px; }
}

/* 1.20.0 generator studios: settings beside a live result on wide screens, stacked on phones. */
.otk-learning .lg-studio { display: grid; gap: 22px; align-items: start; }
.otk-learning .lg-studio-result { min-width: 0; }
.otk-learning .lg-studio-result > .lg-output { margin-top: 0; }
.otk-learning .lg-more { margin: 4px 0 6px; border-radius: 12px; background: #f5f8fc; padding: 12px 16px; }
.otk-learning .lg-more > summary { cursor: pointer; font-size: .9rem; font-weight: 680; color: var(--lg-ink); padding: 2px 0; }
.otk-learning .lg-more[open] > summary { margin-bottom: 4px; }
.otk-learning .lg-more > .lg-fields { margin: 10px 0 4px; }
.otk-learning .lg-print-frame { position: relative; width: 100%; overflow: hidden; margin: 18px 0; border-radius: 10px; background: #edf1f6; box-shadow: inset 0 0 0 1px #d7e1ec; }
.otk-learning .lg-print-frame .lg-print-preview { display: block; max-width: none; margin: 0; border: 0; border-radius: 0; transform-origin: 0 0; background: #fff; }
@media (min-width: 1100px) {
  .otk-learning.lg-has-studio .lg-studio { grid-template-columns: minmax(300px, 5fr) minmax(0, 7fr); }
  .otk-learning.lg-has-studio .lg-studio > .lg-form .lg-fields { grid-template-columns: minmax(0, 1fr); }
  .otk-learning.lg-has-studio .lg-row-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .otk-learning.lg-has-studio .lg-row-fields > div:first-child { grid-column: 1 / -1; }
  /* Seat plans keep their scroll fallback but fit up to four columns beside the settings. */
  .otk-learning.lg-has-studio .lg-scroll > .lg-seat-grid { min-width: calc(var(--lg-columns) * 118px) !important; gap: 8px; }
  .otk-learning.lg-has-studio .lg-seat { padding: 10px; }
  .otk-learning.lg-has-studio .lg-studio-result { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow: auto; overscroll-behavior: contain; padding: 4px 4px 4px 0; }
}

/* dark-mode:start — generated by scripts/dark-mode.py from assets/learning.css; do not edit by hand */
@media screen{
 html[data-theme="dark"] .otk-learning:not([data-otk-paper],[data-otk-paper] *){--lg-ink:#f0f0f0;--lg-muted:#acacac;--lg-line:#383838;color:#f0f0f0}
 html[data-theme="dark"] .otk-learning .lg-intro:not([data-otk-paper],[data-otk-paper] *){color:#acacac}
 html[data-theme="dark"] .otk-learning input:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning select:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning textarea:not([data-otk-paper],[data-otk-paper] *){color:#f0f0f0;border:1px solid #484848;background:#212121}
 html[data-theme="dark"] .otk-learning input:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning textarea:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning select:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning button:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning summary:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning a:focus-visible:not([data-otk-paper],[data-otk-paper] *){outline:3px solid #41526d}
 html[data-theme="dark"] .otk-learning .lg-help:not([data-otk-paper],[data-otk-paper] *){color:#acacac}
 html[data-theme="dark"] .otk-learning button:not([data-otk-paper],[data-otk-paper] *){border:1px solid #474747;background:#212121;color:#d4d4d4}
 html[data-theme="dark"] .otk-learning button:hover:not([data-otk-paper],[data-otk-paper] *){background:#292929}
 html[data-theme="dark"] .otk-learning button.lg-primary:not([data-otk-paper],[data-otk-paper] *){background:#0053e2;border-color:#0053e2;color:#fff}
 html[data-theme="dark"] .otk-learning button.lg-primary:hover:not([data-otk-paper],[data-otk-paper] *){background:#0648ba;border-color:#0648ba}
 html[data-theme="dark"] .otk-learning .lg-status:not([data-otk-paper],[data-otk-paper] *){color:#acacac}
 html[data-theme="dark"] .otk-learning .lg-error:not([data-otk-paper],[data-otk-paper] *){border:1px solid #5d3a34;background:#201614;color:#fa9b8b}
 html[data-theme="dark"] .otk-learning .lg-note:not([data-otk-paper],[data-otk-paper] *){color:#acacac}
 html[data-theme="dark"] .otk-learning .lg-warning:not([data-otk-paper],[data-otk-paper] *){border-left:3px solid #6c583b;background:#221d0e;color:#d9b17c}
 html[data-theme="dark"] .otk-learning .lg-output:not([data-otk-paper],[data-otk-paper] *){border-top:1px solid #696969}
 html[data-theme="dark"] .otk-learning .lg-metrics > div:not([data-otk-paper],[data-otk-paper] *){background:#292929;border:1px solid #3b3b3b}
 html[data-theme="dark"] .otk-learning .lg-metrics dt:not([data-otk-paper],[data-otk-paper] *){color:#acacac}
 html[data-theme="dark"] .otk-learning th:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-learning td:not([data-otk-paper],[data-otk-paper] *){border-bottom:1px solid #696969}
 html[data-theme="dark"] .otk-learning th:not([data-otk-paper],[data-otk-paper] *){background:#191919;color:#c7c7c7}
 html[data-theme="dark"] .otk-learning .lg-print-preview:not([data-otk-paper],[data-otk-paper] *){border:1px solid #464646;background:#292929}
 html[data-theme="dark"] .otk-learning .lg-session:not([data-otk-paper],[data-otk-paper] *){border:1px solid #324343;background:#212121}
 html[data-theme="dark"] .otk-learning .lg-game-top:not([data-otk-paper],[data-otk-paper] *){color:#addbd0;background:#232c27}
 html[data-theme="dark"] .otk-learning .lg-timer:not([data-otk-paper],[data-otk-paper] *){color:#9fc9ba}
 html[data-theme="dark"] .otk-learning .lg-feedback:not([data-otk-paper],[data-otk-paper] *){border:1px solid #3d3d3d;background:#191919}
 html[data-theme="dark"] .otk-learning .lg-correct:not([data-otk-paper],[data-otk-paper] *){background:#212d25;color:#95d8ac;border-color:#2c4d3a}
 html[data-theme="dark"] .otk-learning .lg-incorrect:not([data-otk-paper],[data-otk-paper] *){background:#32271e;color:#f8a47f;border-color:#593f29}
 html[data-theme="dark"] .otk-learning .lg-map-scroll:not([data-otk-paper],[data-otk-paper] *){border:1px solid #404040;background:#292929}
 html[data-theme="dark"] .otk-learning .lg-county:not([data-otk-paper],[data-otk-paper] *){fill:#293a2f;stroke:#89ae9c}
 html[data-theme="dark"] .otk-learning .lg-county:nth-child(3n):not([data-otk-paper],[data-otk-paper] *){fill:#343434}
 html[data-theme="dark"] .otk-learning .lg-county:nth-child(3n + 1):not([data-otk-paper],[data-otk-paper] *){fill:#2e351e}
 html[data-theme="dark"] .otk-learning .lg-county:hover:not([data-otk-paper],[data-otk-paper] *){fill:#394e6e}
 html[data-theme="dark"] .otk-learning .lg-county:focus-visible:not([data-otk-paper],[data-otk-paper] *){outline:none;stroke:#b4cffc;fill:#374e6e}
 html[data-theme="dark"] .otk-learning .lg-county.lg-county-target:not([data-otk-paper],[data-otk-paper] *){fill:#654d2a;stroke:#db9553}
 html[data-theme="dark"] .otk-learning .lg-county.lg-county-correct:not([data-otk-paper],[data-otk-paper] *){fill:#60ae85;stroke:#a5e4c0}
 html[data-theme="dark"] .otk-learning .lg-county.lg-county-wrong:not([data-otk-paper],[data-otk-paper] *){fill:#82574c;stroke:#fe9984}
 html[data-theme="dark"] .otk-learning .lg-match-card.lg-selected:not([data-otk-paper],[data-otk-paper] *){background:#0854cd;color:#fff;border-color:#0854cd}
 html[data-theme="dark"] .otk-learning .lg-match-card.lg-matched:not([data-otk-paper],[data-otk-paper] *){background:#24332a;color:#9bd9b0;border-color:#365744}
 html[data-theme="dark"] .otk-learning .lg-typing-passage:not([data-otk-paper],[data-otk-paper] *){border:1px solid #3f3f3f;background:#212121}
 html[data-theme="dark"] .otk-learning .lg-type-correct:not([data-otk-paper],[data-otk-paper] *){color:#94d7ad;background:#243028}
 html[data-theme="dark"] .otk-learning .lg-type-wrong:not([data-otk-paper],[data-otk-paper] *){color:#ff9f8b;background:#412923}
 html[data-theme="dark"] .otk-learning .lg-type-cursor:not([data-otk-paper],[data-otk-paper] *){border-bottom:3px solid #0053e2}
 html[data-theme="dark"] .otk-learning .lg-typed-review:not([data-otk-paper],[data-otk-paper] *){background:#191919;border:1px solid #696969}
 html[data-theme="dark"] .otk-learning .lg-password-row:not([data-otk-paper],[data-otk-paper] *){background:#191919;border:1px solid #696969}
 html[data-theme="dark"] .otk-learning .lg-team-card:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969}
 html[data-theme="dark"] .otk-learning .lg-team-card li:not([data-otk-paper],[data-otk-paper] *){border-bottom:1px solid #383838}
 html[data-theme="dark"] .otk-learning .lg-front:not([data-otk-paper],[data-otk-paper] *){color:#9cd2c4;background:#252e2a;border:1px solid #344d45}
 html[data-theme="dark"] .otk-learning .lg-seat:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969;background:#212121}
 html[data-theme="dark"] .otk-learning .lg-seat-blocked:not([data-otk-paper],[data-otk-paper] *){background:#2e2e2e;color:#acacac}
 html[data-theme="dark"] .otk-learning .lg-editor-section:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969}
 html[data-theme="dark"] .otk-learning .lg-checklist-card:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969;background:#1d1d1d}
 html[data-theme="dark"] .otk-learning .lg-checklist-card h3:not([data-otk-paper],[data-otk-paper] *){color:#aeaeae}
 html[data-theme="dark"] .otk-learning .lg-import-details:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969}
 html[data-theme="dark"] .otk-learning .lg-sr:not([data-otk-paper],[data-otk-paper] *){border:0}
 html[data-theme="dark"] .otk-learning .lg-more:not([data-otk-paper],[data-otk-paper] *){background:#191919}
 html[data-theme="dark"] .otk-learning .lg-more > summary:not([data-otk-paper],[data-otk-paper] *){color:#f0f0f0}
}
/* dark-mode:end */