/* Urtext Labor: a focused reading instrument for Hebrew, Aramaic and Greek. */
body[data-active-mode="original"] #VIZHUD,
body[data-active-mode="manuscripts"] #VIZHUD {
  display: none !important;
}

#ORIGINALMODE[aria-hidden="false"] {
  --olx-ink: #071012;
  --olx-panel: #0d191b;
  --olx-panel-raised: #122426;
  --olx-paper: #f4ead5;
  --olx-muted: #aebbb8;
  --olx-teal: #76d7c4;
  --olx-gold: #d2ae68;
  --olx-line: rgba(194, 220, 210, .13);
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% -20%, rgba(118, 215, 196, .14), transparent 38%),
    linear-gradient(180deg, #091517 0%, #071012 66%, #05090a 100%);
  border: 1px solid rgba(210, 174, 104, .26);
  box-shadow: 0 20px 80px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .05);
}

#ORIGINALMODE[aria-hidden="false"]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .34;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 72px 100%;
  mask-image: linear-gradient(180deg, black, transparent 86%);
}

#ORIGINALMODE[aria-hidden="false"] .studymode-head {
  min-height: 92px;
  padding: 16px 20px 15px;
  border-bottom: 1px solid rgba(118, 215, 196, .15);
  background: rgba(7, 16, 18, .76);
  backdrop-filter: blur(18px);
}

#ORIGINALMODE[aria-hidden="false"] .studymode-kicker,
#ORIGINALMODE[aria-hidden="false"] .original-search > span,
#ORIGINALMODE[aria-hidden="false"] .original-section-kicker {
  color: rgba(118, 215, 196, .83);
  font-size: .57rem;
  letter-spacing: .17em;
}

#ORIGINALMODE[aria-hidden="false"] .studymode-title {
  color: var(--olx-paper);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.3rem, 2.1vw, 1.85rem);
  letter-spacing: 0;
}

#ORIGINALMODE[aria-hidden="false"] .studymode-copy {
  max-width: 700px;
  color: rgba(174, 187, 184, .84);
  font-size: .74rem;
  line-height: 1.45;
}

#ORIGINALMODE[aria-hidden="false"] .studymode-actions {
  gap: 6px;
}

#ORIGINALMODE[aria-hidden="false"] .studymode-actions button,
#ORIGINALMODE[aria-hidden="false"] .study-smallbtn,
#ORIGINALMODE[aria-hidden="false"] .original-refbtn {
  min-height: 34px;
  border: 1px solid rgba(210, 174, 104, .25);
  border-radius: 9px;
  color: rgba(244, 234, 213, .9);
  background: rgba(210, 174, 104, .06);
  font-size: .6rem;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

#ORIGINALMODE[aria-hidden="false"] .studymode-actions button:hover,
#ORIGINALMODE[aria-hidden="false"] .study-smallbtn:hover,
#ORIGINALMODE[aria-hidden="false"] .original-refbtn:hover {
  transform: translateY(-1px);
  border-color: var(--olx-teal);
  color: var(--olx-paper);
  background: rgba(118, 215, 196, .11);
}

#ORIGINALMODE[aria-hidden="false"] .studymode-actions .close {
  width: 38px;
  padding: 0;
  color: #e7c985;
  border-color: rgba(210, 174, 104, .45);
}

#ORIGINALMODE[aria-hidden="false"] .original-main {
  gap: 8px;
  padding: 10px;
  background: rgba(3, 8, 9, .28);
}

#ORIGINALMODE[aria-hidden="false"] > .original-main > .studymode-panel {
  min-width: 0;
  border: 1px solid var(--olx-line);
  border-radius: 14px;
  background: rgba(13, 25, 27, .84);
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

#ORIGINALMODE[aria-hidden="false"] #ORIGINALSUGGESTIONS {
  padding: 14px;
}

#ORIGINALMODE[aria-hidden="false"] #ORIGINALSTAGE,
#ORIGINALMODE[aria-hidden="false"] #ORIGINALRAIL {
  padding: 15px;
}

#ORIGINALMODE[aria-hidden="false"] .original-search input {
  min-height: 42px;
  border: 1px solid rgba(118, 215, 196, .2);
  border-radius: 10px;
  color: var(--olx-paper);
  background: rgba(3, 9, 10, .6);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

#ORIGINALMODE[aria-hidden="false"] .original-search input::placeholder {
  color: rgba(174, 187, 184, .5);
}

#ORIGINALMODE[aria-hidden="false"] .original-mode-controls,
#ORIGINALMODE[aria-hidden="false"] .original-density-controls {
  gap: 5px;
}

#ORIGINALMODE[aria-hidden="false"] :is(.original-mode-controls button, .original-density-controls button) {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid rgba(194, 220, 210, .13);
  border-radius: 8px;
  color: rgba(174, 187, 184, .8);
  background: rgba(255, 255, 255, .035);
  font-size: .55rem;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

#ORIGINALMODE[aria-hidden="false"] :is(.original-mode-controls button.act, .original-density-controls button.act) {
  border-color: rgba(118, 215, 196, .5);
  color: #071012;
  background: var(--olx-teal);
  box-shadow: 0 8px 22px rgba(118, 215, 196, .12);
}

#ORIGINALMODE[aria-hidden="false"] .original-word-list {
  gap: 6px;
}

#ORIGINALMODE[aria-hidden="false"] .original-word-card {
  min-height: 66px;
  padding: 10px 11px 9px 14px;
  border: 1px solid rgba(194, 220, 210, .11);
  border-radius: 10px;
  background: rgba(255, 255, 255, .028);
  box-shadow: none;
}

#ORIGINALMODE[aria-hidden="false"] .original-word-card::before {
  width: 2px;
  border-radius: 2px;
  background: var(--olx-teal);
  opacity: .55;
}

#ORIGINALMODE[aria-hidden="false"] .original-word-card:hover,
#ORIGINALMODE[aria-hidden="false"] .original-word-card.act {
  transform: translateX(2px);
  border-color: rgba(118, 215, 196, .48);
  background: linear-gradient(90deg, rgba(118, 215, 196, .12), rgba(210, 174, 104, .04));
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}

#ORIGINALMODE[aria-hidden="false"] .original-word-card > strong {
  color: var(--olx-paper);
  font-size: .88rem;
}

#ORIGINALMODE[aria-hidden="false"] .original-word-card > span {
  color: rgba(174, 187, 184, .78);
  font-size: .68rem;
}

#ORIGINALMODE[aria-hidden="false"] .original-word-card > small {
  color: rgba(210, 174, 104, .78);
  font-size: .5rem;
}

#ORIGINALMODE[aria-hidden="false"] :is(.original-hero, .original-interlinear-card) {
  border: 1px solid rgba(118, 215, 196, .24) !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 88% 0%, rgba(210, 174, 104, .12), transparent 32%),
    linear-gradient(145deg, rgba(118, 215, 196, .11), rgba(255, 255, 255, .025)) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .05);
  animation: originalLuxuryEnter .38s ease both;
}

#ORIGINALMODE[aria-hidden="false"] .original-lemma b {
  color: #fff5dd;
  font-size: clamp(2.4rem, 4vw, 3.65rem);
  text-shadow: 0 0 28px rgba(118, 215, 196, .14);
}

#ORIGINALMODE[aria-hidden="false"] .original-lemma span {
  color: var(--olx-teal);
  font-size: .7rem;
}

#ORIGINALMODE[aria-hidden="false"] .original-facts,
#ORIGINALMODE[aria-hidden="false"] .original-morph-grid {
  gap: 7px;
}

#ORIGINALMODE[aria-hidden="false"] .original-fact,
#ORIGINALMODE[aria-hidden="false"] .original-lang-card,
#ORIGINALMODE[aria-hidden="false"] .original-auto-card {
  border: 1px solid rgba(194, 220, 210, .12);
  border-radius: 11px;
  background: rgba(3, 9, 10, .4);
}

#ORIGINALMODE[aria-hidden="false"] .original-fact strong,
#ORIGINALMODE[aria-hidden="false"] .original-lang-card strong,
#ORIGINALMODE[aria-hidden="false"] .original-auto-card strong {
  color: var(--olx-paper);
}

#ORIGINALMODE[aria-hidden="false"] :is(.original-fact span, .original-lang-card span, .original-auto-card span) {
  color: rgba(118, 215, 196, .72);
}

#ORIGINALMODE[aria-hidden="false"] .original-interlinear-head strong,
#ORIGINALMODE[aria-hidden="false"] :is(.original-hero + .studymode-card, #ORIGINALRAIL .studymode-card) > strong {
  color: var(--olx-paper);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.1rem;
}

#ORIGINALMODE[aria-hidden="false"] :is(.original-interlinear-row, .urtext-row) {
  border-color: rgba(194, 220, 210, .11);
  border-radius: 10px;
  background: rgba(255, 255, 255, .028);
}

#ORIGINALMODE[aria-hidden="false"] :is(.original-interlinear-row b, .urtext-row b) {
  color: #fff1cf;
  font-size: 1.2rem;
}

#ORIGINALMODE[aria-hidden="false"] .original-table td {
  border-color: rgba(194, 220, 210, .1);
  background: rgba(255, 255, 255, .028);
  color: rgba(244, 234, 213, .88);
}

#ORIGINALMODE[aria-hidden="false"] .original-chip {
  border-color: rgba(210, 174, 104, .27);
  color: #f4e8cb;
  background: rgba(210, 174, 104, .08);
}

#WORDSTUDY_PANEL:not([hidden]) {
  border: 1px solid rgba(118, 215, 196, .3);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(210, 174, 104, .11), transparent 35%),
    rgba(9, 18, 20, .96);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .06);
  backdrop-filter: blur(20px);
  animation: originalLuxuryEnter .28s ease both;
}

#WORDSTUDY_PANEL:not([hidden]) .wordstudy-kicker {
  color: rgba(118, 215, 196, .82);
  letter-spacing: .14em;
}

#WORDSTUDY_PANEL:not([hidden]) .wordstudy-title {
  color: var(--olx-paper);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.4rem;
}

@keyframes originalLuxuryEnter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 960px) {
  #ORIGINALMODE[aria-hidden="false"] .studymode-head { padding: 14px; }
  #ORIGINALMODE[aria-hidden="false"] .studymode-copy { display: none; }
  #ORIGINALMODE[aria-hidden="false"] .original-main { padding: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  #ORIGINALMODE[aria-hidden="false"] :is(.original-hero, .original-interlinear-card),
  #WORDSTUDY_PANEL:not([hidden]) { animation: none; }
  #ORIGINALMODE[aria-hidden="false"] :is(button, .original-word-card) { transition: none; }
}