/* Manuskripter: quiet luxury for source criticism and translation comparison. */
#MANUSCRIPTMODE[aria-hidden="false"] {
  --ms-ink: #080d10;
  --ms-panel: #101a1b;
  --ms-panel-raised: #152323;
  --ms-paper: #f2e8ce;
  --ms-muted: #aeb9b1;
  --ms-teal: #73d7c3;
  --ms-gold: #d2ae68;
  --ms-blue: #9cb9e2;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  color: var(--ms-paper);
  background:
    radial-gradient(circle at 72% 0%, rgba(210, 174, 104, .12), transparent 35%),
    radial-gradient(circle at 12% 0%, rgba(115, 215, 195, .1), transparent 30%),
    linear-gradient(180deg, #0a1315, #070c0e 72%, #050809);
}

#MANUSCRIPTMODE[aria-hidden="false"] button,
#MANUSCRIPTMODE[aria-hidden="false"] input {
  font: inherit;
  letter-spacing: 0;
}

.ms-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 104px;
  padding: 17px 22px 16px;
  border-bottom: 1px solid rgba(210, 174, 104, .18);
  background: linear-gradient(180deg, rgba(16, 27, 28, .96), rgba(8, 14, 16, .88));
}

.ms-head-copy { min-width: 0; }
.ms-kicker {
  display: block;
  color: rgba(115, 215, 195, .82);
  font: 700 .56rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.ms-head h1 {
  margin: 7px 0 3px;
  color: var(--ms-paper);
  font: 600 clamp(1.45rem, 2.7vw, 2.25rem)/1 Georgia, 'Times New Roman', serif;
}
.ms-head p {
  max-width: 760px;
  color: rgba(174, 185, 177, .82);
  font-size: .78rem;
  line-height: 1.42;
}
.ms-head-actions,
.ms-bridge-actions,
.ms-rail-actions,
.ms-language-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ms-head-actions { flex: 0 0 auto; }
.ms-head-actions button,
.ms-bridge-actions button,
.ms-rail-actions button,
.ms-source-button {
  min-height: 33px;
  padding: 0 11px;
  border: 1px solid rgba(210, 174, 104, .27);
  border-radius: 8px;
  color: rgba(242, 232, 206, .86);
  background: rgba(210, 174, 104, .06);
  font: 650 .6rem/1 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.ms-head-actions button:hover,
.ms-bridge-actions button:hover,
.ms-rail-actions button:hover,
.ms-source-button:hover {
  transform: translateY(-1px);
  border-color: var(--ms-teal);
  color: var(--ms-paper);
  background: rgba(115, 215, 195, .11);
}
.ms-head-actions button.primary {
  color: #1a1710;
  border-color: var(--ms-gold);
  background: linear-gradient(180deg, #f0dfb6, #bd9956);
}

.ms-commandbar {
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(280px, 1.2fr) minmax(180px, .7fr);
  align-items: center;
  gap: 14px;
  min-height: 61px;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(115, 215, 195, .14);
  background: rgba(8, 14, 15, .74);
}
.ms-focus { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 5px 10px; min-width: 0; }
.ms-focus span { grid-column: 1 / -1; color: rgba(115, 215, 195, .72); font: 700 .45rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .15em; }
.ms-focus strong { overflow: hidden; color: var(--ms-paper); font: 700 .88rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
.ms-focus small { overflow: hidden; color: var(--ms-muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-view-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; padding: 3px; border: 1px solid rgba(210, 174, 104, .2); border-radius: 9px; background: rgba(2, 7, 8, .62); }
.ms-view-switch button,
.ms-filters button,
.ms-language-switch button {
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  color: rgba(174, 185, 177, .72);
  background: transparent;
  font: 650 .55rem/1 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
  cursor: pointer;
}
.ms-view-switch button:hover,
.ms-filters button:hover,
.ms-language-switch button:hover { color: var(--ms-paper); background: rgba(115, 215, 195, .09); }
.ms-view-switch button.active,
.ms-filters button.active,
.ms-language-switch button.active { color: #171713; background: linear-gradient(180deg, #f0dfb6, #c09d5c); box-shadow: 0 3px 12px rgba(210, 174, 104, .17); }
.ms-truth { display: grid; grid-template-columns: 7px 1fr; align-items: center; gap: 6px; justify-content: end; min-width: 0; }
.ms-truth i { width: 7px; height: 7px; border-radius: 50%; background: var(--ms-teal); box-shadow: 0 0 13px rgba(115, 215, 195, .62); }
.ms-truth span { color: rgba(174, 185, 177, .58); font: 700 .43rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
.ms-truth strong { grid-column: 2; color: var(--ms-paper); font: 650 .61rem/1 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif; }

.ms-layout { display: grid; grid-template-columns: minmax(246px, 286px) minmax(0, 1fr) minmax(248px, 292px); min-height: 0; overflow: hidden; }
.ms-index, .ms-stage, .ms-rail { min-width: 0; min-height: 0; overflow: auto; scrollbar-color: rgba(210, 174, 104, .33) transparent; scrollbar-width: thin; }
.ms-index { padding: 15px 12px 24px; border-right: 1px solid rgba(115, 215, 195, .14); background: rgba(10, 20, 21, .68); }
.ms-stage { padding: 15px 16px 28px; background: linear-gradient(180deg, rgba(10, 20, 22, .72), rgba(5, 10, 12, .9)); }
.ms-rail { padding: 15px 12px 26px; border-left: 1px solid rgba(210, 174, 104, .15); background: rgba(7, 14, 15, .74); }
.ms-index-head, .ms-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.ms-index-head h2 { margin-top: 5px; color: var(--ms-paper); font: 600 1.18rem/1 Georgia, serif; }
.ms-index-head > strong { color: var(--ms-gold); font: 500 1.8rem/1 Georgia, serif; }
.ms-search { display: grid; gap: 5px; margin: 16px 0 9px; }
.ms-search span { color: rgba(174, 185, 177, .55); font: 700 .44rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
.ms-search input { width: 100%; min-height: 38px; padding: 0 10px; border: 1px solid rgba(115, 215, 195, .2); border-radius: 8px; color: var(--ms-paper); background: rgba(3, 9, 10, .58); outline: none; font-size: .7rem; }
.ms-search input:focus { border-color: var(--ms-teal); box-shadow: 0 0 0 3px rgba(115, 215, 195, .1); }
.ms-filters { display: flex; flex-wrap: wrap; gap: 3px; padding-bottom: 10px; border-bottom: 1px solid rgba(210, 174, 104, .13); }
.ms-filters button { min-height: 25px; font-size: .49rem; }
.ms-index-list { display: grid; gap: 3px; margin-top: 10px; }
.ms-index-item { display: grid; grid-template-columns: 39px minmax(0, 1fr) auto; align-items: center; gap: 7px; width: 100%; min-height: 58px; padding: 7px 6px 7px 0; border: 0; border-left: 2px solid transparent; border-radius: 6px; text-align: left; color: var(--ms-paper); background: transparent; cursor: pointer; }
.ms-index-item:hover, .ms-index-item.active { border-left-color: var(--ms-teal); background: linear-gradient(90deg, rgba(115, 215, 195, .14), rgba(115, 215, 195, .025)); }
.ms-index-mark { display: grid; place-items: center; min-height: 29px; margin-left: 6px; border: 1px solid rgba(210, 174, 104, .28); border-radius: 6px; color: var(--ms-gold); font: 700 .54rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ms-index-copy { display: grid; min-width: 0; gap: 4px; }
.ms-index-copy strong { overflow: hidden; font-size: .66rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ms-index-copy small { overflow: hidden; color: var(--ms-muted); font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-index-item em { color: rgba(115, 215, 195, .7); font: 600 .42rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; writing-mode: vertical-rl; }
.ms-index-note { display: grid; gap: 5px; margin-top: 12px; padding: 10px; border: 1px solid rgba(210, 174, 104, .15); border-radius: 8px; background: rgba(210, 174, 104, .045); }
.ms-index-note strong { color: var(--ms-gold); font: 700 .55rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ms-index-note span { color: rgba(174, 185, 177, .72); font-size: .56rem; line-height: 1.4; }
.ms-empty { padding: 18px 8px; color: var(--ms-muted); font-size: .7rem; }

.ms-hero { position: relative; display: flex; justify-content: space-between; gap: 18px; min-height: 202px; padding: 21px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ms-accent) 35%, transparent); border-radius: 15px; background: linear-gradient(135deg, rgba(19, 34, 34, .98), rgba(9, 17, 19, .98)); box-shadow: 0 24px 58px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 244, 210, .05); isolation: isolate; animation: msReveal .44s cubic-bezier(.16, 1, .3, 1) both; }
.ms-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(118deg, color-mix(in srgb, var(--ms-accent) 18%, transparent), transparent 44%); opacity: .8; }
.ms-hero-glow { position: absolute; width: 260px; height: 260px; right: 0; top: -120px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ms-accent) 18%, transparent), transparent 68%); filter: blur(4px); opacity: .8; pointer-events: none; }
.ms-hero-copy { position: relative; min-width: 0; z-index: 1; }
.ms-siglum { margin: 13px 0 3px; color: var(--ms-accent); font: 500 clamp(2rem, 5vw, 3.9rem)/.82 Georgia, serif; }
.ms-hero h2 { overflow: hidden; margin: 0; color: var(--ms-paper); font: 600 clamp(1.1rem, 2vw, 1.72rem)/1.05 Georgia, serif; text-overflow: ellipsis; }
.ms-hero p { margin-top: 8px; color: rgba(242, 232, 206, .72); font-size: .72rem; }
.ms-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px; }
.ms-tags span { padding: 5px 8px; border: 1px solid rgba(210, 174, 104, .2); border-radius: 999px; color: rgba(242, 232, 206, .78); background: rgba(2, 8, 9, .32); font: 600 .5rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ms-hero-seal { display: grid; place-items: center; flex: 0 0 76px; align-self: center; width: 76px; height: 76px; border: 1px solid color-mix(in srgb, var(--ms-accent) 44%, transparent); border-radius: 50%; color: var(--ms-accent); background: rgba(2, 8, 9, .32); font: 500 2.5rem/1 Georgia, serif; box-shadow: inset 0 0 0 8px rgba(210, 174, 104, .035), 0 0 0 10px rgba(210, 174, 104, .025); }
.ms-verse-bridge { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-top: 12px; padding: 14px; border: 1px solid rgba(115, 215, 195, .16); border-radius: 11px; background: linear-gradient(90deg, rgba(17, 35, 35, .75), rgba(10, 20, 21, .54)); }
.ms-verse-bridge h3 { overflow: hidden; margin-top: 6px; color: var(--ms-paper); font: 650 .88rem/1.2 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.ms-verse-bridge p { max-width: 730px; margin-top: 5px; color: rgba(174, 185, 177, .7); font-size: .61rem; line-height: 1.45; }
.ms-section { margin-top: 14px; }
.ms-section-head { margin-bottom: 9px; }
.ms-section-head h3 { margin-top: 5px; color: var(--ms-paper); font: 600 1.03rem/1 Georgia, serif; }
.ms-section-head > span { color: rgba(174, 185, 177, .62); font: 600 .5rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ms-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ms-track-node { position: relative; display: grid; gap: 5px; min-height: 79px; padding: 10px; overflow: hidden; border: 1px solid rgba(210, 174, 104, .16); border-radius: 9px; color: var(--ms-paper); background: rgba(13, 25, 26, .7); text-align: left; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.ms-track-node::after { content: ''; position: absolute; left: 10px; right: 10px; top: 31px; height: 1px; background: linear-gradient(90deg, rgba(115, 215, 195, .5), transparent); opacity: .65; }
.ms-track-node:hover, .ms-track-node.active { transform: translateY(-2px); border-color: var(--ms-teal); background: linear-gradient(180deg, rgba(31, 58, 56, .78), rgba(11, 23, 24, .78)); }
.ms-track-node span { color: var(--ms-gold); font: 700 .52rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ms-track-node strong { overflow: hidden; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-track-node small { color: var(--ms-muted); font-size: .5rem; }
.ms-translation-section { padding-top: 3px; }
.ms-source-section { display: none; }
.ms-view-sources .ms-source-section { display: block; }
.ms-view-translations .ms-section:not(.ms-translation-section),
.ms-view-sources .ms-section:not(.ms-source-section) { display: none; }
.ms-view-sources .ms-source-section,
.ms-view-translations .ms-translation-section { animation: msReveal .34s ease both; }
.ms-translation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.ms-translation-card { display: grid; grid-template-rows: auto minmax(56px, 1fr) auto; min-height: 164px; padding: 11px; border: 1px solid rgba(210, 174, 104, .14); border-radius: 10px; background: linear-gradient(180deg, rgba(17, 29, 30, .86), rgba(8, 16, 17, .86)); }
.ms-translation-card.is-local { border-color: rgba(115, 215, 195, .3); box-shadow: inset 0 2px rgba(115, 215, 195, .45); }
.ms-translation-card header { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: start; gap: 6px; }
.ms-translation-card header div { display: grid; gap: 4px; min-width: 0; }
.ms-translation-card header strong { overflow: hidden; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-translation-card header small { color: var(--ms-muted); font-size: .48rem; }
.ms-translation-card header em { color: var(--ms-teal); font: 600 .42rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; text-align: right; }
.ms-language-dot { width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; background: var(--ms-gold); }
.ms-lang-en { background: var(--ms-blue); }.ms-lang-fr { background: #a0c779; }
.ms-translation-card p { margin-top: 10px; color: rgba(242, 232, 206, .76); font: .66rem/1.5 Georgia, serif; }
.ms-translation-card footer { display: flex; align-items: end; justify-content: space-between; gap: 6px; padding-top: 8px; border-top: 1px solid rgba(210, 174, 104, .11); }
.ms-translation-card footer span { overflow: hidden; color: rgba(174, 185, 177, .57); font-size: .47rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-translation-card footer button { border: 0; color: var(--ms-teal); background: transparent; font: 650 .48rem/1 -apple-system, BlinkMacSystemFont, 'SF Pro Display', Arial, sans-serif; cursor: pointer; }
.ms-translation-card footer button:hover { color: var(--ms-paper); }
.ms-language-switch { justify-content: flex-end; padding: 3px; border: 1px solid rgba(210, 174, 104, .18); border-radius: 8px; background: rgba(2, 8, 9, .42); }
.ms-language-switch button { min-height: 24px; font-size: .5rem; }
.ms-entry-count { align-self: center; padding: 0 4px; color: rgba(174, 185, 177, .58); font: 600 .45rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ms-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.ms-source-row { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 58px; padding: 9px 10px; border: 1px solid rgba(210, 174, 104, .15); border-radius: 9px; color: var(--ms-paper); background: rgba(13, 25, 26, .7); text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.ms-source-row:hover { transform: translateY(-1px); border-color: var(--ms-teal); background: rgba(115, 215, 195, .08); }
.ms-source-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ms-gold); box-shadow: 0 0 12px rgba(210, 174, 104, .42); }
.ms-source-row span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.ms-source-row strong { overflow: hidden; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-source-row small { overflow: hidden; color: var(--ms-muted); font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-source-row em { color: var(--ms-teal); font: 600 .45rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; }

.ms-rail-card { display: grid; gap: 10px; margin-bottom: 10px; padding: 14px; border: 1px solid rgba(210, 174, 104, .16); border-radius: 11px; background: linear-gradient(180deg, rgba(18, 31, 31, .87), rgba(8, 16, 17, .9)); box-shadow: 0 16px 34px rgba(0, 0, 0, .18); }
.ms-rail-card.ms-rail-active { border-color: rgba(115, 215, 195, .26); }
.ms-rail-card h3 { color: var(--ms-paper); font: 600 1.04rem/1.08 Georgia, serif; }
.ms-rail-card p { color: rgba(174, 185, 177, .72); font-size: .62rem; line-height: 1.5; }
.ms-rail-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.ms-rail-card dl div { min-width: 0; padding: 8px; border: 1px solid rgba(210, 174, 104, .12); border-radius: 7px; background: rgba(2, 8, 9, .3); }
.ms-rail-card dt { color: rgba(115, 215, 195, .7); font: 600 .43rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.ms-rail-card dd { overflow: hidden; margin-top: 5px; color: var(--ms-paper); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.ms-source-button { justify-self: start; min-height: 30px; }
.ms-confidence { display: flex; align-items: baseline; gap: 8px; }.ms-confidence strong { color: var(--ms-gold); font: 600 2.1rem/1 Georgia, serif; }.ms-confidence span { color: var(--ms-muted); font-size: .57rem; }
.ms-confidence-bar { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .08); }.ms-confidence-bar i { display: block; width: 71%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ms-teal), var(--ms-gold)); }
.ms-next-list { display: grid; gap: 4px; }.ms-next-list button { display: grid; gap: 3px; padding: 8px; border: 1px solid rgba(210, 174, 104, .13); border-radius: 7px; color: var(--ms-paper); background: rgba(2, 8, 9, .26); text-align: left; font-size: .6rem; cursor: pointer; }.ms-next-list button:hover { border-color: var(--ms-teal); }.ms-next-list small { color: var(--ms-muted); font-size: .49rem; }

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

@media (max-width: 1180px) {
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-layout { grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-rail { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; overflow: visible; padding: 10px 12px 16px; border-top: 1px solid rgba(210, 174, 104, .15); border-left: 0; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-rail-card { margin: 0; }
}

@media (max-width: 900px) {
  #MANUSCRIPTMODE[aria-hidden="false"] { overflow: auto !important; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-head-actions { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-commandbar { grid-template-columns: 1fr; gap: 8px; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-truth { justify-content: start; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-layout { grid-template-columns: 1fr; overflow: visible; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-index, #MANUSCRIPTMODE[aria-hidden="false"] .ms-stage, #MANUSCRIPTMODE[aria-hidden="false"] .ms-rail { grid-column: 1; overflow: visible; border: 0; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-index { max-height: 360px; border-bottom: 1px solid rgba(115, 215, 195, .14); }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-rail { display: grid; grid-template-columns: 1fr; padding: 12px; border-top: 1px solid rgba(210, 174, 104, .15); }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-translation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-source-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-head { padding: 14px; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-head h1 { font-size: 1.65rem; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-stage { padding: 12px; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-hero { min-height: 184px; padding: 15px; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-hero-seal { flex-basis: 54px; width: 54px; height: 54px; font-size: 1.8rem; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-verse-bridge { grid-template-columns: 1fr; }
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-translation-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-hero { animation: none; }
  #MANUSCRIPTMODE[aria-hidden="false"] button,
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-source-button { transition: none; }
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 130px;
  align-content: center;
  padding: 24px;
  border: 1px solid var(--bk-line, rgba(206, 224, 211, .14));
  border-radius: var(--bk-radius-md, 12px);
  color: var(--bk-text-soft, #c6cec5);
  background: color-mix(in srgb, var(--bk-surface, #101817) 92%, transparent);
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state strong {
  color: var(--bk-text, #f1efe6);
  font-size: var(--bk-text-md, .92rem);
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state span {
  color: var(--bk-muted, #87968d);
  font: .68rem/1.5 Georgia, serif;
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--bk-accent, #d5b36c);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--bk-accent, #d5b36c) 14%, transparent);
  animation: msAsyncPulse 1.35s ease-in-out infinite;
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state-error {
  border-color: color-mix(in srgb, var(--bk-danger, #e18d7d) 52%, var(--bk-line, rgba(206, 224, 211, .14)));
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state-error strong {
  color: var(--bk-danger, #e18d7d);
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--bk-line-strong, rgba(210, 177, 104, .42));
  border-radius: var(--bk-radius-md, 12px);
  color: var(--bk-text, #f1efe6);
  background: color-mix(in srgb, var(--bk-accent, #d5b36c) 14%, transparent);
  cursor: pointer;
}

#MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state button:focus-visible {
  outline: 2px solid var(--bk-focus, #7bd8c4);
  outline-offset: 3px;
}

@keyframes msAsyncPulse {
  0%, 100% { opacity: .45; transform: scale(.82); }
  50% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  #MANUSCRIPTMODE[aria-hidden="false"] .ms-async-state i { animation: none; }
}