body>header,body>main,body>footer,.nebula,.canvas-hint{display:none!important}#universe{z-index:0!important;background:#050913}.bible-app{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:Inter,Manrope,Arial,sans-serif;color:#eef4ff}.app-topbar{position:absolute;top:22px;left:28px;right:28px;height:48px;display:flex;align-items:center;gap:28px;pointer-events:auto}.app-brand{color:#eef4ff;text-decoration:none;font:700 14px ui-monospace,monospace;letter-spacing:.13em}.app-brand span{color:#88b7ff}.finder{position:relative;width:min(470px,54vw)}.finder input{box-sizing:border-box;width:100%;height:46px;border:1px solid #ffffff1e;border-radius:10px;background:#0c1427e8;color:#f3f7ff;padding:0 16px;font:14px Inter;outline:none;box-shadow:0 10px 34px #0005}.finder input:focus{border-color:#8dbbff;box-shadow:0 0 0 3px #8dbbff20}.finder-results{display:none;position:absolute;top:53px;left:0;right:0;overflow:hidden;border:1px solid #ffffff1e;border-radius:10px;background:#0c1427fa;box-shadow:0 18px 45px #0009}.finder-results.show{display:block}.finder-results button{display:grid;gap:4px;width:100%;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#edf4ff;padding:12px 14px;text-align:left;cursor:pointer}.finder-results button:hover{background:#182446}.finder-results span{color:#9cb0d0;font-size:11px}.quiet-button{margin-left:auto;border:1px solid #ffffff25;border-radius:9px;background:#0c1427dd;color:#e8f0ff;padding:10px 13px;font:600 12px Inter;cursor:pointer}.canvas-guide{position:absolute;bottom:25px;left:30px;margin:0;color:#a7b7d5;font:11px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.reader-drawer{display:none;position:absolute;top:93px;right:84px;width:min(438px,calc(100vw - 118px));max-height:calc(100vh - 120px);overflow:auto;padding:24px 25px 28px;border:1px solid #ffffff24;border-radius:16px;background:#0c1427f4;box-shadow:0 28px 90px #000d;pointer-events:auto}.reader-drawer.open{display:block}.close-reader{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#aabbd8;font-size:24px;cursor:pointer}.reader-reference{margin:0 30px 18px 0;color:#94bfff;font:600 12px ui-monospace,monospace;letter-spacing:.08em}.reader-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;border-radius:10px;background:#ffffff0a}.reader-tabs button{border:0;border-radius:7px;background:transparent;color:#a5b5d1;padding:9px 4px;font:600 11px Inter;cursor:pointer}.reader-tabs button.active{background:#253a67;color:#fff;box-shadow:0 4px 12px #0005}.reader-content{padding-top:21px}.reader-label{margin:0 0 8px;color:#94bfff;font:600 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.reader-content h1{margin:0 0 14px;color:#fff;font:500 37px/1.08 Georgia,serif}.reader-content h2{margin:2px 0 8px;color:#fff;font:500 25px/1.16 Georgia,serif}.reader-content h2 em{color:#8dbbff;font:600 12px Inter;font-style:normal}.verse-notice,.reader-note,.context-copy{margin:0;color:#b4c3da;font:14px/1.65 Inter}.read-esv{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px;border-radius:10px;background:#d9e7ff;color:#101a2f;padding:13px 15px;text-decoration:none;font:700 13px Inter}.read-esv span{font-size:17px}.reading-tip{border-top:1px solid #ffffff17;padding-top:15px}.verse-rows{display:grid;gap:7px;margin-top:17px}.verse-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff13;border-radius:9px;background:#ffffff08;color:#eef4ff;padding:12px 13px;text-align:left;cursor:pointer}.verse-row:hover{border-color:#8dbbff66;background:#1a294c}.verse-row strong{font:600 13px Inter}.verse-row span{color:#9db9ec;font:600 11px Inter}.verse-row b{font-size:14px}.empty{color:#aab9d1;font-size:13px}.context-copy{border-left:2px solid #8dbbff;padding-left:12px}.drawer-handle{position:absolute;top:112px;right:22px;display:grid;place-items:center;gap:5px;width:43px;min-height:80px;border:1px solid #ffffff29;border-radius:12px;background:#0c1427e8;color:#c7d7f0;pointer-events:auto;box-shadow:0 10px 28px #0008;cursor:pointer}.drawer-handle span{font:600 9px Inter;writing-mode:vertical-rl;letter-spacing:.08em}.drawer-handle.has-selection{border-color:#8dbbff8f;color:#fff}@media(max-width:700px){.app-topbar{top:14px;left:14px;right:14px;gap:9px}.app-brand{display:none}.finder{width:calc(100% - 95px)}.quiet-button{padding:10px 9px;font-size:11px}.reader-drawer{top:76px;right:63px;width:calc(100vw - 90px);max-height:calc(100vh - 92px);padding:21px}.drawer-handle{top:88px;right:10px}.canvas-guide{left:14px;bottom:14px;font-size:9px}}
.verse-text{margin:20px 0 18px;border-left:2px solid #8dbbff;padding:2px 0 2px 18px;color:#f1f5ff;font:400 20px/1.65 Georgia,serif}
.loading-state{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#050913;color:#b7c9e9;font:600 13px Inter,Arial,sans-serif;letter-spacing:.08em}.explore-guide{position:absolute;left:50%;top:50%;width:min(600px,calc(100vw - 48px));transform:translate(-50%,-48%);padding:30px 34px;border:1px solid #ffffff20;border-radius:18px;background:#0c1427e6;box-shadow:0 30px 90px #000a;text-align:center;pointer-events:auto;transition:opacity .3s,transform .3s}.explore-guide.dismissed{opacity:0;pointer-events:none;transform:translate(-50%,-42%)}.explore-guide h1{margin:0;color:#f7f9ff;font:500 clamp(28px,4vw,42px)/1.12 Georgia,serif}.explore-guide p{max-width:470px;margin:15px auto 23px;color:#b8c7df;font:15px/1.6 Inter,Arial,sans-serif}.explore-guide div{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:25px;color:#c9d7ec;font:600 11px Inter,Arial,sans-serif}.explore-guide span{display:flex;align-items:center;gap:7px}.explore-guide b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#253a67;color:#fff;font:700 10px Inter,Arial,sans-serif}.explore-guide button{border:0;border-radius:10px;background:#d9e7ff;color:#101a2f;padding:13px 17px;font:700 13px Inter,Arial,sans-serif;cursor:pointer}.explore-guide button:hover{background:#fff}@media(max-width:700px){.explore-guide{padding:26px 21px}.explore-guide div{align-items:flex-start;flex-direction:column;margin-left:calc(50% - 94px);gap:10px}}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050913}#universe{position:fixed;inset:0;display:block}
.landing-finder{position:relative;width:min(420px,100%);margin:0 auto 12px}.landing-finder input{box-sizing:border-box;width:100%;height:46px;border:1px solid #ffffff28;border-radius:10px;background:#071024e8;color:#f3f7ff;padding:0 15px;font:14px Inter,Arial,sans-serif;outline:none}.landing-finder input:focus{border-color:#8dbbff;box-shadow:0 0 0 3px #8dbbff20}.landing-finder .finder-results{top:52px;text-align:left;z-index:5}
.topic-picker{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.topic-picker button{border:1px solid #ffffff20;border-radius:999px;background:#ffffff08;color:#c7d7f0;padding:7px 10px;font:600 11px Inter,Arial,sans-serif;cursor:pointer}.topic-picker button.active,.topic-picker button:hover{border-color:#8dbbff;background:#253a67;color:#fff}.topic-picker small{margin-left:4px;color:#9bbcf3}
.connection-legend{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin:0 0 18px!important;color:#aebfda!important;font:11px/1.4 Inter,Arial,sans-serif!important}.connection-legend span{display:block!important}.connection-legend strong{display:block;color:#eaf1ff;font-size:11px}.back-star{position:absolute;left:14px;top:12px;border:0;background:transparent;color:#aabbd8;padding:4px;font:600 11px Inter,Arial,sans-serif;cursor:pointer}.back-star:hover{color:#fff}.back-star:disabled{opacity:.35;cursor:default}@media(max-width:700px){.connection-legend{grid-template-columns:1fr!important;text-align:left;margin-left:16px!important;gap:5px!important}}
.back-star{left:16px;top:12px;border:1px solid #8dbbff80;border-radius:8px;background:#1b315c;color:#fff;padding:8px 11px;font:700 12px Inter,Arial,sans-serif;box-shadow:0 6px 18px #0008}.back-star:hover{background:#31528d;border-color:#d9e7ff}.back-star:disabled{opacity:.35;cursor:default}.reader-reference{margin-left:96px}
.reading-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #ffffff18}.reading-actions button,.return-verse{border:1px solid #8dbbff75;border-radius:9px;background:#1b315c;color:#fff;padding:11px 10px;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.reading-actions button:hover,.return-verse:hover{background:#31528d}.return-verse{margin-bottom:17px;background:transparent;color:#c7dcff}.chapter-reading{margin-top:18px}.reading-row{margin:0 0 13px;color:#eef4ff;font:400 17px/1.7 Georgia,serif}.reading-row sup{display:inline-block;min-width:24px;color:#8dbbff;font:700 10px Inter,Arial,sans-serif;vertical-align:top;padding-top:7px}@media(max-width:700px){.reading-actions{grid-template-columns:1fr}.reading-row{font-size:16px}}
.chapter-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #ffffff18}.chapter-controls button{border:1px solid #8dbbff75;border-radius:9px;background:#1b315c;color:#fff;padding:11px 9px;font:700 11px Inter,Arial,sans-serif;cursor:pointer}.chapter-controls button:hover{background:#31528d}.chapter-controls button:disabled{opacity:.35;cursor:default;background:#ffffff08}@media(max-width:700px){.chapter-controls{grid-template-columns:1fr}}
@media(max-width:760px){.app-topbar{top:10px;left:10px;right:10px;height:44px;gap:8px}.app-brand{display:none}.finder{width:calc(100% - 82px)}.finder input{height:44px;border-radius:9px;font-size:14px}.quiet-button{padding:10px 11px;font-size:11px}.canvas-guide{display:none}.explore-guide{top:48%;width:calc(100vw - 28px);padding:25px 18px;border-radius:15px}.explore-guide h1{font-size:31px}.explore-guide p{margin:12px auto 18px;font-size:14px}.explore-guide div:not(.landing-finder):not(.connection-legend){align-items:center;flex-direction:column;margin:0 0 16px;gap:8px}.connection-legend{grid-template-columns:1fr!important;margin:0 0 15px!important;text-align:left}.landing-finder{margin-bottom:11px}.landing-finder input{height:44px}.explore-guide button{width:100%;padding:13px}.drawer-handle{top:67px;right:9px;width:40px;min-height:68px;border-radius:10px}.reader-drawer{top:auto;right:0;bottom:0;box-sizing:border-box;width:100%;max-height:78vh;padding:19px 16px 25px;border-radius:18px 18px 0 0;border-right:0;border-bottom:0}.reader-reference{margin:2px 38px 15px 100px;font-size:10px}.back-star{left:14px;top:10px;padding:8px 10px}.close-reader{right:10px;top:7px}.reader-tabs{gap:2px}.reader-tabs button{padding:9px 2px;font-size:10px}.reader-content{padding-top:17px}.reader-content h1{font-size:32px}.reader-content h2{font-size:24px}.verse-text{font-size:18px;line-height:1.6;padding-left:14px}.reading-row{font-size:16px;line-height:1.62}.reading-actions,.chapter-controls{gap:7px}.verse-row{padding:12px}.finder-results{max-height:45vh;overflow:auto}.landing-finder .finder-results{max-height:34vh}}
@media(min-width:761px) and (max-width:1050px){.explore-guide{width:min(560px,calc(100vw - 60px))}.reader-drawer{right:72px;width:min(410px,calc(100vw - 100px))}.app-topbar{left:22px;right:22px}.app-brand{font-size:12px}.finder{width:min(420px,48vw)}}
@media(max-width:480px){.explore-guide{top:47%;width:calc(100vw - 24px);padding:17px 14px 16px;border-radius:14px}.explore-guide h1{font-size:26px;line-height:1.1}.explore-guide p{margin:9px auto 12px;font-size:12px;line-height:1.42}.explore-guide div:not(.landing-finder):not(.connection-legend){flex-direction:row;justify-content:center;gap:8px;margin:0 0 12px}.explore-guide div:not(.landing-finder):not(.connection-legend) span{gap:4px;font-size:9px;white-space:nowrap}.explore-guide div:not(.landing-finder):not(.connection-legend) b{width:17px;height:17px;font-size:8px}.connection-legend{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0 0 12px!important;text-align:center}.connection-legend strong{font-size:10px}.connection-legend span{font-size:9px;line-height:1.25}.landing-finder{margin-bottom:8px}.landing-finder input{height:40px;font-size:13px}.explore-guide button{padding:11px;font-size:12px}.finder{width:calc(100% - 73px)}.quiet-button{padding:9px 8px;font-size:10px}.drawer-handle{top:62px}}
/* Keep the interface fixed while the universe receives touch gestures. */
#universe { touch-action: none; }
.app-topbar, .explore-guide, .drawer-handle { touch-action: none; }
.reader-drawer { touch-action: pan-y; }

@media (max-width: 760px) {
  .app-topbar { justify-content: center; }
  .app-topbar .finder {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: min(64vw, 320px);
  }
  .app-topbar .quiet-button { position: absolute; right: 0; z-index: 2; }
}

/* Landing is intentionally focused on its one, centered search field. */
.app-topbar { transition: opacity .22s ease, transform .22s ease; }
.landing-mode .app-topbar { opacity: 0; pointer-events: none; transform: translateY(-14px); }
.landing-mode .drawer-handle { opacity: 0; pointer-events: none; }
.landing-finder { margin-left: auto !important; margin-right: auto !important; }
.topic-color-key { position: absolute; left: 22px; top: 98px; z-index: 22; width: 180px; border: 1px solid #ffffff23; border-radius: 10px; background: #0c1427e8; color: #dbe8ff; pointer-events: auto; font: 600 11px Inter, Arial, sans-serif; }
.landing-mode .topic-color-key, .topic-mode .topic-color-key { top: 12px; left: 12px; }
.topic-color-key summary { padding: 10px 12px; cursor: pointer; list-style: none; }
.topic-color-key summary::after { content: '⌄'; float: right; color: #91baff; }
.topic-color-key[open] summary::after { content: '⌃'; }
.topic-color-key div { display: flex; flex-direction: column; gap: 5px; padding: 0 12px 12px; }
.topic-color-key button { display: inline-flex; align-items: center; gap: 7px; width: 100%; border: 0; background: transparent; color: #dbe8ff; padding: 4px 0; font: 600 11px Inter, Arial, sans-serif; text-align: left; cursor: pointer; }
.topic-color-key button:hover { color: #fff; text-shadow: 0 0 10px currentColor; }
.topic-color-key i { width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 7px currentColor; }
.topic-color-key .god { background:#70aeff; color:#70aeff }.topic-color-key .creation { background:#4dd3c4; color:#4dd3c4 }.topic-color-key .spirit { background:#b384ff; color:#b384ff }.topic-color-key .life { background:#71d286; color:#71d286 }.topic-color-key .family { background:#ff8fbd; color:#ff8fbd }.topic-color-key .salvation { background:#ffca68; color:#ffca68 }.topic-color-key .covenant { background:#f3a652; color:#f3a652 }.topic-color-key .church { background:#5cc9d8; color:#5cc9d8 }.topic-color-key .kingdom { background:#f57171; color:#f57171 }.topic-color-key .jesus { background:#ffb878; color:#ffb878 }

/* On touch screens the header remains a clear, dedicated control row. */
@media (max-width: 1024px) {
  .topic-mode .topic-color-key {
    top: 88px;
    left: 12px;
  }
}

/* One compact Reader slide tab on every screen size. */
.drawer-handle {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  grid-auto-flow: column;
  gap: 0;
  width: 40px;
  min-height: 36px;
  padding: 0 9px;
  border-radius: 999px 0 0 999px;
  font-size: 14px;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.drawer-handle span { display: none; }
.drawer-handle.is-open { background: #1b315c; border-color: #a8c8ff; }
.reader-drawer {
  display: block;
  top: 50%;
  right: 0;
  bottom: auto;
  transform: translate(calc(100% + 8px), -50%);
  opacity: 0;
  pointer-events: none;
  transition: transform .28s ease, opacity .2s ease;
  border-radius: 18px 0 0 18px;
  border-right: 0;
}
.reader-drawer.open { display: block; transform: translate(0, -50%); opacity: 1; pointer-events: auto; }
.top-search-mount:empty { display: none; }
.reader-search-slot { margin: 0 38px 16px 100px; }
.reader-search-slot .finder { width: 100%; }
.reader-search-slot .finder input { height: 42px; }
.reader-search-slot .finder-results { z-index: 10; }
.reader-drawer .back-star { top: 29px; }

/* Search results are a complete, scrollable Scripture list directly beneath the field. */
.finder-results {
  max-height: min(58vh, 560px);
  overflow-y: auto;
  text-align: left;
}
.landing-finder .finder-results { max-height: clamp(160px, calc(100vh - 520px), 360px); }
.keyword-result-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px;
  border-bottom: 1px solid #ffffff1d;
  color: #eff5ff;
  background: #14203a;
  font: 600 13px Inter, Arial, sans-serif;
}
.keyword-result-summary span { color: #9fc4ff; font-size: 11px; white-space: nowrap; }
.finder-results .keyword-verse-result { gap: 5px; }
.keyword-verse-result strong { color: #fff; font-size: 13px; }
.keyword-verse-result em { color: #9bc3ff; font: 600 10px Inter, Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.keyword-verse-result span { color: #c7d3e8; font: 13px/1.45 Georgia, serif; }
.more-results { position: sticky; bottom: 0; display: block !important; width: 100%; border: 0; background: #233b6c; color: #fff; padding: 12px; font: 700 12px Inter, Arial, sans-serif; cursor: pointer; }
.more-results:hover { background: #31528d; }
.explore-guide .finder-results button.keyword-verse-result {
  display: grid;
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid #ffffff12;
  border-radius: 0;
  background: transparent;
  color: #eef4ff;
  text-align: left;
}
.explore-guide .finder-results button.keyword-verse-result:hover { background: #182446; }
.explore-guide .finder-results button.more-results { width: 100%; border-radius: 0; background: #233b6c; color: #fff; padding: 12px; }
@media (max-width: 760px) {
  .finder-results { max-height: 48vh; }
  .keyword-result-summary { padding: 11px 12px; font-size: 12px; }
  .finder-results .keyword-verse-result { gap: 5px; font-family: Inter, Arial, sans-serif; }
  .finder-results .keyword-verse-result strong { font-size: 12px; line-height: 1.25; }
  .finder-results .keyword-verse-result em { font-size: 10px; line-height: 1.25; }
  .finder-results .keyword-verse-result span,
  .explore-guide .finder-results .keyword-verse-result span { font-size: 12px !important; line-height: 1.45; }
  .reader-search-slot .finder-results { max-height: 38vh; }
  .drawer-handle { width: 38px; min-height: 34px; padding: 0; }
}

/* Keep the slide tab outside the reader's usable text column. */
.reader-drawer {
  box-sizing: border-box;
  width: min(520px, calc(100vw - 30px));
  padding-right: 72px;
}
@media (max-width: 760px) {
  .reader-drawer { width: min(94vw, 460px); padding-right: 58px; }
  .reader-search-slot { margin-left: 86px; margin-right: 32px; }
}

@media (max-width: 760px) {
  .drawer-handle {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    grid-auto-flow: column;
    gap: 6px;
    width: 74px;
    min-height: 36px;
    padding: 0 9px;
    border-radius: 999px 0 0 999px;
    font-size: 14px;
    transition: background .2s ease, border-color .2s ease;
  }
  .drawer-handle span { writing-mode: horizontal-tb; font-size: 10px; letter-spacing: .05em; }
  .drawer-handle.is-open { background: #1b315c; border-color: #a8c8ff; }
  .reader-drawer {
    display: block;
    top: 50%;
    right: 0;
    bottom: auto;
    width: min(88vw, 420px);
    max-height: 76vh;
    transform: translate(calc(100% + 8px), -50%);
    opacity: 0;
    pointer-events: none;
    transition: transform .28s ease, opacity .2s ease;
    border-radius: 18px 0 0 18px;
    border-right: 0;
  }
  .reader-drawer.open { display: block; transform: translate(0, -50%); opacity: 1; pointer-events: auto; }
}

/* Final mobile overrides: keep the icon control small and the reader roomy. */
@media (max-width: 760px) {
  .drawer-handle { gap: 0; width: 38px; min-height: 34px; padding: 0; }
  .reader-drawer { width: min(94vw, 460px); padding-right: 58px; }
  .topic-color-key { top: 14px; left: 12px; width: 150px; font-size: 10px; }
  .topic-color-key summary { padding: 8px 10px; }
  .topic-color-key div { max-height: 42vh; overflow: auto; padding: 0 10px 10px; }
}

/* Local reading tools: compact enough for a full chapter, clear enough to use on touch. */
.reading-verse { margin: 0 0 14px; padding: 9px 10px 10px; border-radius: 10px; transition: background .18s ease; }
.reading-verse { cursor: pointer; }
.reading-verse.is-study-selected { background: #16305a75; outline: 1px solid #8dbbff72; }
.reading-verse.highlight-yellow { background: #f6d4632a; box-shadow: inset 3px 0 #f6d463; }
.reading-verse.highlight-blue { background: #7ab8ff26; box-shadow: inset 3px 0 #7ab8ff; }
.reading-verse.highlight-pink { background: #f496bd24; box-shadow: inset 3px 0 #f496bd; }
.reading-verse .reading-row { margin: 0 0 8px; }
.verse-study-tools { display: flex; flex-wrap: wrap; gap: 6px; max-height: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: max-height .18s ease, margin .18s ease, opacity .18s ease; }
.reading-verse:hover .verse-study-tools, .reading-verse:focus-within .verse-study-tools, .reading-verse.is-study-selected .verse-study-tools, .selected-study-area:hover .verse-study-tools, .selected-study-area:focus-within .verse-study-tools, .verse-study-tools.is-editing { max-height: 42px; margin: 10px 0 3px; opacity: 1; pointer-events: auto; }
.verse-study-tools.compact { margin-left: 0; margin-right: 0; }
.verse-study-tools button { border: 1px solid #ffffff25; border-radius: 999px; background: #142443; color: #dce9ff; padding: 6px 9px; font: 700 10px Inter, Arial, sans-serif; cursor: pointer; }
.verse-study-tools button:hover { border-color: #9fc4ff; background: #233c6c; color: #fff; }
.note-editor { display: grid; gap: 7px; margin: 10px 0 4px; padding: 10px; border: 1px solid #8dbbff55; border-radius: 9px; background: #081327; }
.note-editor label { color: #bdd2f5; font: 700 10px Inter, Arial, sans-serif; }
.note-editor textarea { box-sizing: border-box; min-height: 86px; width: 100%; resize: vertical; border: 1px solid #ffffff2c; border-radius: 7px; background: #050c1a; color: #f0f5ff; padding: 9px; font: 13px/1.45 Inter, Arial, sans-serif; }
.note-editor button { justify-self: start; border: 0; border-radius: 7px; background: #d9e7ff; color: #14203a; padding: 8px 11px; font: 700 11px Inter, Arial, sans-serif; cursor: pointer; }
.context-card { margin: 14px 0; padding: 13px; border: 1px solid #ffffff17; border-radius: 10px; background: #ffffff08; }
.context-card h3 { margin: 0 0 6px; color: #dceaff; font: 700 11px Inter, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.context-card p,.context-card li { margin: 0; color: #c4d1e4; font: 13px/1.55 Inter, Arial, sans-serif; }
.context-card ul { display: grid; gap: 7px; margin: 0; padding-left: 18px; }
.context-detail { margin-top: 8px !important; color: #8fa6c9 !important; }
.context-source { margin: 16px 0 0; color: #92a8c9; font: 11px/1.5 Inter, Arial, sans-serif; }
.context-source a { color: #aad0ff; }
.reading-row { position: relative; padding-left: 27px; text-align: justify; text-justify: inter-word; hyphens: auto; }
.reading-row sup { position: absolute; left: 0; top: 0; min-width: 20px; }
.reader-tabs { grid-template-columns: repeat(5,1fr); }
.library-section { margin: 18px 0; }
.library-section h3 { margin: 0 0 8px; color: #dceaff; font: 700 11px Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.library-section h3 em { color: #91baff; font-style: normal; }
.library-item { display: grid; gap: 4px; width: 100%; margin-bottom: 7px; border: 1px solid #ffffff18; border-radius: 9px; background: #ffffff08; color: #eef4ff; padding: 11px; text-align: left; cursor: pointer; }
.library-item:hover { background: #1a294c; border-color: #8dbbff66; }
.library-item strong { font: 700 12px Inter,Arial,sans-serif; }.library-item span { color: #b9c9e2; font: 12px/1.4 Georgia,serif; }
.verse-comparison { margin: -1px 0 10px; padding: 14px; border: 1px solid #7bb2ff73; border-radius: 0 0 11px 11px; background: #0a1831; box-shadow: inset 3px 0 #8dbbff; }
.comparison-heading { display: flex; align-items: center; justify-content: space-between; color: #9fc4ff; font: 700 10px Inter, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.comparison-heading button { border: 0; background: transparent; color: #b8c9e4; font-size: 19px; cursor: pointer; }
.verse-comparison h3 { margin: 9px 0 6px; color: #fff; font: 600 16px Georgia, serif; }
.verse-comparison p { margin: 0; color: #e4ecfa; font: 16px/1.58 Georgia, serif; text-align: justify; text-justify: inter-word; }
.comparison-open { margin-top: 12px; border: 1px solid #90bfff80; border-radius: 7px; background: #1b315c; color: #fff; padding: 8px 10px; font: 700 10px Inter, Arial, sans-serif; cursor: pointer; }
.comparison-origin { margin-top: 14px; padding-top: 12px; border-top: 1px solid #ffffff1d; }
.comparison-origin span { display: block; margin-bottom: 6px; color: #9fc4ff; font: 700 10px Inter, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.comparison-origin p { color: #c9d7eb; font-size: 14px; }
@media (max-width: 760px) { .verse-study-tools button { padding: 6px 8px; font-size: 9px; } .reading-verse { padding: 8px; } .reading-verse .verse-study-tools { max-height: 0; margin: 0; opacity: 0; pointer-events: none; } .reading-verse.is-study-selected .verse-study-tools, .reading-verse:focus-within .verse-study-tools, .selected-study-area:focus-within .verse-study-tools, .verse-study-tools.is-editing { max-height: 42px; margin: 10px 0 3px; opacity: 1; pointer-events: auto; } }

/* Topic and reference cards keep their existing shape while showing the verse itself. */
.verse-row { display:grid; grid-template-columns:1fr auto; gap:6px 12px; align-items:start; }
.verse-row p { grid-column:1 / -1; margin:0; color:#c5d3e9; font:14px/1.5 Georgia,serif; text-align:justify; text-justify:inter-word; }
@media (max-width:760px) { .verse-row p { font-size:13px; line-height:1.48; } }

/* A card compares in place; only its verse-reference control changes stars. */
.verse-row { cursor:pointer; }
.verse-row.comparing { border-color:#8dbbff; border-radius:11px 11px 0 0; background:#17294b; }
.verse-row-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.verse-reference-link { border:0; background:transparent; color:#fff; padding:0; font:600 13px Inter,Arial,sans-serif; text-align:left; text-decoration:underline; text-decoration-color:#8dbbff99; text-underline-offset:3px; cursor:pointer; }
.verse-reference-link:hover { color:#aecdff; text-decoration-color:#aecdff; }
.verse-row-heading > span { color:#9db9ec; font:600 11px Inter,Arial,sans-serif; white-space:nowrap; }
.verse-comparison { margin-top:-8px; }
@media(max-width:760px){.verse-reference-link{font-size:13px}.verse-row-heading > span{font-size:10px}}
.app-topbar .home-icon{margin-left:0;width:38px;height:38px;padding:0;display:grid;place-items:center;font:700 23px/1 system-ui,"Segoe UI Symbol",sans-serif}
@media(max-width:760px){.app-topbar .home-icon{width:36px;height:36px;padding:0;font-size:21px}}
.app-topbar .app-brand{height:38px;display:inline-flex;align-items:center}
.app-topbar .app-brand{font-size:16px}
.drawer-handle{background:#0c1427f4;border-color:#ffffff24;color:#dbe8ff}
.drawer-handle:hover,.drawer-handle.is-open{background:#17294b;border-color:#8dbbff;color:#f4f8ff}
.search-result-group+ .search-result-group{border-top:1px solid #ffffff14}.search-result-group>small{display:block;padding:9px 14px 4px;color:#8dbbff;font:700 10px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}

/* Verbum-inspired dark study palette: charcoal surfaces, parchment text, and warm brass accents. */
:root { --verbum-ink:#f3ead8; --verbum-muted:#c8bda8; --verbum-gold:#d5ae5a; --verbum-brass:#a98242; --verbum-panel:#26231f; --verbum-panel-deep:#1a1815; --verbum-line:#6e6250; }
html,body,#universe { background:#0e0d0c !important; }
.bible-app { color:var(--verbum-ink); }
.app-brand,.reader-content h1,.reader-content h2,.verse-reference-link { color:var(--verbum-ink); }
.app-brand span,.reader-reference,.reader-label,.reader-content h2 em,.search-result-group>small { color:var(--verbum-gold) !important; }
.finder input,.landing-finder input,.finder-results,.reader-drawer,.topic-color-key,.drawer-handle { background:rgba(38,35,31,.96) !important; border-color:rgba(213,174,90,.32) !important; color:var(--verbum-ink) !important; }
.finder input:focus,.landing-finder input:focus { border-color:var(--verbum-gold) !important; box-shadow:0 0 0 3px rgba(213,174,90,.18) !important; }
.finder-results button { color:var(--verbum-ink) !important; border-color:rgba(243,234,216,.1) !important; }
.finder-results button:hover,.explore-guide .finder-results button.keyword-verse-result:hover { background:#39342b !important; }
.finder-results span,.keyword-verse-result span,.verse-notice,.reader-note,.context-copy,.canvas-guide { color:var(--verbum-muted) !important; }
.quiet-button,.drawer-handle:hover,.drawer-handle.is-open,.back-star,.reading-actions button,.chapter-controls button,.comparison-open { background:#3a3328 !important; border-color:var(--verbum-gold) !important; color:var(--verbum-ink) !important; }
.quiet-button:hover,.back-star:hover,.reading-actions button:hover,.chapter-controls button:hover,.comparison-open:hover { background:#51442e !important; }
.reader-tabs { background:#161411 !important; }
.reader-tabs button { color:#cfc2aa !important; }
.reader-tabs button.active { background:#4a3c27 !important; color:#fff8e8 !important; }
.verse-text,.context-copy { border-color:var(--verbum-gold) !important; color:var(--verbum-ink) !important; }
.verse-row,.library-item,.context-card { background:rgba(243,234,216,.055) !important; border-color:rgba(213,174,90,.18) !important; color:var(--verbum-ink) !important; }
.verse-row:hover,.library-item:hover,.verse-row.comparing { background:#39342b !important; border-color:var(--verbum-gold) !important; }
.verse-row p,.library-item span,.context-card p,.context-card li,.comparison-origin p { color:#ddd2be !important; }
.verse-row-heading > span,.verse-row span,.comparison-heading,.comparison-origin span { color:#d8b871 !important; }
.verse-reference-link { text-decoration-color:rgba(213,174,90,.75) !important; }
.verse-reference-link:hover { color:#fff5dc !important; text-decoration-color:#fff5dc !important; }
.topic-picker button,.verse-study-tools button { background:#332e28 !important; border-color:rgba(213,174,90,.3) !important; color:#e5d8c0 !important; }
.topic-picker button.active,.topic-picker button:hover,.verse-study-tools button:hover { background:#4a3c27 !important; border-color:var(--verbum-gold) !important; color:#fff8e8 !important; }
.explore-guide { background:rgba(38,35,31,.94) !important; border-color:rgba(213,174,90,.34) !important; box-shadow:0 30px 90px #000b !important; }
.explore-guide h1 { color:#fff7e6 !important; }
.explore-guide p,.explore-guide div { color:#d9cdb7 !important; }
.explore-guide b,.explore-guide button,.read-esv,.note-editor button { background:#d5ae5a !important; color:#211b13 !important; }
.explore-guide button:hover,.read-esv:hover,.note-editor button:hover { background:#ecd08e !important; }
.topic-color-key summary::after { color:var(--verbum-gold) !important; }
.topic-color-key button { color:#eadfcb !important; }
.topic-color-key .god { background:#cca652; color:#cca652 }.topic-color-key .creation { background:#77976f; color:#77976f }.topic-color-key .spirit { background:#8e709a; color:#8e709a }.topic-color-key .life { background:#6a8e6d; color:#6a8e6d }.topic-color-key .family { background:#ae6c74; color:#ae6c74 }.topic-color-key .salvation { background:#e1b85d; color:#e1b85d }.topic-color-key .covenant { background:#b98446; color:#b98446 }.topic-color-key .church { background:#5a898e; color:#5a898e }.topic-color-key .kingdom { background:#9d6353; color:#9d6353 }.topic-color-key .jesus { background:#ebd297; color:#ebd297 }

/* Persistent exit to the parent Verum Bible site. The house button still resets this app. */
.verum-back { position:absolute; top:22px; left:28px; z-index:8; display:inline-flex; align-items:center; gap:7px; min-height:38px; box-sizing:border-box; padding:0 13px; border:1px solid rgba(213,174,90,.46); border-radius:9px; background:rgba(38,35,31,.96); color:var(--verbum-ink); text-decoration:none; pointer-events:auto; box-shadow:0 10px 30px #0007; font:700 12px Inter,Arial,sans-serif; letter-spacing:.02em; }
.verum-back:hover,.verum-back:focus-visible { background:#51442e; border-color:var(--verbum-gold); outline:none; }
.verum-back > span { color:var(--verbum-gold); font-size:18px; line-height:1; }
.landing-mode .topic-color-key { left:auto; right:12px; }
.topic-mode .topic-color-key { top:82px; left:12px; right:auto; }
@media (max-width:760px) {
  .verum-back { top:10px; left:10px; min-width:40px; min-height:40px; justify-content:center; padding:0 10px; }
  .verum-back b { display:none; }
  .verum-back > span { font-size:20px; }
}

/* Verum Bible loading experience while the local Scripture datasets initialize. */
.loading-state { display:grid; place-items:center; padding:24px; box-sizing:border-box; background:radial-gradient(circle at 50% 34%,#39342b 0,#1b1916 44%,#0e0d0c 100%); color:#f3ead8; text-align:center; }
.verum-loading-card { width:min(360px,calc(100vw - 48px)); padding:34px 28px 30px; box-sizing:border-box; border:1px solid rgba(213,174,90,.32); border-radius:24px; background:rgba(38,35,31,.94); box-shadow:0 30px 90px #000b; }
.verum-loading-card img { display:block; width:64px; height:64px; margin:0 auto 14px; border:1px solid rgba(213,174,90,.42); border-radius:20px; box-shadow:0 12px 34px #0009; }
.verum-loading-brand { margin:0; color:#d5ae5a; font:700 11px/1.2 Inter,Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.verum-loading-card h1 { margin:10px 0 18px; color:#fff7e6; font:500 30px/1.12 Georgia,serif; letter-spacing:0; }
.verum-loading-message { margin:15px 0 0; color:#cfc2aa; font:600 12px/1.45 Inter,Arial,sans-serif; letter-spacing:.03em; }
.verum-loading-orbit { position:relative; width:76px; height:22px; margin:0 auto; }
.verum-loading-orbit::before { content:''; position:absolute; left:0; right:0; top:10px; height:1px; background:linear-gradient(90deg,transparent,rgba(213,174,90,.65),transparent); }
.verum-loading-orbit span { position:absolute; top:6px; width:9px; height:9px; border-radius:50%; background:#d5ae5a; box-shadow:0 0 14px rgba(213,174,90,.8); animation:verum-loading-pulse 1.2s ease-in-out infinite; }
.verum-loading-orbit span:nth-child(1) { left:8px; }
.verum-loading-orbit span:nth-child(2) { left:34px; animation-delay:.16s; }
.verum-loading-orbit span:nth-child(3) { right:8px; animation-delay:.32s; }
@keyframes verum-loading-pulse { 0%,100%{opacity:.35;transform:scale(.7)} 50%{opacity:1;transform:scale(1)} }
@media (max-width:480px) { .verum-loading-card { padding:28px 20px 25px; border-radius:20px; } .verum-loading-card h1 { font-size:27px; } }
@media (prefers-reduced-motion:reduce) { .verum-loading-orbit span { animation:none; opacity:.85; } }

/* Match the native Verum Bible verse-selection actions. */
.verum-selection-actions { margin-top:14px; padding-top:13px; border-top:1px solid rgba(213,174,90,.2); }
.highlight-colors { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:11px; }
.highlight-dot { width:26px; height:26px; padding:0; border:2px solid transparent; border-radius:50%; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.highlight-dot:hover { transform:scale(1.08); }
.highlight-dot.active { border-color:#fff8e8; box-shadow:0 0 0 2px #d5ae5a,inset 0 0 0 1px rgba(0,0,0,.18); }
.highlight-dot.yellow { background:#fde68a; }.highlight-dot.green { background:#86efac; }.highlight-dot.blue { background:#93c5fd; }.highlight-dot.orange { background:#fdba74; }.highlight-dot.pink { background:#f9a8d4; }.highlight-dot.purple { background:#c4b5fd; }
.clear-highlight { border:0; background:transparent; color:#c8bda8; padding:4px 2px; font:700 10px Inter,Arial,sans-serif; cursor:pointer; }
.clear-highlight:hover { color:#fff8e8; }
.verum-selection-actions .verse-study-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0; }
.verum-selection-actions .verse-study-tools button { min-height:34px; padding:7px 6px; }
.reading-verse .verum-selection-actions { display:none; }
.reading-verse.is-study-selected .verum-selection-actions,.reading-verse:focus-within .verum-selection-actions { display:block; }
@media(max-width:760px){.highlight-dot{width:24px;height:24px}.verum-selection-actions .verse-study-tools{gap:5px}.verum-selection-actions .verse-study-tools button{font-size:9px;padding:6px 3px}}

/* Keep Home beside the Verum Bible exit and the constellation label above its key. */
.app-topbar { pointer-events:none; }
.constellation-nav { position:absolute; top:0; left:145px; display:block; pointer-events:auto; }
.constellation-nav .home-icon { position:static !important; right:auto !important; width:auto; min-width:84px; height:38px; margin:0; padding:0 12px; display:flex; align-items:center; justify-content:flex-start; gap:7px; font:700 12px/1 Inter,Arial,sans-serif; }
.constellation-nav .home-icon > span:first-child { color:var(--verbum-gold); font-size:19px; }
.constellation-nav .app-brand { position:fixed; top:13px; right:12px; z-index:23; height:auto; display:block; font-size:12px; line-height:1.35; text-align:right; }
#topSearchMount { margin:0 auto; pointer-events:auto; }
.landing-mode .app-topbar { opacity:1; transform:none; pointer-events:none; }
.landing-mode #topSearchMount { visibility:hidden; pointer-events:none; }
.landing-mode .constellation-nav { pointer-events:auto; }
.landing-mode .topic-color-key,.topic-mode .topic-color-key,.topic-color-key { top:48px; left:auto; right:12px; }
.connection-tooltip { position:fixed; z-index:29; max-width:180px; padding:8px 10px; border:1px solid rgba(213,174,90,.46); border-radius:8px; background:rgba(26,24,21,.96); color:#fff7e6; box-shadow:0 10px 28px #0009; pointer-events:none; font:700 11px/1.35 Inter,Arial,sans-serif; }
.connection-tooltip[hidden] { display:none; }

/* Search choices are charcoal at rest, then turn gold on hover or keyboard focus. */
.search-result-group > small,
.keyword-verse-result em { color:#a99f8d !important; }
.finder-results button.keyword-verse-result,
.explore-guide .finder-results button.keyword-verse-result { background:#39342b !important; color:var(--verbum-ink) !important; }
.finder-results button.keyword-verse-result strong,
.explore-guide .finder-results button.keyword-verse-result strong { color:#fff7e6 !important; }
.finder-results button.keyword-verse-result:hover,
.finder-results button.keyword-verse-result:focus,
.finder-results button.keyword-verse-result:focus-visible,
.explore-guide .finder-results button.keyword-verse-result:hover,
.explore-guide .finder-results button.keyword-verse-result:focus,
.explore-guide .finder-results button.keyword-verse-result:focus-visible { background:var(--verbum-gold) !important; color:#211b13 !important; outline:none; }
.finder-results button.keyword-verse-result:hover strong,
.finder-results button.keyword-verse-result:hover em,
.finder-results button.keyword-verse-result:hover span,
.finder-results button.keyword-verse-result:focus strong,
.finder-results button.keyword-verse-result:focus em,
.finder-results button.keyword-verse-result:focus span,
.explore-guide .finder-results button.keyword-verse-result:hover strong,
.explore-guide .finder-results button.keyword-verse-result:hover em,
.explore-guide .finder-results button.keyword-verse-result:hover span { color:#211b13 !important; }

@media (max-width:760px) {
  .constellation-nav { top:0; left:48px; }
  .constellation-nav .home-icon {
    width:40px;
    min-width:40px;
    height:40px;
    padding:0;
    justify-content:center;
    border:1px solid rgba(213,174,90,.46) !important;
    border-radius:9px;
    background:rgba(38,35,31,.96) !important;
    color:var(--verbum-ink) !important;
    box-shadow:0 10px 30px #0007;
  }
  .constellation-nav .home-icon:hover,
  .constellation-nav .home-icon:focus-visible { background:#51442e !important; border-color:var(--verbum-gold) !important; outline:none; }
  .constellation-nav .home-icon > span:first-child { color:var(--verbum-gold); font-size:19px; }
  .constellation-nav .app-brand { top:10px; right:10px; display:block; max-width:150px; font-size:10px; }
  .landing-mode .topic-color-key,.topic-mode .topic-color-key,.topic-color-key {
    top:58px;
    left:10px;
    right:auto;
    width:88px;
    box-sizing:border-box;
    font-size:9px;
  }
  .topic-color-key summary { padding:8px 6px; white-space:nowrap; }
  .topic-color-key div { gap:4px; padding:0 6px 8px; }
  .topic-color-key button { gap:5px; font-size:8px; line-height:1.15; }
  .topic-color-key i { flex:0 0 7px; width:7px; height:7px; }
  body:not(.landing-mode) .app-topbar .finder { top:91px; }
}

/* Phone refinements: keep the landing search comfortably inside the guide,
   make the primary action a touch-sized button rather than a full-width bar,
   and make a held constellation connection easy to read. */
@media (max-width:760px) {
  .explore-guide .landing-finder { width:min(300px,calc(100% - 40px)); }
  .explore-guide > button { width:auto; min-height:40px; padding:9px 14px; font-size:12px; }
  .connection-tooltip[data-mobile-tag] { max-width:150px; padding:7px 9px; border-color:rgba(213,174,90,.7); background:rgba(26,24,21,.98); color:#fff7e6; font-size:12px; }
}