/* BibliaREM build 0.2.2 - UX edition */
:root {
  --font-main: Georgia, 'Times New Roman', serif;
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bg: #f8f1e5;
  --bg-2: #efe3cf;
  --surface: rgba(255, 251, 243, .92);
  --surface-strong: #fffaf0;
  --surface-soft: rgba(255, 255, 255, .56);
  --text: #1f1a14;
  --muted: #6d6255;
  --line: rgba(91, 70, 42, .22);
  --line-strong: rgba(143, 104, 48, .38);
  --gold: #b98625;
  --gold-2: #e9bf6b;
  --red: #7f1f1c;
  --green: #235c37;
  --purple: #463168;
  --blue: #123549;
  --shadow: 0 20px 60px rgba(41, 29, 15, .14);
  --radius-xl: 26px;
  --radius-lg: 18px;
  --radius-md: 12px;
  --header-h: 82px;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --bg: #06131d;
    --bg-2: #0a2233;
    --surface: rgba(8, 26, 39, .89);
    --surface-strong: #0c2232;
    --surface-soft: rgba(14, 40, 58, .64);
    --text: #f6efe3;
    --muted: #c9baa5;
    --line: rgba(232, 190, 110, .2);
    --line-strong: rgba(232, 190, 110, .42);
    --gold: #e1ad4f;
    --gold-2: #ffe1a1;
    --shadow: 0 28px 70px rgba(0, 0, 0, .45);
  }
}

:root[data-theme="dark"] {
  --bg: #06131d;
  --bg-2: #0a2233;
  --surface: rgba(8, 26, 39, .89);
  --surface-strong: #0c2232;
  --surface-soft: rgba(14, 40, 58, .64);
  --text: #f6efe3;
  --muted: #c9baa5;
  --line: rgba(232, 190, 110, .2);
  --line-strong: rgba(232, 190, 110, .42);
  --gold: #e1ad4f;
  --gold-2: #ffe1a1;
  --shadow: 0 28px 70px rgba(0, 0, 0, .45);
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100%;
  color: var(--text);
  font-family: var(--font-ui);
  background:
    radial-gradient(circle at 15% 0%, rgba(218, 164, 71, .18), transparent 34rem),
    radial-gradient(circle at 90% 12%, rgba(52, 130, 138, .16), transparent 42rem),
    linear-gradient(145deg, var(--bg), var(--bg-2));
  background-attachment: fixed;
}
body.is-protected { user-select: none; -webkit-user-select: none; }
a { color: inherit; }
button, select, input, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.skip-link { position: fixed; top: .6rem; left: .6rem; transform: translateY(-200%); background: var(--surface-strong); color: var(--text); padding: .7rem 1rem; border: 1px solid var(--line-strong); z-index: 2000; border-radius: 999px; }
.skip-link:focus { transform: translateY(0); }

.reader-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  min-height: var(--header-h);
  padding: .8rem clamp(.85rem, 2.5vw, 2rem);
  color: #fff6e6;
  background:
    linear-gradient(90deg, rgba(103, 31, 27, .84), transparent 34%),
    linear-gradient(180deg, rgba(20, 19, 18, .96), rgba(11, 23, 31, .94));
  border-bottom: 1px solid rgba(238, 197, 122, .25);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}
.reader-brand { display: grid; grid-template-columns: 54px auto; gap: .75rem; align-items: center; text-decoration: none; min-width: 0; }
.reader-brand img { width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0,0,0,.3)); }
.reader-brand strong { font-family: var(--font-main); font-size: clamp(1.2rem, 2.2vw, 2rem); letter-spacing: .15em; white-space: nowrap; }
.reader-brand small { display: block; margin-top: .12rem; font-size: .68rem; letter-spacing: .13em; color: #d9b777; text-transform: uppercase; }
.main-nav { display: flex; justify-content: center; align-items: center; gap: clamp(.6rem, 1.6vw, 1.6rem); }
.main-nav a { text-decoration: none; font-weight: 650; color: rgba(255, 248, 236, .92); }
.main-nav a:hover { color: var(--gold-2); }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; }
.icon-btn, .profile-link, .hamburger-btn, .calendar-header-btn {
  min-width: 42px; min-height: 42px; border: 1px solid rgba(238, 197, 122, .32); border-radius: 999px;
  display: inline-grid; place-items: center; color: #fff5df; background: rgba(255,255,255,.05); text-decoration: none;
}
.calendar-header-btn { padding: 0 .8rem; gap: .38rem; display: inline-flex; font-weight: 700; }
.icon-btn:hover, .profile-link:hover, .hamburger-btn:hover, .calendar-header-btn:hover { background: rgba(238, 197, 122, .14); }
.hamburger-btn { display: none; }
.theme-select { background: rgba(0,0,0,.16); color: #fff5df; border: 1px solid rgba(238,197,122,.32); border-radius: 999px; padding: .6rem .75rem; }
.theme-select option { color: #111; }

.biblical-date-strip {
  width: min(100%, 1760px);
  margin: .9rem auto 0;
  padding: 0 clamp(.85rem, 2.5vw, 2rem);
}
.date-pill {
  display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap;
  padding: .85rem 1rem;
  border: 1px solid var(--line-strong); border-radius: 999px;
  background: linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 84%, var(--gold) 16%));
  box-shadow: var(--shadow); text-align: center;
}
.date-main { font-family: var(--font-main); font-size: clamp(1rem, 2vw, 1.25rem); color: var(--text); }
.date-sub { color: var(--muted); }
.holy-marker { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 999px; background: radial-gradient(circle, var(--gold-2), var(--gold)); color: #2e1d05; box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent), 0 0 24px color-mix(in srgb, var(--gold) 44%, transparent); }
.holy-marker[hidden] { display: none; }

.reader-shell { width: min(100%, 1760px); margin: 0 auto; padding: clamp(.85rem, 2.3vw, 2rem); }
.reader-toolbar, .option-bar, .reader-content, .reader-panel, .footer, .modal-panel, .moon-panel {
  border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); backdrop-filter: blur(14px);
}
.reader-toolbar { border-radius: var(--radius-xl); padding: clamp(.85rem, 2vw, 1.3rem); display: grid; gap: 1rem; }
.book-count { display: inline-flex; align-items: center; gap: .6rem; font-family: var(--font-main); font-size: 1.1rem; font-weight: 700; }
.toolbar-grid { display: grid; grid-template-columns: minmax(260px, 1fr) 130px 130px auto; gap: .8rem; align-items: end; }
.field { display: grid; gap: .35rem; }
.field span { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.field select, .field input, .search-pop input, .moon-location select { width: 100%; min-height: 3rem; border-radius: 12px; border: 1px solid var(--line-strong); color: var(--text); background: var(--surface-strong); padding: 0 .8rem; }
.btn { min-height: 3rem; padding: 0 1rem; border-radius: 12px; border: 1px solid var(--line-strong); background: linear-gradient(180deg, var(--surface-strong), color-mix(in srgb, var(--surface-strong) 72%, var(--gold) 28%)); color: var(--text); font-weight: 800; }
.btn:hover { transform: translateY(-1px); }
.btn--primary { background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 62%, white), var(--gold)); color: #2b1b04; }

.option-bar { margin-top: .9rem; border-radius: var(--radius-xl); padding: .8rem; display: grid; grid-template-columns: repeat(10, minmax(120px, 1fr)); gap: .55rem; }
.option-toggle { position: relative; display: flex; align-items: center; justify-content: space-between; gap: .55rem; min-height: 2.6rem; border: 1px solid var(--line); border-radius: 12px; padding: .45rem .55rem; background: var(--surface-strong); }
.option-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.option-toggle .label { display: inline-flex; align-items: center; gap: .35rem; font-size: .87rem; font-weight: 800; }
.switch { width: 38px; height: 22px; border-radius: 999px; background: color-mix(in srgb, var(--muted) 40%, transparent); position: relative; box-shadow: inset 0 0 0 1px var(--line); }
.switch::after { content: ''; position: absolute; width: 18px; height: 18px; top: 2px; left: 2px; border-radius: 50%; background: white; box-shadow: 0 2px 6px rgba(0,0,0,.22); transition: transform .2s ease; }
.option-toggle:has(input:checked) { background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 22%, var(--surface-strong)), var(--surface-strong)); border-color: color-mix(in srgb, var(--gold) 55%, var(--line)); }
.option-toggle:has(input:checked) .switch { background: linear-gradient(90deg, var(--gold), var(--green)); }
.option-toggle:has(input:checked) .switch::after { transform: translateX(16px); }
.option-toggle[data-type="comparatii"] { color: var(--red); }
.option-toggle[data-type="mt"] { color: #9b6f12; }
.option-toggle[data-type="lxx"] { color: var(--purple); }
.option-toggle[data-type="conexiuni"] { color: var(--green); }
.option-toggle[data-type="aparat"] { color: #d9ae63; }
.option-toggle[data-type="observatii"] { color: #c7b083; }

.reader-content { margin-top: .9rem; border-radius: var(--radius-xl); overflow: hidden; display: grid; grid-template-columns: minmax(360px, .92fr) minmax(460px, 1.55fr); min-height: 640px; }
.scripture-column { border-right: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 88%, var(--gold) 12%); }
.scripture-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.35rem; border-bottom: 1px solid var(--line); }
.scripture-head h1 { font-family: var(--font-main); margin: 0; font-size: clamp(1.25rem, 2vw, 1.75rem); letter-spacing: .05em; }
.verse-list { display: grid; }
.verse-card { position: relative; display: grid; grid-template-columns: 2.2rem 1fr auto; gap: .7rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.06); }
.verse-card.is-current { background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 24%, transparent), transparent); box-shadow: inset 4px 0 0 var(--gold); }
.verse-number { font-family: var(--font-main); font-weight: 900; font-size: 1.05rem; }
.verse-text { font-family: var(--font-main); font-size: clamp(1.02rem, 1.35vw, 1.2rem); line-height: 1.7; }
.verse-tools { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .3rem; align-content: start; max-width: 190px; }
.verse-tool { width: 2rem; height: 2rem; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-strong); color: var(--muted); }
.verse-tool:hover { color: var(--gold); border-color: var(--gold); }
.more-verses { padding: 1rem; text-align: center; }
.panels-column { padding: 1rem; display: grid; gap: .85rem; grid-template-columns: repeat(12, 1fr); align-content: start; }
.reader-panel { border-radius: var(--radius-lg); overflow: hidden; grid-column: span 6; }
.reader-panel[data-panel="academice"], .reader-panel[data-panel="aparat"], .reader-panel[data-panel="observatii"] { grid-column: span 6; }
.reader-panel[data-panel="rezumat"], .reader-panel[data-panel="conexiuni"], .reader-panel[data-panel="anexe"] { grid-column: span 4; }
.reader-panel.is-hidden { display: none; }
.panel-title { display: flex; align-items: center; gap: .55rem; padding: .78rem 1rem; border-bottom: 1px solid var(--line); font-weight: 900; color: var(--gold); text-transform: uppercase; letter-spacing: .04em; font-size: .85rem; }
.panel-body { padding: 1rem; font-family: var(--font-main); line-height: 1.55; }
.compare-table, .feast-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.compare-table th, .compare-table td, .feast-table th, .feast-table td { border-bottom: 1px solid var(--line); padding: .55rem; text-align: left; vertical-align: top; }
.compare-table th { color: var(--red); width: 34%; }
.original-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.original-block { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.original-block b { color: var(--gold); display: block; margin-bottom: .35rem; }
.hebrew { font-size: 1.28rem; direction: rtl; text-align: right; }
.greek { font-size: 1.05rem; }
.tag-list { display: flex; flex-wrap: wrap; gap: .45rem; }
.tag-list a, .tag { border: 1px solid var(--line-strong); border-radius: 999px; padding: .35rem .6rem; text-decoration: none; background: var(--surface-strong); }

.modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 1900; display: none; }
.modal-backdrop.is-open { display: block; }
.modal-panel { position: fixed; z-index: 2000; top: calc(var(--header-h) + 1rem); right: 1rem; width: min(520px, calc(100vw - 2rem)); max-height: calc(100vh - var(--header-h) - 2rem); overflow: auto; border-radius: var(--radius-xl); display: none; }
.modal-panel.is-open { display: block; }
.modal-head { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem; background: var(--surface-strong); border-bottom: 1px solid var(--line); }
.modal-title { font-weight: 900; color: var(--gold); }
.modal-close { width: 2.2rem; height: 2.2rem; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--text); }
.modal-content { padding: 1rem; font-family: var(--font-main); line-height: 1.6; }
.login-required { border: 1px solid color-mix(in srgb, var(--gold) 55%, var(--line)); border-radius: 12px; padding: 1rem; background: color-mix(in srgb, var(--gold) 12%, transparent); }

.floating-calendar { position: fixed; right: clamp(.8rem, 2vw, 1.4rem); bottom: clamp(.8rem, 2vw, 1.4rem); z-index: 1400; display: inline-flex; align-items: center; gap: .55rem; min-height: 3.2rem; border-radius: 999px; border: 1px solid rgba(232, 190, 110, .55); background: linear-gradient(180deg, #0c2740, #071a2b); color: #fff2d7; padding: 0 1rem; box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 24px rgba(232,190,110,.18); font-weight: 900; }
.moon-drawer { position: fixed; inset: 0; z-index: 2100; pointer-events: none; }
.moon-drawer.is-open { pointer-events: auto; }
.moon-scrim { position: absolute; inset: 0; background: rgba(0,0,0,.42); opacity: 0; transition: opacity .2s ease; }
.moon-drawer.is-open .moon-scrim { opacity: 1; }
.moon-panel { position: absolute; top: 1rem; right: 1rem; bottom: 1rem; width: min(760px, calc(100vw - 2rem)); overflow: auto; transform: translateX(calc(100% + 2rem)); transition: transform .24s ease; border-radius: 28px; color: #f8efe2; background: radial-gradient(circle at 45% 0%, rgba(233, 181, 88, .2), transparent 20rem), linear-gradient(180deg, rgba(6, 19, 29, .98), rgba(5, 27, 42, .98)); border-color: rgba(232,190,110,.35); }
.moon-drawer.is-open .moon-panel { transform: translateX(0); }
.moon-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid rgba(232,190,110,.28); background: rgba(6,19,29,.92); backdrop-filter: blur(10px); }
.moon-head h2 { margin: 0; font-family: var(--font-main); letter-spacing: .08em; color: #f1bd63; }
.moon-close { width: 2.4rem; height: 2.4rem; border-radius: 999px; border: 1px solid rgba(232,190,110,.45); color: #fff; background: rgba(255,255,255,.06); }
.moon-content { padding: 1rem; display: grid; gap: .8rem; }
.moon-card { border: 1px solid rgba(232,190,110,.25); border-radius: 18px; padding: .95rem; background: rgba(2, 18, 30, .72); }
.moon-card h3 { margin: 0 0 .65rem; font-family: var(--font-main); color: #f1bd63; letter-spacing: .04em; }
.phase-row { display: grid; grid-template-columns: repeat(9, 1fr); gap: .5rem; align-items: end; }
.phase-item { display: grid; justify-items: center; gap: .35rem; color: #dcc9af; font-size: .72rem; }
.phase-disc { width: clamp(24px, 5vw, 45px); height: clamp(24px, 5vw, 45px); border-radius: 50%; background: radial-gradient(circle at var(--light, 70%) 45%, #d8d0bf, #342f2b 54%, #080c12 70%); box-shadow: inset -10px 0 16px rgba(0,0,0,.45); }
.phase-item.is-current .phase-disc { outline: 2px solid #f1bd63; box-shadow: 0 0 16px rgba(241,189,99,.5), inset -8px 0 15px rgba(0,0,0,.42); }
.current-phase { text-align: center; font-family: var(--font-main); }
.current-phase strong { font-size: 2rem; color: #f1bd63; display: block; }
.moon-two { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.year-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; text-align: center; }
.year-item strong { display: block; font-size: 1.9rem; color: #f5ddac; font-family: var(--font-main); }
.date-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; text-align: center; }
.sun-track, .season-track { position: relative; min-height: 114px; border-radius: 14px; overflow: hidden; background: linear-gradient(90deg, #06131d, #0b4e78 35%, #e8b85e 50%, #0b4e78 70%, #06131d); border: 1px solid rgba(232,190,110,.22); }
.sun-arc { position: absolute; left: 8%; right: 8%; top: 18%; height: 48%; border-top: 2px dashed rgba(255,214,132,.7); border-radius: 50% 50% 0 0; }
.sun-dot, .season-dot { position: absolute; width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(circle, #fff7c8, #ffc43b 55%, #c87c00); box-shadow: 0 0 24px rgba(255,200,67,.78); }
.sun-dot { left: 51%; top: 34%; transform: translate(-50%, -50%); }
.sun-time { position: absolute; bottom: .6rem; font-weight: 800; color: #fff2d7; }
.sun-time.start { left: 1rem; } .sun-time.end { right: 1rem; }
.moon-location { display: grid; grid-template-columns: 1fr auto; gap: .6rem; align-items: center; margin-top: .65rem; }
.season-track { min-height: 98px; display: grid; align-items: end; padding: 0 1rem 1rem; background: linear-gradient(90deg, #ffc8d4, #80b76a, #e0a13d, #d7ecff); }
.season-bar { height: 7px; background: rgba(255,255,255,.82); border-radius: 999px; position: relative; }
.season-dot { left: 52%; top: 48%; transform: translate(-50%, -50%); }
.feast-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.feast-table td:last-child { color: #f1bd63; white-space: nowrap; }
.moon-bottom-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: .65rem; }
.moon-bottom-grid .moon-card { text-align: center; font-size: .9rem; }

.search-pop { position: fixed; top: calc(var(--header-h) + .75rem); right: clamp(.85rem, 2vw, 2rem); z-index: 1800; width: min(520px, calc(100vw - 1.7rem)); padding: .8rem; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: var(--surface-strong); box-shadow: var(--shadow); display: none; }
.search-pop.is-open { display: block; }

.footer { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .55rem; margin: 0 auto; width: min(100%, 1760px); padding: 1.2rem clamp(.85rem, 2.5vw, 2rem) 2.2rem; color: var(--muted); text-align: center; font-size: .9rem; }
.footer strong { font-family: var(--font-main); color: var(--gold); letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 1200px) {
  .main-nav { display: none; position: absolute; top: 100%; left: .8rem; right: .8rem; padding: .8rem; border-radius: 18px; background: rgba(10, 28, 40, .97); border: 1px solid rgba(238,197,122,.25); box-shadow: 0 12px 30px rgba(0,0,0,.28); flex-direction: column; align-items: stretch; }
  .main-nav.is-open { display: flex; }
  .hamburger-btn { display: inline-grid; }
  .toolbar-grid { grid-template-columns: 1fr 96px 96px; }
  .parallel-btn { grid-column: 1 / -1; }
  .option-bar { grid-template-columns: repeat(4, minmax(120px,1fr)); }
  .reader-content { grid-template-columns: 1fr; }
  .scripture-column { border-right: 0; border-bottom: 1px solid var(--line); }
  .panels-column { grid-template-columns: 1fr; }
  .reader-panel, .reader-panel[data-panel] { grid-column: 1 / -1; }
  .modal-panel { top: auto; left: .8rem; right: .8rem; bottom: .8rem; width: auto; max-height: 78vh; }
}
@media (max-width: 760px) {
  :root { --header-h: 72px; }
  .reader-header { grid-template-columns: auto 1fr auto; gap: .5rem; }
  .reader-brand { grid-template-columns: auto; justify-items: center; gap: 0; }
  .reader-brand img, .reader-brand small { display: none; }
  .reader-brand strong { font-size: 1.1rem; letter-spacing: .12em; }
  .header-actions .calendar-header-btn span:last-child, .theme-select { display: none; }
  .toolbar-grid { grid-template-columns: 1fr 82px 82px; gap: .55rem; }
  .field select, .btn { min-height: 2.75rem; }
  .option-bar { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .45rem; }
  .option-toggle { min-height: 2.45rem; padding: .35rem .45rem; }
  .option-toggle .label { font-size: .78rem; }
  .switch { width: 34px; height: 20px; }
  .switch::after { width: 16px; height: 16px; }
  .option-toggle:has(input:checked) .switch::after { transform: translateX(14px); }
  .scripture-head { padding: 1rem; }
  .verse-card { grid-template-columns: 1.8rem 1fr; padding: .9rem; }
  .verse-tools { grid-column: 2; max-width: none; justify-content: flex-start; }
  .verse-tool { width: 1.86rem; height: 1.86rem; }
  .original-grid, .moon-two, .date-grid, .year-grid, .feast-grid, .moon-bottom-grid { grid-template-columns: 1fr; }
  .moon-panel { inset: .55rem; width: auto; border-radius: 20px; }
  .phase-row { grid-template-columns: repeat(5, 1fr); }
  .floating-calendar { min-width: 3.2rem; padding: 0 .9rem; }
  .floating-calendar .floating-text { display: none; }
}
@media (max-width: 420px) {
  .reader-shell { padding: .6rem; }
  .reader-toolbar, .option-bar, .reader-content { border-radius: 18px; }
  .toolbar-grid { grid-template-columns: 1fr 76px 76px; }
  .book-count { font-size: 1rem; }
}

/* BibliaREM v6 — calendar automat + pagini de meniu */
.date-pill--live { border-radius: 28px; }
.date-time { font-weight: 900; color: var(--gold); font-family: var(--font-ui); }
.date-location-select {
  min-height: 2.35rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface-strong);
  color: var(--text);
  padding: 0 .65rem;
  max-width: 210px;
}
.date-secondary {
  width: min(100%, 1380px);
  margin: .45rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .45rem;
  color: var(--muted);
  font-size: .9rem;
  text-align: center;
}
.moon-head-sub { margin: .25rem 0 0; color: #d8c2a2; font-size: .88rem; }
.moon-card--hero { text-align: center; }
.moon-clock {
  display: grid;
  gap: .14rem;
  border: 1px solid rgba(232,190,110,.25);
  border-radius: 14px;
  padding: .65rem .8rem;
  background: rgba(255,255,255,.04);
}
.moon-clock span { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: #d8c2a2; }
.moon-clock b { font-size: 1.12rem; color: #ffe2a6; }
.moon-clock small { color: #d8c2a2; }
.content-shell { width: min(100%, 1380px); margin: 0 auto; padding: clamp(.85rem, 2.3vw, 2rem); }
.content-hero, .content-card, .content-grid-card {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
}
.content-hero { border-radius: var(--radius-xl); padding: clamp(1.2rem, 3vw, 2.4rem); margin-top: .9rem; }
.content-kicker { text-transform: uppercase; letter-spacing: .12em; font-weight: 900; color: var(--gold); font-size: .78rem; }
.content-hero h1 { margin: .35rem 0 .8rem; font-family: var(--font-main); font-size: clamp(2rem, 5vw, 4rem); letter-spacing: .04em; }
.content-hero p { max-width: 88ch; color: var(--muted); line-height: 1.75; font-size: 1.04rem; }
.content-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin-top: .9rem; }
.content-grid-card { border-radius: var(--radius-lg); padding: 1rem; min-height: 180px; }
.content-grid-card h2 { margin: 0 0 .6rem; font-family: var(--font-main); color: var(--gold); }
.content-grid-card p, .content-grid-card li { color: var(--muted); line-height: 1.6; }
.content-grid-card ul { padding-left: 1.2rem; margin-bottom: 0; }
.content-card { border-radius: var(--radius-xl); padding: 1rem; margin-top: .9rem; }
.content-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.profile-link.is-authenticated { background: rgba(232,190,110,.18); }
@media (max-width: 900px) {
  .content-grid { grid-template-columns: 1fr; }
  .date-location-select { max-width: 100%; }
  .date-sub--wide { display: none; }
  .moon-location { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .date-pill--live { border-radius: 18px; justify-content: flex-start; text-align: left; }
  .date-main { font-size: .96rem; }
  .date-secondary { font-size: .8rem; }
}


/* BibliaREM v7 — ediții, contact, lecturi recomandate */
.main-nav a.is-active { color: var(--gold-2); text-shadow: 0 0 18px rgba(238,197,122,.32); }
.content-hero--editions {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 0%, rgba(232,190,110,.18), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(73,170,175,.13), transparent 40%),
    var(--surface);
}
.content-hero--editions::after {
  content:"";
  position:absolute;
  inset:auto -10% -42% auto;
  width:min(440px,60vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(232,190,110,.16), transparent 64%);
  pointer-events:none;
}
.edition-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.edition-card {
  position: relative;
  display:grid;
  grid-template-columns: 170px 1fr;
  gap:1rem;
  border:1px solid var(--line);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow);
  padding:1rem;
  overflow:hidden;
}
.edition-card::before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(232,190,110,.10), transparent 40%, rgba(52,114,96,.08));
  pointer-events:none;
}
.edition-visual {
  position:relative;
  z-index:1;
  min-height:230px;
  border-radius:20px;
  border:1px solid var(--line-strong);
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), transparent 44%),
    radial-gradient(circle at 45% 25%, rgba(232,190,110,.18), transparent 35%),
    rgba(4,20,30,.22);
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--gold);
  padding:1rem;
}
.edition-visual .edition-icon { font-size:3.2rem; line-height:1; filter: drop-shadow(0 10px 20px rgba(0,0,0,.28)); }
.edition-visual small { display:block; margin-top:.65rem; color:var(--muted); line-height:1.45; }
.edition-body { position:relative; z-index:1; display:flex; flex-direction:column; gap:.65rem; }
.edition-body h2 { margin:0; font-family:var(--font-main); color:var(--gold); font-size:clamp(1.35rem, 2.2vw, 2rem); }
.edition-subtitle { color:var(--muted); line-height:1.65; margin:0; }
.edition-facts { display:flex; flex-wrap:wrap; gap:.45rem; margin:.15rem 0; }
.edition-facts span, .price-badge, .soft-badge {
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.38rem .62rem;
  background:rgba(255,255,255,.06);
  color:var(--text);
  font-size:.86rem;
  font-weight:750;
}
.price-badge { border-color:rgba(232,190,110,.55); color:var(--gold-2); background:rgba(232,190,110,.09); }
.edition-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:auto; }
.placeholder-media { display:grid; grid-template-columns: repeat(3,1fr); gap:.75rem; margin-top:.9rem; }
.media-slot {
  min-height:120px;
  border:1px dashed var(--line-strong);
  border-radius:18px;
  display:grid;
  place-items:center;
  padding:1rem;
  text-align:center;
  color:var(--muted);
  background:rgba(255,255,255,.035);
}
.info-band {
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:.75rem;
  margin-top:.9rem;
}
.info-band .content-grid-card { min-height:auto; }
.split-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:1rem; align-items:start; }
.reading-card { border:1px solid var(--line); border-radius:var(--radius-xl); background:var(--surface); padding:1rem; box-shadow:var(--shadow); }
.reading-card h2 { margin:.1rem 0 .5rem; color:var(--gold); font-family:var(--font-main); }
.reading-card p, .reading-card li { color:var(--muted); line-height:1.7; }
.external-link-note { font-size:.92rem; color:var(--muted); }
.contact-form { display:grid; gap:1rem; }
.form-grid { display:grid; grid-template-columns: 1fr 1fr; gap:.85rem; }
.form-field { display:grid; gap:.35rem; }
.form-field label { font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; font-weight:900; color:var(--gold); }
.form-field input, .form-field select, .form-field textarea {
  width:100%;
  min-height:3rem;
  border:1px solid var(--line-strong);
  border-radius:16px;
  background:var(--surface-strong);
  color:var(--text);
  padding:.75rem .85rem;
  font:inherit;
}
.form-field textarea { min-height:210px; resize:vertical; line-height:1.55; }
.form-field--full { grid-column:1 / -1; }
.form-note { color:var(--muted); line-height:1.7; margin:.25rem 0 0; }
.priority-box {
  border:1px solid var(--line);
  border-radius:18px;
  padding:.85rem;
  background:rgba(255,255,255,.045);
}
.priority-options { display:flex; flex-wrap:wrap; gap:.65rem; margin:.5rem 0; }
.radio-card, .check-card {
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  border:1px solid var(--line);
  border-radius:16px;
  padding:.75rem .85rem;
  background:rgba(255,255,255,.045);
  color:var(--text);
  cursor:pointer;
}
.radio-card strong, .check-card strong { color:var(--gold-2); }
.char-row { display:flex; justify-content:space-between; align-items:center; gap:.8rem; color:var(--muted); font-size:.9rem; }
.captcha-grid { display:grid; grid-template-columns: 1fr 180px; gap:.75rem; align-items:end; }
.contact-status { display:none; border:1px solid var(--line); border-radius:16px; padding:.8rem; background:rgba(232,190,110,.08); color:var(--text); }
.contact-status.is-visible { display:block; }
.honeypot-field { position:absolute !important; left:-9999px !important; opacity:0 !important; width:1px !important; height:1px !important; overflow:hidden !important; }
@media (max-width: 1100px) {
  .edition-grid, .split-grid, .info-band { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .edition-card { grid-template-columns:1fr; }
  .edition-visual { min-height:150px; }
  .form-grid, .captcha-grid, .placeholder-media { grid-template-columns:1fr; }
  .edition-actions .btn { width:100%; justify-content:center; }
  .priority-options { flex-direction:column; }
}

/* ===== BibliaREM v8 — Calendar REM / Prima Seceră ===== */
.holy-marker {
  display:inline-grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border-radius:999px;
  cursor:pointer;
  background:radial-gradient(circle at 35% 25%, rgba(255,236,166,.95), rgba(201,139,42,.55) 45%, rgba(87,54,10,.25));
  border:1px solid rgba(255,204,104,.55);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 0 22px rgba(238,177,69,.45);
}
.trumpet-toast {
  position:fixed;
  left:50%;
  top:calc(env(safe-area-inset-top, 0px) + 86px);
  transform:translate(-50%, -12px);
  max-width:min(760px, calc(100vw - 28px));
  z-index:9999;
  padding:.85rem 1.15rem;
  border-radius:18px;
  border:1px solid rgba(255,201,99,.62);
  background:linear-gradient(135deg, rgba(9,30,45,.92), rgba(21,48,64,.84));
  color:#fff6dc;
  box-shadow:0 16px 50px rgba(0,0,0,.35), 0 0 35px rgba(244,185,73,.25);
  font-weight:700;
  line-height:1.35;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.trumpet-toast.is-visible { opacity:1; transform:translate(-50%, 0); }
.moon-v8-hero h3, .moedim-card-v8 h3 { text-align:center; }
.phase-row-v8 { gap:clamp(.35rem, 1.4vw, .9rem); align-items:end; }
.phase-row-v8 .phase-item { min-width:52px; }
.phase-row-v8 .phase-item small { display:block; opacity:.82; font-size:.72rem; margin-top:.1rem; }
.phase-disc-real {
  --illum:50;
  --shadow:0;
  display:block;
  width:clamp(42px, 6vw, 68px);
  aspect-ratio:1;
  margin:0 auto .35rem;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,226,.95), rgba(214,202,172,.7) 18%, rgba(119,113,98,.82) 42%, rgba(40,42,43,.95) 69%, rgba(3,10,16,1) 100%);
  box-shadow:inset -10px -10px 18px rgba(0,0,0,.55), inset 5px 5px 12px rgba(255,255,255,.12), 0 0 18px rgba(245,193,90,.14);
}
.phase-disc-real::after {
  content:"";
  position:absolute;
  inset:-4%;
  border-radius:50%;
  background:radial-gradient(circle at 45% 50%, rgba(3,10,16,.92), rgba(3,10,16,.97));
  transform:translateX(calc(var(--shadow) * .42%));
  opacity:calc((100 - var(--illum)) / 100);
  mix-blend-mode:multiply;
}
.phase-item.is-current .phase-disc-real {
  outline:2px solid rgba(255,199,82,.95);
  box-shadow:0 0 0 6px rgba(255,199,82,.1), 0 0 28px rgba(255,199,82,.42), inset -10px -10px 18px rgba(0,0,0,.55);
}
.moon-compare-box { line-height:1.5; font-size:clamp(.92rem, 1.6vw, 1.05rem); }
.moon-compare-box b { color:var(--gold, #f2c266); }
.moon-compare-box small { display:block; margin-top:.45rem; opacity:.86; }
.active-date-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
}
.active-date-grid > div {
  padding:.9rem;
  border:1px solid rgba(232,185,94,.22);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  text-align:center;
}
.active-date-grid b { display:block; color:var(--gold, #f2c266); text-transform:uppercase; font-size:.74rem; letter-spacing:.08em; margin-bottom:.35rem; }
.active-date-grid strong { display:block; font-size:clamp(1rem, 2vw, 1.25rem); color:var(--text, #f8f2e6); }
.active-date-grid small { display:block; opacity:.82; margin-top:.25rem; }
.sun-track-v8 { position:relative; min-height:150px; }
.sun-track-v8 .sun-dot, .sun-track-v8 .moon-dot-track {
  position:absolute;
  top:42%;
  left:50%;
  transform:translate(-50%, -50%);
  transition:left .8s ease;
}
.sun-track-v8 .sun-dot {
  width:42px;
  height:42px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff9c8, #ffc64d 45%, #ef8e23 85%);
  box-shadow:0 0 32px rgba(255,197,71,.72), 0 0 80px rgba(255,197,71,.18);
}
.moon-dot-track {
  --illum:50;
  width:28px;
  height:28px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #f5ecd9, #777 48%, #061018 100%);
  box-shadow:0 0 18px rgba(210,225,255,.24);
  top:64% !important;
}
.sun-time.sunset { right:12%; text-align:right; }
.flat-map-btn { white-space:normal; opacity:.72; }
.year-season-track { display:grid; gap:.55rem; }
.year-season-track > span { font-size:.82rem; opacity:.84; }
.year-season-track > span:last-child { text-align:right; }
.season-segments {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  height:62px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(90deg, #9fcf84 0 25%, #f3c253 25% 50%, #c77d33 50% 75%, #cfe7f5 75% 100%);
}
.season-segments i { display:grid; place-items:center; color:#102432; font-weight:800; font-style:normal; text-shadow:0 1px 1px rgba(255,255,255,.35); }
#seasonDot {
  position:absolute;
  top:50%;
  left:50%;
  width:38px;
  height:38px;
  border-radius:50%;
  transform:translate(-50%, -50%);
  background:radial-gradient(circle at 35% 30%, #fff8bd, #ffc235 55%, #d97216 90%);
  box-shadow:0 0 24px rgba(255,190,44,.65);
}
.moedim-card-v8 h3 span { font-size:.95rem; color:var(--text, #f8f2e6); }
.moedim-table-wrap { overflow:auto; border-radius:16px; border:1px solid rgba(232,185,94,.2); }
.moedim-table { width:100%; border-collapse:collapse; min-width:760px; }
.moedim-table th, .moedim-table td { padding:.78rem .85rem; border-bottom:1px solid rgba(232,185,94,.16); vertical-align:top; }
.moedim-table th { color:var(--gold, #f2c266); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; background:rgba(255,255,255,.04); }
.moedim-table td b { display:block; color:var(--text, #fff8e8); }
.moedim-table td small { display:block; opacity:.8; margin-top:.18rem; }
.moedim-more { text-align:right; margin:.8rem 0 0; }
.moedim-more a { color:var(--gold, #f2c266); font-weight:800; text-decoration:none; }
.footer { flex-wrap:wrap; }
@media (max-width: 860px) {
  .active-date-grid { grid-template-columns:1fr; }
  .moon-two-v8 { grid-template-columns:1fr; }
  .sun-time.sunset { right:8%; }
  .phase-row-v8 { grid-template-columns:repeat(3, 1fr); }
  .moedim-table { min-width:680px; }
}
@media (max-width: 520px) {
  .phase-row-v8 .phase-item { min-width:0; }
  .phase-disc-real { width:40px; }
  .sun-track-v8 { min-height:132px; }
  .moon-location { grid-template-columns:1fr; }
  .season-segments { height:92px; grid-template-columns:1fr 1fr; }
  .moedim-table { min-width:620px; font-size:.9rem; }
}
.sun-time { white-space:pre-line; }

/* BibliaREM v8.3 — HUD calendar fixes: no horizontal scroll, clearer REM/Rabinic separation, natural season band */
.moon-panel {
  width: min(980px, calc(100vw - 1.4rem));
  max-width: calc(100vw - 1.4rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.moon-content, .moon-card, .moon-card * { box-sizing: border-box; max-width: 100%; }
.phase-row-v8 {
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(.25rem, .9vw, .75rem);
  width: 100%;
  overflow: visible;
}
.phase-row-v8 .phase-item {
  min-width: 0;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: .16rem;
}
.current-phase { display:grid; justify-items:center; gap:.05rem; margin:.75rem 0 .25rem; }
.current-phase strong { font-size: clamp(2.2rem, 7vw, 3.8rem); line-height: .98; color: var(--gold, #f2c266); }
.current-phase span { display:block; font-weight: 900; font-size: clamp(1rem, 2.2vw, 1.3rem); color:#fff5dd; }
.current-phase small { display:block; font-size: clamp(.78rem, 1.5vw, .94rem); opacity:.82; margin-top:.15rem; }
.moon-compare-box { overflow-wrap: anywhere; }
.moon-two-v8 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:1rem; }
.sun-track-v8 {
  --rise: 24%;
  --set: 78%;
  --dusk: 86%;
  --now: 50%;
  min-height: 172px;
  overflow: hidden;
  background:
    radial-gradient(circle at var(--now) 42%, rgba(255,200,76,.45), transparent 10rem),
    radial-gradient(circle at 8% 22%, rgba(255,255,255,.16) 0 1px, transparent 2px),
    radial-gradient(circle at 17% 64%, rgba(255,255,255,.12) 0 1px, transparent 2px),
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.18) 0 1px, transparent 2px),
    linear-gradient(90deg,
      #031018 0%,
      #071c2b calc(var(--rise) - 6%),
      #0b4e78 var(--rise),
      #e1b95d 50%,
      #0e5a82 var(--set),
      #071c2b var(--dusk),
      #030b12 100%);
}
.sun-track-v8 .sun-arc { opacity:.9; }
.sun-track-v8 .sun-dot { top: 40%; }
.moon-dot-track {
  --illum:50;
  --shadow:0;
  overflow:hidden;
  background: radial-gradient(circle at 34% 28%, rgba(255,255,226,.95), rgba(214,202,172,.72) 18%, rgba(115,115,112,.82) 48%, rgba(23,29,36,.98) 100%);
}
.moon-dot-track::after {
  content:"";
  position:absolute;
  inset:-4%;
  border-radius:50%;
  background:radial-gradient(circle at 45% 50%, rgba(3,10,16,.92), rgba(3,10,16,.98));
  transform:translateX(calc(var(--shadow) * .42%));
  opacity:calc((100 - var(--illum)) / 100);
  mix-blend-mode:multiply;
}
.flat-map-btn { cursor:not-allowed; }

.season-segments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 86px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 4% 50%, rgba(220,235,255,.52), transparent 16%),
    radial-gradient(circle at 18% 34%, rgba(255,205,218,.85), transparent 17%),
    radial-gradient(circle at 36% 48%, rgba(245,221,99,.82), transparent 18%),
    radial-gradient(circle at 48% 40%, rgba(255,188,62,.72), transparent 16%),
    radial-gradient(circle at 66% 45%, rgba(204,112,39,.76), transparent 20%),
    radial-gradient(circle at 84% 54%, rgba(214,238,255,.9), transparent 22%),
    linear-gradient(90deg, #dbeaff 0%, #a8d690 20%, #f4d35d 43%, #d07d34 68%, #d7ecff 92%, #dbeaff 100%);
}
.season-segments i {
  color:#092133;
  font-size:clamp(.82rem, 1.6vw, 1rem);
  letter-spacing:.02em;
  text-shadow:0 1px 0 rgba(255,255,255,.42);
}
#seasonDot { z-index:3; }
.moedim-table-wrap { overflow-x: hidden; }
.moedim-table { min-width: 0; table-layout: fixed; }
.moedim-table th:nth-child(1), .moedim-table td:nth-child(1) { width: 28%; }
.moedim-table th:nth-child(2), .moedim-table td:nth-child(2) { width: 36%; }
.moedim-table th:nth-child(3), .moedim-table td:nth-child(3) { width: 36%; }
.version-link { color: var(--gold, #f2c266); font-weight:900; text-decoration:none; border-bottom:1px dotted rgba(242,194,102,.6); }
.version-link:hover { color:#fff2cf; }
@media (max-width: 760px) {
  .moon-panel { inset: .45rem; width: auto; max-width: none; border-radius: 18px; }
  .phase-row-v8 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .phase-disc-real { width: clamp(38px, 13vw, 54px); }
  .moon-two-v8, .active-date-grid, .moon-bottom-grid { grid-template-columns: 1fr !important; }
  .moedim-table, .moedim-table thead, .moedim-table tbody, .moedim-table tr, .moedim-table th, .moedim-table td { display:block; width:100% !important; }
  .moedim-table thead { display:none; }
  .moedim-table tr { padding:.65rem 0; border-bottom:1px solid rgba(232,185,94,.18); }
  .moedim-table td { border-bottom:0; padding:.35rem .6rem; }
  .moedim-table td::before { content: attr(data-label); display:block; color:var(--gold, #f2c266); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.12rem; }
  .sun-track-v8 { min-height: 150px; }
  .season-segments { grid-template-columns: repeat(4, 1fr); height:78px; }
  .season-segments i { font-size:.72rem; }
}
@media (max-width: 430px) {
  .phase-row-v8 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .sun-time { font-size:.78rem; }
  .sun-time.sunset { right: 14%; }
}

/* BibliaREM v8.4 fix — header dayline + mobile HUD label corrections */
.header-dayline-v8 {
  margin: .75rem auto 0;
  width: min(980px, 100%);
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface) 88%, var(--gold) 12%);
  box-shadow: var(--shadow);
  padding: .72rem .82rem .84rem;
}
.header-dayline-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .45rem;
  color: var(--muted);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 850;
}
.header-dayline-title b { color: var(--gold); text-transform: none; letter-spacing: 0; font-size: .86rem; }
.header-suntrack-v8 {
  --rise: 24%; --set: 78%; --dusk: 86%; --now: 50%;
  position: relative;
  min-height: 86px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(232,185,94,.18);
  background:
    radial-gradient(circle at var(--now) 42%, rgba(255,200,76,.36), transparent 8rem),
    radial-gradient(circle at 8% 20%, rgba(255,255,255,.16) 0 1px, transparent 2px),
    radial-gradient(circle at 92% 24%, rgba(255,255,255,.18) 0 1px, transparent 2px),
    linear-gradient(90deg,
      #031018 0%,
      #071c2b calc(var(--rise) - 5%),
      #0b4e78 var(--rise),
      #e1b95d 50%,
      #0e5a82 var(--set),
      #071c2b var(--dusk),
      #030b12 100%);
}
.header-sun-arc {
  position: absolute;
  left: 8%; right: 8%; top: 20%; height: 46%;
  border-top: 2px dashed rgba(255,214,132,.55);
  border-radius: 50% 50% 0 0;
}
.header-sun-dot, .header-moon-dot {
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: left .65s ease;
}
.header-sun-dot {
  top: 40%; width: 30px; height: 30px;
  background: radial-gradient(circle at 35% 30%, #fff9c8, #ffc64d 45%, #ef8e23 85%);
  box-shadow: 0 0 24px rgba(255,197,71,.7), 0 0 64px rgba(255,197,71,.16);
}
.header-moon-dot {
  --illum: 50; --shadow: 0;
  top: 63%; width: 22px; height: 22px; overflow: hidden;
  background: radial-gradient(circle at 34% 28%, rgba(255,255,226,.95), rgba(214,202,172,.72) 18%, rgba(115,115,112,.82) 48%, rgba(23,29,36,.98) 100%);
  box-shadow: 0 0 14px rgba(210,225,255,.23);
}
.header-moon-dot::after {
  content: ""; position: absolute; inset: -4%; border-radius: 50%;
  background: radial-gradient(circle at 45% 50%, rgba(3,10,16,.92), rgba(3,10,16,.98));
  transform: translateX(calc(var(--shadow) * .42%));
  opacity: calc((100 - var(--illum)) / 100);
  mix-blend-mode: multiply;
}
.header-sun-label {
  position: absolute;
  bottom: .42rem;
  color: #fff2d7;
  font-weight: 850;
  font-size: .72rem;
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
}
.header-sunrise { left: .65rem; }
.header-sunset { right: 7.2rem; text-align: right; }
.header-dusk { right: .65rem; text-align: right; }
@media (max-width: 760px) {
  .date-pill { border-radius: 24px; }
  .header-dayline-v8 { border-radius: 18px; padding: .65rem; }
  .header-dayline-title { display: grid; justify-items: center; text-align: center; gap: .25rem; }
  .header-suntrack-v8 { min-height: 108px; }
  .header-sun-label { font-size: .68rem; }
  .header-sunset { right: auto; left: 50%; transform: translateX(-50%); bottom: .36rem; text-align: center; }
  .header-dusk { right: .55rem; top: .5rem; bottom: auto; }
  .sun-track-v8 .sun-time.sunset { right: auto; left: 56%; transform: translateX(-50%); bottom: .55rem; text-align: center; }
  .sun-track-v8 .sun-time.end { right: .7rem; top: .55rem; bottom: auto; text-align: right; }
}
@media (max-width: 430px) {
  .header-sun-dot { width: 26px; height: 26px; }
  .header-moon-dot { width: 19px; height: 19px; }
  .header-suntrack-v8 { min-height: 112px; }
}


/* BibliaREM v8.5 — visual refresh with uploaded assets */
.sun-track-v8,
.header-suntrack-v8 {
  background-image:
    radial-gradient(circle at var(--now) 42%, rgba(255,200,76,.32), transparent 10rem),
    linear-gradient(90deg, rgba(3,16,24,.58) 0%, rgba(4,20,33,.22) 18%, rgba(255,217,120,.06) 50%, rgba(4,20,33,.22) 82%, rgba(3,11,18,.62) 100%),
    url('../img/ui/day-night-panorama-v9-2.png');
  background-size: auto, auto, cover;
  background-position: center, center, center;
  background-repeat: no-repeat;
}
.sun-track-v8 .sun-dot,
.header-sun-dot,
#seasonDot {
  background: transparent url('../img/ui/sun-rem.png') center/contain no-repeat !important;
  box-shadow: 0 0 26px rgba(255,197,71,.68), 0 0 80px rgba(255,197,71,.16);
}
.sun-track-v8 .sun-dot { width: 50px; height: 50px; }
.header-sun-dot { width: 36px; height: 36px; }
.season-card-v8 { overflow: hidden; }
.season-segments {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 104px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.14);
  overflow: hidden;
  background: url('../img/ui/season-cycle-panorama.png') center/cover no-repeat !important;
}
.season-segments::after {
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(6,16,25,.08), rgba(6,16,25,.02) 35%, rgba(6,16,25,.10) 100%);
  pointer-events:none;
}
.season-segments i {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10px;
  font-size: clamp(.82rem, 1.5vw, 1rem);
  font-weight: 900;
  color: #0b1f30;
  text-shadow: 0 1px 2px rgba(255,255,255,.52), 0 0 8px rgba(255,255,255,.25);
}
.season-segments i:nth-child(even) { align-items: flex-end; padding-top: 0; padding-bottom: 10px; }
#seasonDot {
  z-index: 3;
  width: 48px;
  height: 48px;
  filter: drop-shadow(0 0 18px rgba(255,186,45,.52));
}
@media (max-width: 760px) {
  .season-segments { height: 90px; }
  .sun-track-v8 .sun-dot { width: 42px; height: 42px; }
  .header-sun-dot { width: 30px; height: 30px; }
}
@media (max-width: 430px) {
  .season-segments { height: 84px; }
  .season-segments i { font-size: .76rem; }
  #seasonDot { width: 40px; height: 40px; }
}


/* BibliaREM v9 — readability + mobile suntrack + verse focus */
.active-date-grid > div,
.moedim-card-v8,
.moedim-table td,
.moedim-table th,
.moon-card {
  color: #f6efde;
  text-shadow: 0 1px 6px rgba(0,0,0,.38);
}
.active-date-grid > div {
  background: linear-gradient(180deg, rgba(6,18,28,.92), rgba(6,23,36,.78));
  box-shadow: inset 0 0 0 1px rgba(255,220,155,.04);
}
.active-date-grid strong,
.active-date-grid .value,
#moon-weekday-main,
#moon-month-main,
#moon-hebrew-main,
#moon-greg-main,
.moedim-table td b { color: #fff6df !important; }
.active-date-grid small,
.moedim-table td small,
.panel-meta { color: rgba(255,242,215,.82); }
.sun-track-v8,
.header-suntrack-v8 {
  background-size: auto, auto, 100% 100%;
}
.sun-track-v8 {
  min-height: 190px;
  border-radius: 24px;
}
.sun-track-v8 .sun-arc {
  left: 7%; right: 7%; top: 17%; height: 52%;
}
.sun-track-v8 .sun-dot { top: 36%; }
.moon-dot-track { top: 58% !important; }
.sun-time {
  z-index: 4;
  padding: .12rem .38rem;
  border-radius: 10px;
  background: rgba(4,12,18,.26);
  backdrop-filter: blur(1.5px);
}
.sun-time.start { left: .9rem; bottom: .55rem; }
.sun-time.sunset { left: 50%; right: auto; transform: translateX(-50%); bottom: .55rem; text-align: center; }
.sun-time.end { right: .85rem; top: .55rem; bottom: auto; text-align: right; }
@media (max-width: 760px) {
  .sun-track-v8 { min-height: 172px; }
  .sun-time { font-size: .74rem; padding: .08rem .28rem; }
  .sun-time.start { left: .55rem; }
  .sun-time.sunset { left: 50%; bottom: .35rem; }
  .sun-time.end { right: .55rem; top: .42rem; }
}
@media (max-width: 430px) {
  .sun-track-v8 { min-height: 160px; }
  .sun-track-v8 .sun-dot { width: 38px !important; height: 38px !important; }
  .moon-dot-track { width: 24px; height: 24px; }
}
.season-segments i:nth-child(1) { justify-content: flex-start; padding-left: 18%; }
.season-segments i:nth-child(2) { justify-content: center; }
.season-segments i:nth-child(3) { justify-content: center; }
.season-segments i:nth-child(4) { justify-content: flex-end; padding-right: 18%; }
#seasonDot { top: 48%; }
.verse-card { cursor: pointer; }
.verse-card.is-current {
  border-color: rgba(242,194,102,.7);
  box-shadow: 0 0 0 1px rgba(242,194,102,.28), 0 0 18px rgba(242,194,102,.12);
}
.panel-meta {
  margin-bottom: .55rem;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .02em;
}


/* BibliaREM v9.1 — compact header, readable date, complete day/night image */
.biblical-date-strip {
  width: min(1180px, calc(100% - 1.2rem));
  margin: .9rem auto 1rem;
  padding: .72rem;
  border: 1px solid rgba(232,185,94,.32);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(6,22,34,.90), rgba(8,28,40,.76));
  box-shadow: 0 16px 38px rgba(0,0,0,.22);
}
.header-dayline-v8 {
  margin: 0 auto .58rem;
  width: 100%;
  max-width: 820px;
  border-radius: 18px;
  padding: .5rem .62rem .62rem;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 0 0 1px rgba(255,220,155,.045);
}
.header-dayline-title { margin-bottom: .32rem; }
.header-suntrack-v8 {
  min-height: 68px;
  border-radius: 14px;
  background-image:
    radial-gradient(circle at var(--now) 42%, rgba(255,200,76,.28), transparent 8rem),
    linear-gradient(90deg, rgba(3,16,24,.42) 0%, rgba(4,20,33,.08) 25%, rgba(255,217,120,.03) 50%, rgba(4,20,33,.08) 75%, rgba(3,11,18,.50) 100%),
    url('../img/ui/day-night-panorama-v9-2.png') !important;
  background-size: auto, auto, 100% 100% !important;
  background-position: center, center, center !important;
}
.header-sun-dot { width: 26px !important; height: 26px !important; }
.header-moon-dot { width: 20px; height: 20px; }
.header-sun-label { font-size: .61rem; padding: .08rem .22rem; border-radius: 8px; background: rgba(0,0,0,.24); }
.header-sunrise { left: .45rem; bottom: .3rem; }
.header-sunset { right: 4.9rem; bottom: .3rem; }
.header-dusk { right: .42rem; bottom: .3rem; top: auto; }
.date-pill.date-pill--live {
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  gap: .42rem .58rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: .18rem .2rem .12rem;
}
.date-main { font-size: clamp(.88rem, 1.5vw, 1.05rem); }
.date-time { font-size: clamp(.86rem, 1.4vw, 1rem); color: var(--gold, #f2c266); font-weight: 900; }
.date-secondary { margin-top: .18rem; font-size: clamp(.78rem, 1.2vw, .92rem); opacity: .9; text-align:center; }
#br-method-note { display: none !important; }
.date-location-select { max-width: 170px; padding-top: .42rem; padding-bottom: .42rem; }
.sun-track-v8 {
  background-image:
    radial-gradient(circle at var(--now) 42%, rgba(255,200,76,.30), transparent 10rem),
    linear-gradient(90deg, rgba(3,16,24,.36) 0%, rgba(4,20,33,.08) 25%, rgba(255,217,120,.03) 50%, rgba(4,20,33,.08) 75%, rgba(3,11,18,.46) 100%),
    url('../img/ui/day-night-panorama-v9-2.png') !important;
  background-size: auto, auto, 100% 100% !important;
  background-position: center, center, center !important;
}
@media (max-width: 760px) {
  .biblical-date-strip { margin: .55rem .55rem .8rem; width: auto; padding: .56rem; border-radius: 20px; }
  .header-dayline-v8 { max-width: 100%; padding: .48rem; }
  .header-suntrack-v8 { min-height: 92px; }
  .header-sun-label { font-size: .58rem; }
  .header-sunset { left: 50%; right: auto; transform: translateX(-50%); bottom: .28rem; }
  .header-dusk { right: .35rem; bottom: .28rem; top: auto; text-align:right; }
  .date-pill.date-pill--live { display: grid; justify-items: center; gap: .24rem; text-align: center; }
  .date-sub, .date-sub--wide { display:none; }
  .date-location-select { max-width: 260px; width: min(260px, 100%); }
}

/* BibliaREM v9.1 — structured scripture content */
.option-toggle--witness { border-color: rgba(242,194,102,.28); }
body.hide-witnesses .witness { display:none !important; }
.verse-text .witness { color: rgba(221,221,213,.68); font-style: italic; font-size: .92em; }
.scripture-block { border: 1px solid rgba(232,185,94,.16); border-radius: 16px; padding: .85rem .95rem; margin: .7rem 0; background: rgba(255,255,255,.028); color: rgba(255,242,215,.88); }
.scripture-block--book { text-align:center; background: linear-gradient(180deg, rgba(242,194,102,.08), rgba(255,255,255,.025)); }
.scripture-block h2, .scripture-block h3 { margin: .1rem 0 .35rem; color: var(--gold, #f2c266); font-family: var(--font-main); letter-spacing:.03em; }
.scripture-block .subtitle { color: rgba(255,242,215,.86); font-weight: 800; }
.scripture-block .micro { color: rgba(255,242,215,.70); font-size: .88rem; }
.rem-section { display:grid; gap:.9rem; }
.rem-subtitle { color: var(--gold, #f2c266); font-weight:900; letter-spacing:.035em; margin: 1rem 0 .38rem; }
.rem-box { border:1px solid rgba(232,185,94,.18); border-radius:14px; padding:.82rem; background:rgba(255,255,255,.026); }
.rem-box h4 { margin:.05rem 0 .4rem; color:var(--gold, #f2c266); }
.hebrew, .greek { font-size:1.25rem; line-height:1.8; direction:rtl; }
.greek { direction:ltr; }
.analytic-list { display:grid; gap:.25rem; }
.compare-table th em, .abbr { color: #d9ae63; font-style: italic; font-weight:800; }
.rem-list { padding-left:1.2rem; }
.rem-list li { margin:.28rem 0; }
.connection-ref { cursor:pointer; border:1px solid rgba(232,185,94,.22); background:rgba(255,255,255,.035); color:#fff4d8; border-radius:999px; padding:.32rem .62rem; margin:.2rem; font-weight:800; }
.connection-ref:hover { border-color:rgba(242,194,102,.6); }
.annex-link { display:inline-flex; gap:.35rem; align-items:center; margin:.18rem; padding:.38rem .62rem; border:1px solid rgba(232,185,94,.22); border-radius:12px; color:#fff3d7; text-decoration:none; }
.annex-link:hover { border-color:rgba(242,194,102,.58); }


/* BibliaREM 0.2.2 — fixed scroll panels, verse navigation, drawer labels */
.reader-panel .panel-body {
  max-height: clamp(260px, 42vh, 520px);
  overflow-y: auto;
  padding-right: .35rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(242,194,102,.48) rgba(255,255,255,.06);
}
.reader-panel .panel-body::-webkit-scrollbar,
.verse-list::-webkit-scrollbar { width: 9px; }
.reader-panel .panel-body::-webkit-scrollbar-thumb,
.verse-list::-webkit-scrollbar-thumb { background: rgba(242,194,102,.42); border-radius: 999px; }
.reader-panel .panel-body::-webkit-scrollbar-track,
.verse-list::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 999px; }
.verse-list {
  max-height: clamp(360px, 58vh, 760px);
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-right: .25rem;
}
.verse-scroll-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: .9rem 0 .2rem;
}
.verse-scroll-label {
  color: rgba(255,242,215,.72);
  font-size: .86rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}
.verse-scroll-btn {
  min-width: 58px;
  font-size: 1.25rem;
  line-height: 1;
  padding: .72rem 1rem;
}
.rem-box {
  border: 1px solid rgba(242,194,102,.20);
  border-radius: 16px;
  padding: .9rem;
  margin: .75rem 0;
  background: rgba(255,255,255,.035);
}
.rem-box h4,
.rem-section h4 {
  margin: 0 0 .55rem;
  color: #f2c266;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .92rem;
}
.rem-box h5 {
  margin: .85rem 0 .35rem;
  color: #f6dfaa;
  font-size: .9rem;
}
.rem-list { margin: .45rem 0 .45rem 1.15rem; padding: 0; }
.rem-list li { margin: .42rem 0; }
.analytic-list p { margin: .34rem 0; }
.abbr { color: #f2c266; font-style: italic; }
.connection-category {
  margin: .85rem 0 1rem;
  padding-top: .45rem;
  border-top: 1px solid rgba(242,194,102,.16);
}
.connection-category h5 {
  color: #f2c266;
  font-size: .86rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 .55rem;
}
.connection-ref {
  cursor: pointer;
  border: 1px solid rgba(242,194,102,.34);
  color: #f7efd9;
  background: rgba(13,42,55,.70);
  border-radius: 999px;
  padding: .36rem .58rem;
  font-size: .82rem;
  margin: .15rem;
}
.connection-ref:hover { border-color: rgba(242,194,102,.72); background: rgba(242,194,102,.13); }
.annex-link {
  display: block;
  color: #f6dfaa;
  text-decoration: none;
  border: 1px solid rgba(242,194,102,.22);
  border-radius: 12px;
  padding: .5rem .65rem;
  margin: .35rem 0;
  background: rgba(255,255,255,.035);
}
.annex-link:hover { background: rgba(242,194,102,.10); border-color: rgba(242,194,102,.42); }
.moon-panel .sun-track-v8 .sun-time.sunset {
  left: 68%;
  right: auto;
  transform: translateX(-50%);
  bottom: .55rem;
  text-align: center;
}
.moon-panel .sun-track-v8 .sun-time.end {
  right: .72rem;
  top: .55rem;
  bottom: auto;
  text-align: right;
}
.footer span { text-align: center; }
@media (max-width: 760px) {
  .reader-panel .panel-body { max-height: 430px; }
  .verse-list { max-height: 56vh; }
  .moon-panel .sun-track-v8 .sun-time.sunset { left: 66%; bottom: .42rem; }
  .moon-panel .sun-track-v8 .sun-time.end { right: .55rem; top: .45rem; }
  .connection-ref { font-size: .78rem; padding: .34rem .5rem; }
}
@media (max-width: 430px) {
  .reader-panel .panel-body { max-height: 380px; }
  .verse-list { max-height: 52vh; }
  .moon-panel .sun-track-v8 .sun-time.sunset { left: 62%; }
  .moon-panel .sun-track-v8 .sun-time.end { right: .42rem; }
  .verse-scroll-label { display: none; }
}


/* BibliaREM 0.1.0.2.2 — paneluri REM+ extinse */
.reader-content:has(.reader-panel:not(.is-hidden)) .verse-list {
  max-height: clamp(520px, 74vh, 1120px);
}
.reader-content:has(.reader-panel:not(.is-hidden)) .scripture-column {
  min-height: clamp(720px, 82vh, 1180px);
}
.reader-panel .panel-body {
  max-height: clamp(320px, 48vh, 620px);
}
.reader-panel[data-panel="academice"] .panel-body,
.reader-panel[data-panel="aparat"] .panel-body,
.reader-panel[data-panel="conexiuni"] .panel-body,
.reader-panel[data-panel="observatii"] .panel-body {
  max-height: clamp(360px, 56vh, 740px);
}
.rem-box h4, .rem-section h4 {
  color: var(--gold);
  letter-spacing: .045em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(242,194,102,.22);
  padding-bottom: .35rem;
}
.rem-box h5 { color: #f7d58e; margin: 1rem 0 .4rem; }
.rem-box p { margin: .45rem 0; }
.rem-numbered { display: grid; gap: .75rem; padding-left: 1.15rem; }
.rem-numbered li { padding-left: .25rem; }
.rem-bullets { margin: .35rem 0 .7rem 0; padding-left: 1.15rem; }
.rem-bullets li { margin: .22rem 0; }
.rem-term { color: #ffe4a3; font-weight: 900; }
.rem-note { color: rgba(255,244,216,.84); font-style: italic; }
.rem-divider { border-top: 1px solid rgba(242,194,102,.20); margin: .9rem 0; }
@media (max-width: 760px) {
  .reader-content:has(.reader-panel:not(.is-hidden)) .verse-list { max-height: 64vh; }
  .reader-panel .panel-body,
  .reader-panel[data-panel="academice"] .panel-body,
  .reader-panel[data-panel="aparat"] .panel-body,
  .reader-panel[data-panel="conexiuni"] .panel-body,
  .reader-panel[data-panel="observatii"] .panel-body { max-height: 460px; }
}


/* BibliaREM 0.1.0.2.2 — UX/retention edition */
.reader-welcome {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .72fr);
  gap: 1rem;
  border: 1px solid var(--line);
  background: linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, var(--gold) 8%), color-mix(in srgb, var(--surface) 78%, var(--blue) 22%));
  box-shadow: var(--shadow);
  border-radius: var(--radius-xl);
  padding: clamp(1rem, 2.4vw, 1.8rem);
  margin-bottom: .9rem;
}
.reader-welcome .eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .12em; font-weight: 900; font-size: .8rem; }
.reader-welcome h1 { font-family: var(--font-main); margin: .4rem 0 .6rem; font-size: clamp(1.55rem, 3vw, 2.7rem); line-height: 1.14; }
.reader-welcome p { color: var(--muted); line-height: 1.75; max-width: 92ch; }
.welcome-actions, .mode-actions { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.welcome-side { display: grid; gap: .75rem; }
.last-read-card, .bookmark-card, .reader-modebar {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface-soft);
  padding: .95rem;
}
.last-read-card b, .bookmark-card b { display: block; color: var(--gold); margin-bottom: .35rem; }
.mini-link { display: inline-flex; align-items:center; gap:.35rem; margin: .25rem .25rem .05rem 0; padding: .35rem .58rem; border: 1px solid var(--line-strong); border-radius:999px; color: var(--text); background: var(--surface-strong); font-weight:800; }
.reader-modebar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }
.mode-copy { display:grid; gap:.15rem; }
.mode-copy b { color: var(--gold); letter-spacing:.05em; text-transform:uppercase; }
.mode-copy span { color: var(--muted); }
.mode-btn.is-active { border-color: var(--gold); box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 18%, transparent); }
.search-pop { width: min(720px, calc(100% - 2rem)); }
.search-results { display:grid; gap:.35rem; margin-top:.55rem; max-height: 48vh; overflow:auto; }
.search-results button { display:grid; gap:.12rem; text-align:left; border:1px solid var(--line); border-radius:12px; padding:.6rem .7rem; background:var(--surface-strong); color:var(--text); }
.search-results button span { color: var(--muted); font-size:.88rem; }
.help-chip { flex: 0 0 1.45rem; width: 1.45rem; height: 1.45rem; display:inline-grid; place-items:center; border:1px solid var(--line-strong); border-radius:999px; background:color-mix(in srgb, var(--surface-strong) 86%, var(--gold) 14%); color:var(--gold); font-weight:900; }
.option-toggle { min-width: 0; overflow: hidden; }
.option-toggle .label { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.option-toggle .switch { flex: 0 0 38px; }
.option-bar { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
.option-toggle--witness { min-width: 0; }
body.reader-mode-clean .option-bar,
body.reader-mode-clean .panels-column,
body.reader-mode-clean .verse-tools,
body.reader-mode-clean .scripture-head small { display:none !important; }
body.reader-mode-clean .reader-content { grid-template-columns: minmax(0, 1fr); }
body.reader-mode-clean .scripture-column { border-right:0; }
body.reader-mode-clean .verse-text { font-size: clamp(1.18rem, 1.8vw, 1.45rem); line-height:1.9; }
body.reader-mode-study .option-bar { outline: 1px solid color-mix(in srgb, var(--gold) 24%, transparent); }
.reader-content { align-items: stretch; }
.scripture-column { display:flex; flex-direction:column; min-height:100%; }
.verse-list { flex:1 1 auto; }
body.has-active-panels .scripture-column { align-self: stretch; min-height: 100%; }
body.has-active-panels .verse-list { max-height: none; min-height: clamp(760px, 96vh, 1320px); }
body.has-active-panels .reader-content { grid-auto-rows: 1fr; }
.verse-tool--bookmark.is-saved { color: #ffe1a1; border-color: var(--gold); background: color-mix(in srgb, var(--gold) 22%, var(--surface-strong)); }
.reader-panel .panel-body { min-height: 180px; }
.premium-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.premium-card { border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:var(--shadow); padding:1rem; display:grid; gap:.6rem; min-height:220px; position:relative; overflow:hidden; }
.premium-card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 55%); pointer-events:none; }
.premium-card > * { position:relative; }
.premium-card .icon { width:3.1rem; height:3.1rem; display:grid; place-items:center; border-radius:16px; border:1px solid var(--line-strong); color:var(--gold); background:var(--surface-strong); font-size:1.45rem; }
.premium-card h2, .premium-card h3 { margin:0; font-family:var(--font-main); color:var(--gold); }
.premium-card p, .premium-card li { color:var(--muted); line-height:1.62; }
.feature-list { display:grid; gap:.35rem; margin:.4rem 0; padding-left:1.15rem; }
.profile-preview-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:1rem; }
.profile-setting { border:1px solid var(--line); border-radius:18px; padding:1rem; background:var(--surface-soft); }
@media(max-width: 1050px) { .premium-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .reader-welcome { grid-template-columns:1fr; } }
@media(max-width: 760px) {
  .reader-modebar { align-items:flex-start; flex-direction:column; }
  .premium-grid, .profile-preview-grid { grid-template-columns: 1fr; }
  body.has-active-panels .verse-list { min-height: 64vh; }
  .option-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .option-toggle .switch { flex-basis: 34px; }
}
@media(max-width: 430px) {
  .option-bar { grid-template-columns: 1fr; }
  .option-toggle .label { white-space: normal; }
}


/* BibliaREM v10.1 — editorial stabilization, announcements, admin/chat scaffolds */
.rem-identity-card {
  text-align:center;
  padding: clamp(1.2rem, 3vw, 2.4rem);
  background: radial-gradient(circle at 50% 0%, rgba(242,194,102,.12), transparent 45%), linear-gradient(180deg, rgba(9,28,42,.96), rgba(7,18,28,.92));
  border: 1px solid rgba(242,194,102,.32);
  border-radius: 28px;
  box-shadow: 0 18px 70px rgba(0,0,0,.22);
}
.rem-identity-card .hebrew-title { font-size: clamp(1.6rem, 4vw, 3rem); line-height:1.05; color:#fff6de; direction:rtl; }
.rem-identity-card .latin-title { font-size: clamp(2.1rem, 5vw, 4.6rem); line-height:1; font-weight:900; color:#f2c266; letter-spacing:.015em; margin:.4rem 0; }
.rem-identity-card .translation-title { font-size: clamp(1.15rem, 2.4vw, 2rem); font-style: italic; color:#f7ead0; }
.rem-triad { display:flex; flex-wrap:wrap; gap:.55rem; justify-content:center; margin-top:1rem; }
.rem-triad span { border:1px solid rgba(242,194,102,.24); border-radius:999px; padding:.45rem .85rem; background:rgba(255,255,255,.04); color:#f3d28a; font-weight:800; }
.editorial-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; }
.editorial-card { padding:1.1rem; border:1px solid rgba(242,194,102,.24); border-radius:22px; background:rgba(6,22,34,.72); }
.editorial-card h3 { margin-top:0; color:#f2c266; }

.announcement-float {
  position: fixed; right: 1.2rem; bottom: 7.2rem; z-index: 80;
  width: 64px; height: 64px; border-radius: 50%; border: 1px solid rgba(242,194,102,.7);
  background: radial-gradient(circle at 35% 28%, #ffe29b, #d8992d 46%, #072235 48%, #071c2d 100%);
  color:#fff6de; font-size:1.55rem; display:grid; place-items:center; cursor:pointer;
  box-shadow: 0 0 0 0 rgba(242,194,102,.45), 0 16px 40px rgba(0,0,0,.35);
  animation: remPulse 2.6s infinite;
}
.announcement-float[hidden] { display:none; }
.announcement-float .dot { position:absolute; top:8px; right:9px; width:12px; height:12px; border-radius:50%; background:#ff3f3f; box-shadow:0 0 12px #ff3f3f; }
@keyframes remPulse { 0%{box-shadow:0 0 0 0 rgba(242,194,102,.42),0 16px 40px rgba(0,0,0,.35)} 70%{box-shadow:0 0 0 16px rgba(242,194,102,0),0 16px 40px rgba(0,0,0,.35)} 100%{box-shadow:0 0 0 0 rgba(242,194,102,0),0 16px 40px rgba(0,0,0,.35)} }
.announcement-panel {
  position: fixed; right: 1rem; bottom: 12rem; width: min(420px, calc(100vw - 2rem)); max-height: min(620px, calc(100vh - 4rem)); overflow:auto; z-index: 81;
  border-radius: 26px; border: 1px solid rgba(242,194,102,.35); background: rgba(5,20,32,.96); color:#f7ead0; box-shadow: 0 24px 80px rgba(0,0,0,.45); backdrop-filter: blur(8px);
  padding: 1rem;
}
.announcement-panel[hidden] { display:none; }
.announcement-head { display:flex; justify-content:space-between; gap:1rem; align-items:center; border-bottom:1px solid rgba(242,194,102,.18); padding-bottom:.7rem; margin-bottom:.8rem; }
.announcement-head h3 { margin:0; color:#f2c266; }
.announcement-close { border:1px solid rgba(242,194,102,.28); background:transparent; color:#fff; border-radius:50%; width:36px; height:36px; font-size:1.2rem; cursor:pointer; }
.announcement-item { padding:.85rem; border:1px solid rgba(242,194,102,.18); border-radius:18px; background:rgba(255,255,255,.035); margin:.7rem 0; }
.announcement-item h4 { margin:.1rem 0 .4rem; color:#fff4d8; }
.announcement-meta { color:#f2c266; font-weight:800; font-size:.92rem; margin:.3rem 0; }
.announcement-tags { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.6rem; }
.announcement-tags span { font-size:.78rem; padding:.24rem .45rem; border-radius:999px; border:1px solid rgba(242,194,102,.28); color:#f2c266; }

.admin-layout { display:grid; grid-template-columns:minmax(220px, 300px) 1fr; gap:1rem; }
.admin-side, .admin-main { border:1px solid rgba(242,194,102,.24); border-radius:24px; background:rgba(7,24,36,.82); padding:1rem; }
.admin-side a { display:block; padding:.7rem .85rem; border-radius:14px; color:#f7ead0; text-decoration:none; margin-bottom:.35rem; border:1px solid transparent; }
.admin-side a:hover { border-color:rgba(242,194,102,.32); background:rgba(255,255,255,.04); }
.fake-form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.85rem; }
.fake-field { display:grid; gap:.35rem; }
.fake-field input, .fake-field select, .fake-field textarea { width:100%; border:1px solid rgba(242,194,102,.25); border-radius:14px; padding:.7rem .8rem; background:#061f31; color:#fff; }
.fake-field textarea { min-height:130px; resize:vertical; }
.chat-shell { display:grid; grid-template-columns: minmax(220px,280px) 1fr; gap:1rem; }
.chat-room { border:1px solid rgba(242,194,102,.24); border-radius:24px; background:rgba(7,24,36,.82); padding:1rem; min-height:460px; display:flex; flex-direction:column; }
.chat-feed { flex:1; overflow:auto; display:grid; gap:.8rem; align-content:start; }
.chat-msg { padding:.75rem .9rem; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid rgba(242,194,102,.14); }
.chat-msg b { color:#f2c266; }
.chat-compose { display:flex; gap:.55rem; margin-top:1rem; }
.chat-compose input { flex:1; border-radius:999px; border:1px solid rgba(242,194,102,.25); background:#061f31; color:#fff; padding:.8rem 1rem; }
.role-badge { display:inline-flex; align-items:center; gap:.3rem; border-radius:999px; padding:.25rem .55rem; font-weight:900; font-size:.78rem; border:1px solid rgba(242,194,102,.3); color:#f2c266; }
@media (max-width: 800px) { .admin-layout, .chat-shell { grid-template-columns:1fr; } .announcement-float { bottom:6.6rem; right:.9rem; width:58px; height:58px; } }

/* BibliaREM 0.2.2 — stabilizare vizuală header/opțiuni/profil */
.reader-header{gap:1rem;align-items:center;}
.reader-brand{min-width:0;display:flex;align-items:center;gap:.85rem;}
.reader-brand img{width:64px;height:64px;object-fit:contain;flex:0 0 auto;}
.reader-brand .brand-copy{display:grid;gap:.08rem;min-width:0;line-height:1.05;}
.reader-brand .brand-copy strong{font-size:clamp(1.35rem,2.4vw,2.25rem);letter-spacing:.12em;white-space:nowrap;color:#fff6df;text-shadow:0 2px 8px rgba(0,0,0,.35);}
.reader-brand .brand-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.08em;}
.reader-brand .brand-hebrew{color:#e7c987;font-size:.76rem;text-transform:uppercase;}
.reader-brand .brand-triad{color:#f2c266;font-size:.72rem;text-transform:uppercase;}
.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:.7rem;align-items:stretch;}
.option-toggle{min-width:0;min-height:64px;padding:.62rem .72rem;display:grid;grid-template-columns:1fr auto auto;gap:.55rem;align-items:center;}
.option-toggle .label{font-size:.98rem;line-height:1.14;overflow:visible;white-space:normal;}
.option-toggle .help-mini{position:static;transform:none;}
.option-toggle .switch{position:static;justify-self:end;}
.option-toggle--witness{max-width:280px;}
@media (max-width:860px){.reader-header{flex-wrap:wrap}.reader-brand img{width:52px;height:52px}.reader-brand .brand-copy strong{font-size:1.42rem}.reader-brand .brand-hebrew,.reader-brand .brand-triad{max-width:62vw}.options-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));}.option-toggle--witness{max-width:none}}
@media (max-width:520px){.reader-brand .brand-triad{display:none}.reader-brand .brand-hebrew{font-size:.68rem}.reader-brand img{width:46px;height:46px}.options-grid{grid-template-columns:1fr 1fr}.option-toggle{min-height:58px}.option-toggle .label{font-size:.88rem}}
.gold{color:#f2c266;font-weight:800}.muted{color:rgba(255,242,215,.64)}
.link-chip-list,.connection-group{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.link-chip,.ref-chip{border:1px solid rgba(242,194,102,.36);background:rgba(242,194,102,.08);color:#fff6df;border-radius:999px;padding:.44rem .7rem;text-decoration:none;font-weight:700}.ref-chip{cursor:pointer}.profile-hero{min-height:230px;border:1px solid rgba(242,194,102,.34);border-radius:28px;padding:1.2rem;display:flex;gap:1.2rem;align-items:end;background-size:cover;background-position:center;box-shadow:0 18px 45px rgba(0,0,0,.25);position:relative;overflow:hidden}.profile-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,18,.78),rgba(3,12,18,.22));}.profile-hero>*{position:relative}.profile-avatar{width:112px;height:112px;border-radius:28px;border:2px solid rgba(242,194,102,.55);object-fit:cover;background:#061421}.profile-message{border:1px solid rgba(242,194,102,.24);border-radius:18px;padding:.8rem;margin:.7rem 0;background:rgba(255,255,255,.03)}.profile-message.unread{border-color:#f2c266;background:rgba(242,194,102,.08)}.admin-avatar-mini{width:36px;height:36px;border-radius:10px;vertical-align:middle;margin-right:.4rem}.notification-float{position:fixed;right:1rem;bottom:6.5rem;z-index:999;background:#071a27;color:#fff6df;border:1px solid rgba(242,194,102,.45);border-radius:18px;padding:.8rem 1rem;box-shadow:0 14px 40px rgba(0,0,0,.38);display:none}.notification-float.is-visible{display:block}.chat-kick-form{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.4rem}.emoji-admin-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(242,194,102,.24);border-radius:999px;padding:.3rem .45rem;margin:.25rem;background:rgba(255,255,255,.03)}


/* BibliaREM 0.2.2 — fix header brand and option panel 6+5 */
.reader-header{grid-template-columns:auto minmax(320px,1fr) auto; min-height:96px;}
.reader-brand{display:flex;align-items:center;gap:.9rem;max-width:min(720px,52vw);}
.reader-brand img{width:62px;height:62px;flex:0 0 62px;}
.reader-brand .brand-copy{display:grid;grid-template-rows:auto auto auto auto;gap:.05rem;min-width:0;line-height:1.03;}
.reader-brand .brand-copy strong{font-size:clamp(1.55rem,2.55vw,2.55rem);letter-spacing:.15em;line-height:.98;}
.reader-brand .brand-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;}
.reader-brand .brand-hebrew{font-size:.72rem;color:#d8ba79;letter-spacing:.08em;}
.reader-brand .brand-mystery{font-size:.73rem;color:#f6dfb3;letter-spacing:.09em;text-transform:uppercase!important;}
.reader-brand .brand-triad{font-size:.7rem;color:#e6bc62;letter-spacing:.12em;text-transform:uppercase!important;}
.option-bar{display:grid!important;grid-template-columns:repeat(6,minmax(165px,1fr))!important;gap:.72rem!important;align-items:stretch!important;padding:1rem!important;}
.option-toggle{position:relative;min-height:58px!important;padding:.68rem .78rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) 1.55rem 42px!important;gap:.62rem!important;align-items:center!important;overflow:hidden!important;}
.option-toggle input{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;}
.option-toggle .label{min-width:0!important;display:flex!important;align-items:center!important;gap:.38rem!important;font-size:.98rem!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.option-toggle .help-chip{width:1.45rem!important;height:1.45rem!important;min-width:1.45rem!important;align-self:center!important;justify-self:center!important;}
.option-toggle .switch{width:42px!important;height:24px!important;flex:0 0 42px!important;justify-self:end!important;}
.option-toggle .switch::after{width:20px!important;height:20px!important;}
.option-toggle:has(input:checked) .switch::after{transform:translateX(18px)!important;}
.option-toggle--witness{max-width:none!important;}
@media(max-width:1280px){.option-bar{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.reader-brand{max-width:48vw}}
@media(max-width:900px){.reader-header{grid-template-columns:auto 1fr auto;min-height:88px}.reader-brand{max-width:68vw}.reader-brand img{width:52px;height:52px;flex-basis:52px}.reader-brand .brand-copy strong{font-size:1.45rem}.reader-brand .brand-hebrew,.reader-brand .brand-mystery,.reader-brand .brand-triad{font-size:.62rem}.option-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.reader-brand{max-width:70vw;gap:.55rem}.reader-brand img{width:44px;height:44px;flex-basis:44px}.reader-brand .brand-copy strong{font-size:1.12rem;letter-spacing:.11em}.reader-brand .brand-mystery,.reader-brand .brand-triad{display:none}.option-bar{grid-template-columns:1fr!important}.option-toggle{min-height:54px!important}.option-toggle .label{font-size:.92rem!important}}

/* BibliaREM 0.2.8 — polish, profile, announcements */
.reader-brand{max-width:min(860px,60vw)!important;align-items:flex-start!important}
.reader-brand img{width:62px;height:62px;flex:0 0 62px}
.reader-brand .brand-copy{gap:.14rem!important}
.reader-brand .brand-copy strong{white-space:normal!important;line-height:1.02!important}
.reader-brand .brand-hebrew,.reader-brand .brand-mystery,.reader-brand .brand-triad{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important}
.option-bar{grid-template-columns:repeat(6,minmax(165px,1fr))!important;gap:.78rem!important}
.option-toggle{min-height:66px!important;border-radius:18px!important}
.option-toggle .label{font-size:.94rem!important;font-weight:850!important}
.option-toggle--all{border-color:rgba(110,197,149,.34)!important;color:#8dd8b0!important}
.option-toggle--all:has(input:checked){background:linear-gradient(180deg,rgba(77,175,129,.18),rgba(8,28,38,.9))!important}
.reader-mode-notice{max-width:34rem;border:1px solid rgba(242,194,102,.25);background:rgba(242,194,102,.08);border-radius:16px;padding:.7rem .9rem;font-size:.92rem;line-height:1.35;color:#fff2d6}
.scripture-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.verse-list{max-height:none!important;min-height:clamp(980px,120vh,1680px)!important}
body.has-active-panels .verse-list{min-height:clamp(980px,118vh,1660px)!important}
@media(max-width:1180px){.option-bar{grid-template-columns:repeat(4,minmax(150px,1fr))!important}}
@media(max-width:860px){.reader-brand{max-width:100%!important}.option-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.verse-list,body.has-active-panels .verse-list{min-height:70vh!important}}
@media(max-width:560px){.reader-brand{gap:.45rem!important}.reader-brand img{width:42px!important;height:42px!important;flex-basis:42px!important}.reader-brand .brand-copy strong{font-size:1rem!important;letter-spacing:.08em!important}.reader-brand .brand-hebrew{font-size:.62rem!important}.reader-brand .brand-mystery{font-size:.61rem!important}.reader-brand .brand-triad{font-size:.58rem!important}.option-bar{grid-template-columns:1fr!important}.option-toggle{min-height:58px!important}.scripture-head{gap:.7rem}.reader-mode-notice{font-size:.84rem;padding:.62rem .75rem}.verse-list,body.has-active-panels .verse-list{min-height:62vh!important}}
@media(max-width:760px){.header-suntrack-v8{min-height:116px!important}.header-sunset{left:58%!important;right:auto!important;bottom:.42rem!important;transform:translateX(-50%)!important;text-align:center!important}.header-dusk{left:auto!important;right:.42rem!important;top:.38rem!important;bottom:auto!important;font-size:.62rem!important}.header-sunrise{left:.42rem!important;bottom:.42rem!important;font-size:.62rem!important}}
@media(max-width:430px){.header-sunset{left:60%!important;bottom:.28rem!important}.header-dusk{top:.24rem!important;right:.28rem!important}.header-dayline-title{gap:.15rem!important}}
.announcement-float{display:flex;align-items:center;gap:.55rem;min-height:60px;padding:0 1rem;border-radius:999px;right:1rem;bottom:5.7rem;transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease}
.announcement-float .announcement-icon{font-weight:900;font-size:1.2rem}.announcement-float .announcement-label{font-weight:900;white-space:nowrap}
.announcement-float.is-mini{width:58px;height:58px;min-height:58px;padding:0;justify-content:center;border-radius:50%}.announcement-float.is-mini .announcement-label{display:none}.announcement-float.is-mini .announcement-icon{font-size:1.38rem}
.announcement-float.is-empty .dot{display:none}.announcement-float.is-empty{box-shadow:0 12px 34px rgba(0,0,0,.32)}
.announcement-float.is-empty.is-mini{opacity:.9}
.announcement-panel{bottom:10.2rem!important}
.profile-avatar{background:#05131d;border-width:3px!important}.profile-avatar.is-member{border-color:rgba(255,255,255,.8)!important}.profile-avatar.is-vip{border-color:#e5be63!important;box-shadow:0 0 0 2px rgba(229,190,99,.16),0 0 28px rgba(229,190,99,.25)}.profile-avatar.is-mod{border-color:#a26fff!important;box-shadow:0 0 0 2px rgba(162,111,255,.18),0 0 28px rgba(162,111,255,.28)}
.profile-main-grid{align-items:start}.profile-setting-card{grid-column:span 2}.profile-settings-form .profile-setting{margin:.8rem 0}
.avatar-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}.avatar-choice{display:grid;gap:.45rem;justify-items:center;text-align:center;padding:.75rem;border:1px solid rgba(242,194,102,.18);border-radius:18px;background:rgba(255,255,255,.03);cursor:pointer}.avatar-choice input{position:absolute;opacity:0;pointer-events:none}.avatar-choice img{width:76px;height:76px;object-fit:cover;border-radius:18px;border:2px solid rgba(255,255,255,.2);background:#061421}.avatar-choice span{font-size:.86rem;font-weight:700;line-height:1.2}.avatar-choice:has(input:checked){border-color:#f2c266;background:rgba(242,194,102,.09)}.avatar-choice:has(input:checked) img{border-color:#f2c266}
.default-panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.55rem}.default-panels-grid label,.toggle-stack label{display:flex;gap:.55rem;align-items:center;padding:.55rem .7rem;border:1px solid rgba(242,194,102,.16);border-radius:14px;background:rgba(255,255,255,.03)}
.friend-list{display:grid;gap:.75rem}.friend-card{display:flex;gap:.8rem;align-items:center;padding:.75rem;border:1px solid rgba(242,194,102,.16);border-radius:16px;background:rgba(255,255,255,.03)}.friend-card img{width:54px;height:54px;border-radius:16px;object-fit:cover;background:#061421}.friend-card small{display:block;color:#c6d7df}.friend-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.25rem}.mutual-dot{color:#5aa6ff;margin-left:.35rem}.profile-mutual{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(90,166,255,.36);background:rgba(90,166,255,.1);color:#d9ebff;font-weight:700}.inline-form{display:inline-flex;margin:0}.achievement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.achievement-summary>div,.achievement-card{padding:.75rem;border:1px solid rgba(242,194,102,.18);border-radius:16px;background:rgba(255,255,255,.03)}.achievement-summary span{display:block;font-size:1.45rem;font-weight:900;color:#f2c266}.achievement-list{display:grid;gap:.65rem;margin-top:.8rem}
.notification-float{max-width:min(340px,90vw)}
@media(max-width:820px){.profile-setting-card{grid-column:auto}.achievement-summary{grid-template-columns:1fr}.avatar-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.admin-member-toolbar,.admin-inbox-toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:.6rem 0 1rem}.admin-filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.44rem .75rem;border:1px solid rgba(242,194,102,.18);border-radius:999px;text-decoration:none;color:#fff6df;background:rgba(255,255,255,.03)}.admin-filter-chip.is-active{background:rgba(242,194,102,.12);border-color:#f2c266}.member-rows{display:grid;gap:.8rem}.member-row{border:1px solid rgba(242,194,102,.16);border-radius:18px;background:rgba(255,255,255,.03);padding:.8rem}.member-row summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.member-row summary::-webkit-details-marker{display:none}.member-identity{display:flex;align-items:center;gap:.8rem}.member-presence{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem}.presence-dot{width:10px;height:10px;border-radius:50%}.presence-online{background:#27d15d}.presence-recent{background:#f0b24e}.presence-offline{background:#d15b5b}.member-row .admin-inline-form{margin-top:.7rem}.member-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem 0}.member-meta-grid>div{padding:.7rem;border:1px solid rgba(242,194,102,.12);border-radius:14px;background:rgba(0,0,0,.14)}

/* BibliaREM 0.2.8 — interface fixes, notes, highlights */
.option-bar{grid-template-columns:repeat(6,minmax(180px,1fr))!important;align-items:stretch!important}
.option-toggle{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 1.55rem 48px!important;align-items:center!important;gap:.65rem!important;overflow:hidden!important;min-height:62px!important;padding:.64rem .8rem!important}
.option-toggle>input[type="checkbox"],.option-toggle>input{position:absolute!important;left:-100vw!important;top:auto!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;pointer-events:none!important;z-index:-1!important}
.option-toggle .label{grid-column:1!important;min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:.35rem!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.option-toggle .help-chip{grid-column:2!important;justify-self:center!important;align-self:center!important;width:1.55rem!important;height:1.55rem!important;min-width:1.55rem!important;margin:0!important;position:relative!important;z-index:2!important}
.option-toggle .switch{grid-column:3!important;justify-self:end!important;align-self:center!important;width:48px!important;height:26px!important;flex:0 0 48px!important;position:relative!important;margin:0!important;z-index:1!important}
.option-toggle .switch::after{width:22px!important;height:22px!important;top:2px!important;left:2px!important;position:absolute!important}
.option-toggle:has(input:checked) .switch::after{transform:translateX(22px)!important}
.option-toggle--all{color:#8adcae!important}
@media(max-width:1320px){.option-bar{grid-template-columns:repeat(4,minmax(170px,1fr))!important}}
@media(max-width:760px){.option-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.option-toggle{grid-template-columns:minmax(0,1fr) 1.45rem 44px!important;padding:.58rem .66rem!important}.option-toggle .switch{width:44px!important}.option-toggle:has(input:checked) .switch::after{transform:translateX(18px)!important}}
@media(max-width:460px){.option-bar{grid-template-columns:1fr!important}}

@media(max-width:760px){
  .reader-header{grid-template-columns:auto minmax(0,1fr) auto!important;gap:.45rem!important;min-height:auto!important;padding:.62rem!important}
  .reader-brand{max-width:100%!important;min-width:0!important;gap:.45rem!important;align-items:center!important}
  .reader-brand img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .reader-brand .brand-copy strong{font-size:.98rem!important;letter-spacing:.09em!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .reader-brand .brand-hebrew,.reader-brand .brand-mystery,.reader-brand .brand-triad{display:none!important}
  .header-actions{gap:.22rem!important;justify-content:flex-end!important;min-width:0!important}
  .header-actions .calendar-header-btn span:last-child{display:none!important}
  .header-actions .icon-btn,.header-actions .profile-link,.header-actions .calendar-header-btn{width:2.35rem!important;height:2.35rem!important;min-width:2.35rem!important;padding:0!important;border-radius:999px!important}
  .theme-select{width:2.35rem!important;min-width:2.35rem!important;max-width:2.35rem!important;font-size:0!important;padding:0!important;background-position:center!important;color:transparent!important}
}
@media(max-width:400px){.reader-brand .brand-copy strong{font-size:.86rem!important;letter-spacing:.06em!important}.reader-brand img{width:34px!important;height:34px!important;flex-basis:34px!important}.header-actions .icon-btn,.header-actions .profile-link,.header-actions .calendar-header-btn,.theme-select{width:2.12rem!important;min-width:2.12rem!important;height:2.12rem!important}}

.phase-disc-real,.moon-dot-track,.header-moon-dot{background:#03070e!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 18px rgba(210,225,255,.18)!important}
.phase-disc-real::before,.moon-dot-track::before,.header-moon-dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9d2 0%,#d9ceb3 25%,#8f8879 58%,#3c3b37 100%);box-shadow:inset -8px -8px 15px rgba(0,0,0,.45),inset 5px 5px 13px rgba(255,255,255,.13)}
.phase-disc-real::after,.moon-dot-track::after,.header-moon-dot::after{display:none!important}
.phase-disc-real.is-waxing::before,.moon-dot-track.is-waxing::before,.header-moon-dot.is-waxing::before{clip-path:inset(0 0 0 calc(100% - (var(--illum) * 1%)))}
.phase-disc-real.is-waning::before,.moon-dot-track.is-waning::before,.header-moon-dot.is-waning::before{clip-path:inset(0 calc(100% - (var(--illum) * 1%)) 0 0)}
.phase-disc-real[style*="--illum:100"]::before{clip-path:inset(0)!important}

.verse-card.has-highlight{border-bottom-width:4px!important;box-shadow:inset 0 -4px 0 var(--highlight-color), var(--shadow)!important}.verse-highlight-tools{display:inline-flex;gap:.25rem;margin-left:.2rem}.verse-tool.color-red{color:#ff7777}.verse-tool.color-blue{color:#7db8ff}.verse-tool.color-green{color:#76df98}.note-editor{display:grid;gap:.75rem}.note-editor textarea{width:100%;min-height:190px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);color:var(--text);padding:.85rem;font:inherit;line-height:1.55}.note-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.note-status{color:var(--gold);font-weight:800}.login-required{border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--surface-soft)}


/* BibliaREM 0.2.8 — lunar progress, clean switches, verse marking */
.option-toggle input[type="checkbox"],
.option-toggle > input,
.option-toggle input{
  display:none!important;
  position:absolute!important;
  inline-size:0!important;
  block-size:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.option-toggle{grid-template-columns:minmax(0,1fr) 1.55rem 56px!important;overflow:hidden!important}
.option-toggle .switch{display:block!important;position:relative!important;inline-size:56px!important;block-size:28px!important;min-inline-size:56px!important;border-radius:999px!important;overflow:hidden!important;justify-self:end!important;align-self:center!important;background:rgba(255,255,255,.22)!important}

.option-toggle .switch::after{content:""!important;display:block!important;position:absolute!important;inline-size:24px!important;block-size:24px!important;top:2px!important;left:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.28)!important;transform:translateX(0)!important;transition:transform .18s ease!important}
.option-toggle:has(input:checked) .switch::after{transform:translateX(28px)!important}
@media(max-width:760px){.option-toggle .switch{inline-size:50px!important;min-inline-size:50px!important}}
.verse-card.has-highlight{border-bottom-width:1px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color) 52%,transparent), inset 0 0 0 999px color-mix(in srgb,var(--highlight-color) 10%,transparent), var(--shadow)!important}
.verse-card.has-highlight .verse-number{color:var(--highlight-color)!important}
.verse-card.highlight-red .verse-text{color:#ff9d9d!important;text-shadow:0 0 10px rgba(226,85,85,.18)}
.verse-card.highlight-blue .verse-text{color:#a9d1ff!important;text-shadow:0 0 10px rgba(90,166,255,.18)}
.verse-card.highlight-green .verse-text{color:#a9f0bd!important;text-shadow:0 0 10px rgba(73,194,119,.18)}
.verse-card.highlight-red{--highlight-color:#e25555}.verse-card.highlight-blue{--highlight-color:#5aa6ff}.verse-card.highlight-green{--highlight-color:#49c277}
.verse-highlight-tools .verse-tool{font-weight:900}.verse-highlight-tools .color-red{color:#ff7777}.verse-highlight-tools .color-blue{color:#7db8ff}.verse-highlight-tools .color-green{color:#76df98}
.profile-verse-lists{grid-column:span 2}.verse-mark-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.verse-mark-group{border:1px solid rgba(242,194,102,.15);border-radius:16px;background:rgba(255,255,255,.03);padding:.8rem;min-height:120px}.verse-mark-group h3{margin:.1rem 0 .55rem;color:var(--gold);font-size:1rem}.verse-mark-group.red h3{color:#ff8e8e}.verse-mark-group.blue h3{color:#8fc4ff}.verse-mark-group.green h3{color:#80e7a0}.verse-ref-list{display:flex;gap:.35rem;flex-wrap:wrap}.verse-ref-pill{border:1px solid rgba(242,194,102,.2);background:rgba(0,0,0,.18);border-radius:999px;padding:.35rem .55rem;color:#fff6df;font-weight:800;cursor:pointer}.verse-ref-pill.red{border-color:rgba(226,85,85,.45);color:#ffb1b1}.verse-ref-pill.blue{border-color:rgba(90,166,255,.45);color:#b8d9ff}.verse-ref-pill.green{border-color:rgba(73,194,119,.45);color:#adf2bf}
@media(max-width:980px){.profile-verse-lists{grid-column:auto}.verse-mark-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.verse-mark-groups{grid-template-columns:1fr}}

/* BibliaREM 0.2.8 — note limits, chapter navigation, corrected REM moon visual */
.option-toggle{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 1.7rem 58px!important;align-items:center!important;column-gap:.75rem!important;padding:.7rem .86rem!important;overflow:hidden!important}
.option-toggle>input[type="checkbox"],.option-toggle>input{position:absolute!important;inline-size:1px!important;block-size:1px!important;inset:auto auto auto -200vw!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;pointer-events:none!important;z-index:-1!important}
.option-toggle .label{grid-column:1!important;min-width:0!important;line-height:1.15!important;display:flex!important;align-items:center!important;gap:.35rem!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
.option-toggle .help-chip{grid-column:2!important;justify-self:center!important;align-self:center!important;position:relative!important;z-index:2!important;margin:0!important}
.option-toggle .switch{grid-column:3!important;justify-self:end!important;align-self:center!important;display:block!important;position:relative!important;width:58px!important;height:28px!important;min-width:58px!important;max-width:58px!important;border-radius:999px!important;overflow:hidden!important;margin:0!important;background:rgba(255,255,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
.option-toggle .switch::before{display:none!important;content:none!important}
.option-toggle .switch::after{content:""!important;display:block!important;position:absolute!important;top:2px!important;left:2px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;transform:translateX(0)!important;transition:transform .18s ease!important}
.option-toggle:has(input:checked) .switch::after{transform:translateX(30px)!important}
@media(max-width:760px){.option-toggle{grid-template-columns:minmax(0,1fr) 1.45rem 50px!important}.option-toggle .switch{width:50px!important;min-width:50px!important;max-width:50px!important}.option-toggle:has(input:checked) .switch::after{transform:translateX(22px)!important}}
.verse-list{min-height:0!important;max-height:none!important;overflow-y:auto!important;transition:height .22s ease!important}
body.has-active-panels .verse-list{min-height:0!important;max-height:none!important}
.verse-scroll-controls{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:.75rem!important}.verse-scroll-btn:disabled{opacity:.36!important;cursor:not-allowed!important;filter:grayscale(.8)}
.note-limit-info{display:flex;justify-content:space-between;gap:.8rem;align-items:center;border:1px solid rgba(242,194,102,.16);border-radius:14px;background:rgba(242,194,102,.06);padding:.58rem .75rem;color:var(--muted);font-size:.92rem}.note-limit-info b{color:var(--gold);font-variant-numeric:tabular-nums}.note-editor textarea:invalid{border-color:#e25555!important}
.phase-disc-real,.moon-dot-track,.header-moon-dot{background:#020812!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 0 18px rgba(210,225,255,.2)!important}
.phase-disc-real::before,.moon-dot-track::before,.header-moon-dot::before{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:var(--light,50%)!important;border-radius:999px!important;background:radial-gradient(circle at 35% 30%,#fff9d2 0%,#e4d6b5 24%,#a39a82 52%,#5b5548 72%,#2b2b28 100%)!important;box-shadow:inset -8px -8px 15px rgba(0,0,0,.42),inset 5px 5px 13px rgba(255,255,255,.15)!important;clip-path:none!important}
.phase-disc-real.is-waxing::before,.moon-dot-track.is-waxing::before,.header-moon-dot.is-waxing::before{right:0!important;left:auto!important;border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}
.phase-disc-real.is-waning::before,.moon-dot-track.is-waning::before,.header-moon-dot.is-waning::before{left:0!important;right:auto!important;border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}
.phase-disc-real::after,.moon-dot-track::after,.header-moon-dot::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.12),transparent 34%,rgba(0,0,0,.38) 100%)!important;mix-blend-mode:soft-light!important;pointer-events:none!important}
.phase-disc-real[style*="--light:100%"]::before{left:0!important;right:0!important;width:100%!important;border-radius:50%!important}
@media(max-width:560px){.phase-row-v8 .phase-item{min-width:64px!important}.phase-disc-real{width:clamp(44px,16vw,66px)!important}}

/* BibliaREM 0.2.8 — clean chapter title, visible moon in day system, empty panel preference allowed */
.scripture-head small[hidden], .scripture-head small:empty { display:none!important; }
.scripture-head small { display:none!important; }
.header-moon-dot, .moon-dot-track {
  display:block!important;
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.header-sun-dot { z-index:6!important; }
.moon-dot-track {
  width:32px!important;
  height:32px!important;
  top:61%!important;
  transform:translate(-50%,-50%)!important;
}
.header-moon-dot {
  width:24px!important;
  height:24px!important;
  top:66%!important;
  transform:translate(-50%,-50%)!important;
}
.sun-track-v8 .moon-dot-track::before,
.header-moon-dot::before {
  min-width:0!important;
}
.phase-disc-real[style*="--light:0%"]::before,
.moon-dot-track[style*="--light:0%"]::before,
.header-moon-dot[style*="--light:0%"]::before { width:0%!important; }
@media(max-width:560px){
  .moon-dot-track{width:26px!important;height:26px!important;}
  .header-moon-dot{width:20px!important;height:20px!important;top:68%!important;}
}

/* BibliaREM 0.2.8 — fix real visibility of the moon inside Sistemul zilei */
.sun-track-v8 .moon-dot-track,
.header-suntrack-v8 .header-moon-dot {
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:12!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:1px solid rgba(255,244,202,.52)!important;
  box-shadow:
    0 0 0 1px rgba(8,18,28,.78),
    0 0 20px rgba(218,230,255,.28),
    inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
.sun-track-v8 .moon-dot-track {
  width:34px!important;
  height:34px!important;
  top:62%!important;
  transform:translate(-50%,-50%)!important;
}
.header-suntrack-v8 .header-moon-dot {
  width:23px!important;
  height:23px!important;
  top:67%!important;
  transform:translate(-50%,-50%)!important;
}
.sun-track-v8 .moon-dot-track::before,
.header-suntrack-v8 .header-moon-dot::before {
  display:block!important;
  opacity:1!important;
  min-width:0!important;
}
.sun-track-v8 .moon-dot-track::after,
.header-suntrack-v8 .header-moon-dot::after {
  display:block!important;
}
@media(max-width:560px){
  .sun-track-v8 .moon-dot-track{width:27px!important;height:27px!important;top:64%!important;}
  .header-suntrack-v8 .header-moon-dot{width:20px!important;height:20px!important;top:69%!important;}
}


/* BibliaREM 0.2.9 — sun and moon balanced visually */
.header-sun-dot,
.header-moon-dot {
  width: 26px !important;
  height: 26px !important;
}
.sun-track-v8 .sun-dot,
.sun-track-v8 .moon-dot-track {
  width: 42px !important;
  height: 42px !important;
}
@media (max-width: 430px) {
  .header-sun-dot,
  .header-moon-dot {
    width: 26px !important;
    height: 26px !important;
  }
  .sun-track-v8 .sun-dot,
  .sun-track-v8 .moon-dot-track {
    width: 38px !important;
    height: 38px !important;
  }
}


/* BibliaREM 0.2.10 — moon reduced ~30% vs sun */
.header-moon-dot {
  width: 18px !important;
  height: 18px !important;
}
.sun-track-v8 .moon-dot-track {
  width: 30px !important;
  height: 30px !important;
}
@media (max-width: 430px) {
  .header-moon-dot {
    width: 18px !important;
    height: 18px !important;
  }
  .sun-track-v8 .moon-dot-track {
    width: 28px !important;
    height: 28px !important;
  }
}


/* BibliaREM 0.2.11 — sun enlarged about +30% for visual balance with the moon */
.sun-track-v8 .sun-dot { width: 65px !important; height: 65px !important; }
.header-sun-dot { width: 47px !important; height: 47px !important; }
@media (max-width: 760px) {
  .sun-track-v8 .sun-dot { width: 50px !important; height: 50px !important; }
  .header-sun-dot { width: 34px !important; height: 34px !important; }
}
@media (max-width: 430px) {
  .sun-track-v8 .sun-dot { width: 48px !important; height: 48px !important; }
  .header-sun-dot { width: 32px !important; height: 32px !important; }
}


/* BibliaREM 0.2.12 — realistic moon phase images + refreshed sun */
.phase-disc-real,
.moon-dot-track,
.header-moon-dot {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  overflow: visible !important;
  border-radius: 50% !important;
  box-shadow: 0 0 14px rgba(210,225,255,.22) !important;
}
.phase-disc-real::before,
.phase-disc-real::after,
.moon-dot-track::before,
.moon-dot-track::after,
.header-moon-dot::before,
.header-moon-dot::after {
  content: none !important;
  display: none !important;
}
.phase-item.is-current .phase-disc-real {
  box-shadow: 0 0 0 2px rgba(242,194,102,.32), 0 0 20px rgba(242,194,102,.22) !important;
}


/* BibliaREM 0.2.14 — final moon PNG renderer + cache-busted sun without extra CSS halo */
.phase-disc-real,
.moon-dot-track,
.header-moon-dot {
  background-image: var(--moon-img) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border-radius: 50% !important;
  overflow: visible !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 7px rgba(210,225,255,.22)) !important;
}
.phase-disc-real::before,
.phase-disc-real::after,
.moon-dot-track::before,
.moon-dot-track::after,
.header-moon-dot::before,
.header-moon-dot::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.phase-item.is-current .phase-disc-real {
  box-shadow: 0 0 0 2px rgba(242,194,102,.58), 0 0 18px rgba(242,194,102,.22) !important;
}
.sun-track-v8 .sun-dot,
.header-sun-dot,
#seasonDot {
  background-color: transparent !important;
  background-image: url('../img/ui/sun-rem.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
}


/* BibliaREM 0.2.21 — doar soarele din Anotimp mărit +50%, fără atingerea Sistemului Zilei */
.season-card-v8 #seasonDot,
.year-season-track #seasonDot {
  width: 72px !important;
  height: 72px !important;
}
@media (max-width: 760px) {
  .season-card-v8 #seasonDot,
  .year-season-track #seasonDot { width: 66px !important; height: 66px !important; }
}
@media (max-width: 430px) {
  .season-card-v8 #seasonDot,
  .year-season-track #seasonDot { width: 60px !important; height: 60px !important; }
}

/* BibliaREM 0.2.24 — Soarele din Anotimp +50%, fără a atinge Sistemul zilei */
#seasonDot{width:calc(var(--season-dot-size, 30px) * 1.5)!important;height:calc(var(--season-dot-size, 30px) * 1.5)!important;transform:translate(-50%,-50%) scale(1.5)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;}


/* BibliaREM 0.2.33 — corectare buton Harta Pământului Biblic și linia orei active */
.moon-location{grid-template-columns:minmax(0,1fr) minmax(175px,max-content)!important;align-items:stretch!important;gap:.7rem!important}
.moon-location .flat-map-btn,.moon-location .rem-flatmap-link{grid-column:1/-1!important;width:100%!important;min-height:3.65rem!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:.12rem!important;border:1px solid rgba(242,194,102,.34)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(242,194,102,.16),rgba(255,255,255,.04))!important;color:#fff1c7!important;text-decoration:none!important;font-weight:950!important;letter-spacing:.02em!important;opacity:1!important;cursor:pointer!important;pointer-events:auto!important;filter:none!important}
.moon-location .flat-map-btn:hover,.moon-location .rem-flatmap-link:hover{border-color:rgba(242,194,102,.72)!important;background:linear-gradient(135deg,rgba(242,194,102,.26),rgba(255,255,255,.07))!important;transform:translateY(-1px)}
.moon-location .flat-map-btn small,.moon-location .rem-flatmap-link small{display:block!important;color:#d8c49a!important;font-size:.72rem!important;font-weight:850!important;letter-spacing:0!important}
.sun-track-v8,.header-suntrack-v8{--now:50%;--set:82%;--dusk:92%;}
.sun-track-v8::after,.header-suntrack-v8::after{content:"ora activă";position:absolute;left:var(--now);top:.45rem;bottom:.45rem;z-index:3;border-left:2px dashed rgba(255,242,186,.72);color:#fff2c4;font-size:.62rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 7px #000;padding-left:.25rem;pointer-events:none;filter:drop-shadow(0 0 7px rgba(242,194,102,.28))}
.sun-track-v8::before,.header-suntrack-v8::before{content:"";position:absolute;left:var(--set);top:.55rem;bottom:.55rem;z-index:2;border-left:1px dotted rgba(255,169,88,.58);pointer-events:none}.header-suntrack-v8::after{font-size:.52rem;top:.32rem;bottom:.32rem}.header-suntrack-v8::before{top:.42rem;bottom:.42rem}.sun-track-v8 .sun-time.sunset,.header-suntrack-v8 .header-sunset{left:var(--set)!important;right:auto!important;transform:translateX(-50%)!important;text-align:center!important}.sun-track-v8 .sun-time.end,.header-suntrack-v8 .header-dusk{left:var(--dusk)!important;right:auto!important;transform:translateX(-100%)!important;text-align:right!important}.sun-track-v8 .sun-time.start,.header-suntrack-v8 .header-sunrise{left:var(--rise,8%)!important;right:auto!important;transform:none!important;text-align:left!important}.sun-track-v8 .sun-dot,.header-sun-dot{z-index:7!important}.sun-track-v8 .moon-dot-track,.header-moon-dot{z-index:6!important}
@media(max-width:760px){.moon-location{grid-template-columns:1fr!important}.sun-track-v8::after{font-size:.54rem;padding-left:.18rem}.header-suntrack-v8::after{content:""}.sun-track-v8 .sun-time.end{transform:translateX(-92%)!important}.sun-track-v8 .sun-time.sunset{transform:translateX(-50%)!important}}

/* BibliaREM 0.2.38 — logo header curat, fără text duplicat */
.reader-brand.reader-brand--image{display:flex!important;align-items:center!important;gap:0!important;max-width:min(420px,42vw)!important;min-width:0!important;align-self:center!important}
.reader-brand.reader-brand--image img{display:block!important;width:clamp(74px,10vw,128px)!important;height:clamp(46px,6vw,74px)!important;flex:0 0 auto!important;object-fit:contain!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.38))!important;border-radius:12px!important}
.reader-brand.reader-brand--image .brand-copy{display:none!important}
@media(max-width:860px){.reader-brand.reader-brand--image{max-width:32vw!important}.reader-brand.reader-brand--image img{width:76px!important;height:48px!important}}
@media(max-width:520px){.reader-brand.reader-brand--image{max-width:30vw!important}.reader-brand.reader-brand--image img{width:58px!important;height:38px!important;border-radius:9px!important}}

/* BibliaREM 0.2.43 — remove circular halo around moon dots in day-system HUD */
.moon-dot-track,.header-moon-dot{box-shadow:none!important;filter:none!important;background-color:transparent!important}
.moon-dot-track::after,.header-moon-dot::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}


/* ===== 0.2.62 nav/resources + floating map/trumpet ===== */
.nav-resource-wrap{position:relative;display:inline-flex;align-items:center}
.nav-resource-wrap>.nav-resource-main{display:inline-flex;align-items:center;gap:.25rem}
.nav-resource-wrap>.nav-resource-main::after{content:'▾';font-size:.72em;opacity:.78}
.nav-resource-submenu{position:absolute;left:0;top:calc(100% + .45rem);min-width:230px;display:none;grid-template-columns:1fr;gap:.25rem;padding:.45rem;border:1px solid var(--line-strong);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 96%,#000);box-shadow:0 18px 48px rgba(0,0,0,.34);z-index:2100}
.nav-resource-submenu a{display:block;padding:.56rem .72rem;border-radius:12px;text-decoration:none;color:var(--text);white-space:nowrap}
.nav-resource-submenu a:hover{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}
.nav-resource-wrap:hover .nav-resource-submenu,.nav-resource-wrap:focus-within .nav-resource-submenu{display:grid}
.floating-map{position:fixed;right:clamp(.8rem,2vw,1.4rem);bottom:calc(clamp(.8rem,2vw,1.4rem) + 4rem);z-index:1400;display:inline-flex;align-items:center;gap:.55rem;min-height:3.2rem;border-radius:999px;border:1px solid rgba(116,201,255,.56);background:linear-gradient(180deg,#0c2740,#071a2b);color:#e8f7ff;text-decoration:none;padding:0 1rem;box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 24px rgba(116,201,255,.18);font-weight:900}
.floating-map:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(0,0,0,.38),0 0 28px rgba(116,201,255,.28)}
.rem-holy-float{position:fixed;right:1rem;bottom:10rem;z-index:82;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,204,104,.72);background:radial-gradient(circle at 35% 25%,rgba(255,236,166,.98),rgba(205,141,42,.66) 45%,rgba(65,41,7,.45));color:#fff6de;font-size:1.55rem;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(242,194,102,.55),0 16px 40px rgba(0,0,0,.35);animation:remPulse 2.2s infinite}
.rem-holy-float[hidden]{display:none!important}
.rem-holy-float::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,216,126,.35);box-shadow:0 0 26px rgba(255,198,79,.28)}
@media(max-width:720px){.nav-resource-wrap{display:flex;flex-direction:column;align-items:stretch}.nav-resource-submenu{position:static;display:grid;margin:.25rem 0 .45rem .7rem;box-shadow:none;background:transparent;border-color:var(--line)}.floating-map{min-width:3.2rem;padding:0 .9rem;bottom:calc(clamp(.8rem,2vw,1.4rem) + 3.75rem)}.floating-map .floating-text{display:none}.rem-holy-float{right:.9rem;bottom:10.8rem;width:56px;height:56px}}

/* ===== 0.2.63 Resurse submenu stability + floating stack ===== */
.nav-resource-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;gap:.15rem!important}
.nav-resource-wrap>.nav-resource-main::after{content:none!important}
.nav-resource-toggle{display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);cursor:pointer;font-weight:900;line-height:1}
.nav-resource-toggle:hover,.nav-resource-toggle[aria-expanded="true"]{border-color:color-mix(in srgb,var(--gold) 65%,transparent);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}
.nav-resource-submenu{top:100%!important;margin-top:.18rem!important;display:none!important;min-width:250px!important;pointer-events:auto!important}
.nav-resource-wrap:hover .nav-resource-submenu,.nav-resource-wrap:focus-within .nav-resource-submenu,.nav-resource-wrap.is-open .nav-resource-submenu{display:grid!important}
.nav-resource-submenu::before{content:'';position:absolute;left:0;right:0;top:-.45rem;height:.45rem}
.nav-resource-submenu a{font-weight:850!important}
.floating-calendar{bottom:1rem!important;right:clamp(.8rem,2vw,1.4rem)!important}
.floating-map{bottom:5rem!important;right:clamp(.8rem,2vw,1.4rem)!important}
.announcement-float{bottom:9rem!important;right:1rem!important;z-index:1410!important}
.rem-holy-float{bottom:13.3rem!important;right:1rem!important;z-index:1420!important}
@media(max-width:720px){
  .nav-resource-toggle{align-self:flex-start;margin:.2rem 0 .1rem .2rem}
  .nav-resource-submenu{position:static!important;display:none!important;margin:.25rem 0 .45rem .7rem!important}
  .nav-resource-wrap:hover .nav-resource-submenu{display:none!important}
  .nav-resource-wrap.is-open .nav-resource-submenu,.nav-resource-wrap:focus-within .nav-resource-submenu{display:grid!important}
  .floating-calendar{bottom:.85rem!important;right:.9rem!important}
  .floating-map{bottom:4.75rem!important;right:.9rem!important}
  .announcement-float{bottom:8.65rem!important;right:.9rem!important;width:56px;height:56px;min-height:56px;padding:0;justify-content:center;border-radius:50%}
  .announcement-float .announcement-label{display:none!important}
  .rem-holy-float{bottom:12.55rem!important;right:.9rem!important;width:56px;height:56px}
}


/* ===== 0.2.64 trumpet asset + announcement priority + clean day HUD ===== */
.holy-marker{
  font-size:0!important;
  color:transparent!important;
  background-image:url('../img/moedim/icoTrambita.png'), radial-gradient(circle at 35% 25%, rgba(255,236,166,.98), rgba(205,141,42,.66) 45%, rgba(65,41,7,.45));
  background-size:80% 80%, auto;
  background-position:center, center;
  background-repeat:no-repeat, no-repeat;
}
.rem-holy-float{
  font-size:0!important;
  color:transparent!important;
  background-image:url('../img/moedim/icoTrambita.png'), radial-gradient(circle at 35% 25%, rgba(255,236,166,.98), rgba(205,141,42,.66) 45%, rgba(65,41,7,.45));
  background-size:86% 86%, auto;
  background-position:center, center;
  background-repeat:no-repeat, no-repeat;
}
.announcement-panel{z-index:3000!important}
.announcement-float{z-index:2900!important}
.trumpet-toast{z-index:3100!important;display:flex;align-items:center;justify-content:center;gap:.85rem;text-align:left!important}
.trumpet-toast::before{content:'';flex:0 0 58px;width:58px;height:58px;background:url('../img/moedim/icoTrambita.png') center/contain no-repeat}
@media(max-width:560px){.trumpet-toast{gap:.6rem;padding:.75rem .9rem!important}.trumpet-toast::before{flex-basis:46px;width:46px;height:46px}}
.sun-track-v8::before,.sun-track-v8::after,.header-suntrack-v8::before,.header-suntrack-v8::after{content:none!important;display:none!important}
.moon-dot-track,.header-moon-dot{
  border-radius:0!important;
  overflow:visible!important;
  background:none!important;
  box-shadow:0 0 10px rgba(210,225,255,.12)!important;
}
.moon-dot-track::after,.header-moon-dot::after{content:none!important;display:none!important}
.moon-dot-track,.sun-track-v8 .sun-dot{background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
.header-moon-dot,.header-sun-dot{background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
.rem-special-icon{display:inline-block;width:2.8rem;height:2.8rem;background:url('../img/moedim/icoTrambita.png') center/contain no-repeat;vertical-align:middle;filter:drop-shadow(0 0 10px rgba(242,194,102,.22))}
.moon-card .rem-special-icon{margin-bottom:.28rem}


/* ===== 0.2.65 clean moon image + separated sunset/dusk labels ===== */
.sun-track-v8 .moon-dot-track,
.header-suntrack-v8 .header-moon-dot,
.moon-dot-track,
.header-moon-dot{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 4px rgba(210,225,255,.18))!important;
  border-radius:50%!important;
  clip-path:circle(49% at 50% 50%)!important;
  overflow:hidden!important;
  background-color:transparent!important;
}
.sun-track-v8 .moon-dot-track::before,
.sun-track-v8 .moon-dot-track::after,
.header-suntrack-v8 .header-moon-dot::before,
.header-suntrack-v8 .header-moon-dot::after,
.moon-dot-track::before,
.moon-dot-track::after,
.header-moon-dot::before,
.header-moon-dot::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
}
.sun-track-v8 .sun-time,
.header-sun-label{
  z-index:30!important;
  display:inline-block!important;
  padding:.12rem .32rem!important;
  border-radius:8px!important;
  background:rgba(3,12,20,.42)!important;
  backdrop-filter:blur(2px);
}
.sun-track-v8 .sun-time.sunset.is-separated,
.header-suntrack-v8 .header-sunset.is-separated{
  text-align:right!important;
}
.sun-track-v8 .sun-time.end.is-separated,
.header-suntrack-v8 .header-dusk.is-separated{
  text-align:left!important;
}
@media(max-width:560px){
  .sun-track-v8 .sun-time,
  .header-sun-label{font-size:.6rem!important;padding:.1rem .24rem!important}
}


/* ===== 0.2.67 header shofar + centered trumpet notification + mobile Resurse alignment ===== */
.trumpet-toast{
  z-index:3200!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  text-align:center!important;
  line-height:1.38!important;
  font-size:clamp(.92rem,1.8vw,1.06rem)!important;
  padding:.85rem 1.05rem!important;
}
.trumpet-toast::before{flex:0 0 54px!important;width:54px!important;height:54px!important;margin:0 auto!important}
.rem-header-holy{
  display:inline-grid;
  place-items:center;
  width:2.75rem;
  height:2.75rem;
  flex:0 0 2.75rem;
  border-radius:999px;
  border:1px solid rgba(255,204,104,.7);
  background-image:url('../img/moedim/icoTrambita.png'), radial-gradient(circle at 35% 25%,rgba(255,236,166,.98),rgba(205,141,42,.68) 45%,rgba(65,41,7,.42));
  background-size:84% 84%,auto;
  background-position:center,center;
  background-repeat:no-repeat,no-repeat;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 22px rgba(242,194,102,.36);
  cursor:pointer;
  animation:remPulse 2.4s infinite;
  margin-inline:.25rem .6rem;
}
.rem-header-holy[hidden]{display:none!important}
.rem-header-holy:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 30px rgba(242,194,102,.52)}
@media(max-width:720px){
  .trumpet-toast{max-width:calc(100vw - 1rem)!important;padding:.72rem .8rem!important;border-radius:16px!important;font-size:.9rem!important}
  .trumpet-toast::before{flex-basis:42px!important;width:42px!important;height:42px!important}
  .rem-header-holy{width:2.35rem;height:2.35rem;flex-basis:2.35rem;margin-inline:.15rem .3rem}
  .main-nav .nav-resource-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;justify-items:stretch!important;width:100%!important;gap:.25rem!important;flex-direction:initial!important;text-align:left!important}
  .main-nav .nav-resource-wrap>.nav-resource-main{justify-content:flex-start!important;text-align:left!important;width:100%!important}
  .main-nav .nav-resource-toggle{align-self:center!important;justify-self:end!important;margin:0!important}
  .main-nav .nav-resource-submenu{grid-column:1/-1!important;width:100%!important;margin:.25rem 0 .35rem 0!important;text-align:left!important}
}


/* ===== 0.2.67 Sistemul Zilei: Apus ca martor mic în capsulă ===== */
.sun-track-v8 .sun-time.sunset,
.header-suntrack-v8 .header-sunset{
  font-size:.56rem!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  padding:.18rem .44rem!important;
  border-radius:999px!important;
  border:1px solid rgba(255,181,87,.34)!important;
  color:#ffe0a6!important;
  background:rgba(44,23,6,.54)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.28),0 0 12px rgba(255,156,65,.12)!important;
  opacity:.96!important;
  backdrop-filter:blur(2px)!important;
  z-index:34!important;
}
.sun-track-v8 .sun-time.end,
.header-suntrack-v8 .header-dusk{
  font-size:.74rem!important;
  line-height:1.12!important;
  font-weight:950!important;
  color:#fff2d7!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
  z-index:35!important;
}
.sun-track-v8 .sun-time.sunset.is-separated,
.header-suntrack-v8 .header-sunset.is-separated{
  transform:translateX(-100%)!important;
  bottom:.28rem!important;
  top:auto!important;
}
.sun-track-v8 .sun-time.end.is-separated,
.header-suntrack-v8 .header-dusk.is-separated{
  transform:translateX(0)!important;
  top:.36rem!important;
  bottom:auto!important;
}
@media(max-width:760px){
  .sun-track-v8 .sun-time.sunset,.header-suntrack-v8 .header-sunset{font-size:.50rem!important;padding:.14rem .34rem!important}
  .sun-track-v8 .sun-time.end,.header-suntrack-v8 .header-dusk{font-size:.66rem!important}
}


/* ===== 0.2.68 header trumpet overlay + custom login/calendar buttons + dayline capsules ===== */
.rem-header-holy{
  position:absolute!important;
  left:clamp(4.75rem,16vw,13rem)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:1120!important;
  margin:0!important;
}
.rem-header-holy:hover{transform:translateY(calc(-50% - 1px))!important}
@media(max-width:900px){
  .rem-header-holy{left:clamp(4.2rem,12vw,8rem)!important;width:2.45rem!important;height:2.45rem!important;flex-basis:2.45rem!important}
}
@media(max-width:760px){
  .rem-header-holy{left:3.35rem!important;top:.62rem!important;transform:none!important;width:2.1rem!important;height:2.1rem!important;flex-basis:2.1rem!important}
  
}

.profile-link{
  background-image:url('../img/ui/login-short-custom.png')!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  border:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden!important;
}
.profile-link:hover{background-color:transparent!important;filter:brightness(1.05)}
.profile-link::before{content:''!important}

.calendar-header-btn,
.floating-calendar{
  background-image:url('../img/ui/calendar-pill-custom.png')!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:transparent!important;
  border:none!important;
  box-shadow:none!important;
  color:#fff2d5!important;
  text-shadow:0 1px 6px rgba(0,0,0,.65)!important;
}
.calendar-header-btn{
  min-height:50px!important;
  padding:0 1.25rem 0 5.25rem!important;
  gap:.5rem!important;
  font-weight:900!important;
}
.calendar-header-btn>span[aria-hidden='true']{display:none!important}
.floating-calendar{
  min-height:56px!important;
  padding:0 1.15rem 0 5.4rem!important;
  gap:.35rem!important;
  font-weight:900!important;
}
.floating-calendar > span[aria-hidden='true']{display:none!important}
@media(max-width:760px){
  .calendar-header-btn{width:3.1rem!important;min-width:3.1rem!important;height:3.1rem!important;padding:0!important}
  .floating-calendar{width:3.35rem!important;min-width:3.35rem!important;height:3.35rem!important;padding:0!important}
}

.sun-track-v8 .sun-time.start,
.header-suntrack-v8 .header-sunrise{
  border-radius:999px!important;
  padding:.22rem .54rem!important;
  background:rgba(25,82,132,.54)!important;
  border:1px solid rgba(130,207,255,.45)!important;
  color:#dcf4ff!important;
  box-shadow:0 3px 14px rgba(0,0,0,.28),0 0 12px rgba(117,206,255,.16)!important;
  backdrop-filter:blur(2px)!important;
  text-shadow:none!important;
}
.sun-track-v8 .sun-time.end,
.header-suntrack-v8 .header-dusk{
  border-radius:999px!important;
  padding:.22rem .56rem!important;
  background:rgba(19,69,33,.58)!important;
  border:1px solid rgba(124,231,139,.42)!important;
  color:#e4ffe7!important;
  box-shadow:0 3px 14px rgba(0,0,0,.28),0 0 12px rgba(124,231,139,.14)!important;
  backdrop-filter:blur(2px)!important;
  text-shadow:none!important;
}
@media(max-width:760px){
  .sun-track-v8 .sun-time.start,.header-suntrack-v8 .header-sunrise,
  .sun-track-v8 .sun-time.end,.header-suntrack-v8 .header-dusk{font-size:.64rem!important;padding:.16rem .42rem!important}
}


/* ===== 0.2.69 premium finish: circular calendar/map buttons + compact header icons + mobile dayline fit ===== */
.calendar-header-btn,
.floating-calendar{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:url('../img/ui/logocalendar.png') center/contain no-repeat!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  overflow:visible!important;
}
.calendar-header-btn span,
.floating-calendar span{display:none!important}
.calendar-header-btn:hover,.floating-calendar:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;background-color:transparent!important}

.profile-link{
  width:58px!important; min-width:58px!important; max-width:58px!important;
  height:58px!important; min-height:58px!important;
  padding:0!important;
}

.floating-map{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:url('../img/ui/earthmap.png') center/contain no-repeat!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  text-decoration:none!important;
}
.floating-map span{display:none!important}
.floating-map:hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important;background-color:transparent!important;box-shadow:none!important}

@media(max-width:760px){
  .calendar-header-btn,.floating-calendar,.profile-link{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important}
  .floating-map{width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important}
}

/* Mobile fit for Sistemul Zilei */
@media(max-width:520px){
  .moon-panel .sun-track-v8,
  .sun-track-v8{
    min-height:148px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background-size:auto,auto,cover!important;
  }
  .sun-track-v8 .sun-arc{left:3.5%!important;right:3.5%!important;top:17%!important;height:48%!important}
  .moon-panel .sun-track-v8 .sun-time,
  .sun-track-v8 .sun-time{font-size:.56rem!important;line-height:1.05!important;padding:.12rem .26rem!important;max-width:30vw!important}
  .sun-track-v8 .sun-time.start{left:.28rem!important;bottom:.24rem!important}
  .moon-panel .sun-track-v8 .sun-time.sunset,
  .sun-track-v8 .sun-time.sunset{left:58%!important;bottom:.2rem!important}
  .moon-panel .sun-track-v8 .sun-time.end,
  .sun-track-v8 .sun-time.end{right:.22rem!important;top:.22rem!important;transform:none!important}
  .moon-panel .sun-track-v8 .moon-dot-track,
  .sun-track-v8 .moon-dot-track{width:22px!important;height:22px!important}
  .moon-panel .sun-track-v8 .sun-dot,
  .sun-track-v8 .sun-dot{width:34px!important;height:34px!important}
}


/* ===== 0.2.70 mobile visual corrections ===== */
.profile-link{
  border-radius:50%!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  aspect-ratio:1/1!important;
  overflow:visible!important;
}
@media(max-width:760px){
  .rem-header-holy{
    left:5.85rem!important;
    top:.64rem!important;
    width:2rem!important;
    height:2rem!important;
    flex-basis:2rem!important;
    z-index:1125!important;
  }
  .profile-link{
    width:46px!important;min-width:46px!important;max-width:46px!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
    background-size:contain!important;
  }
}
@media(max-width:400px){
  .rem-header-holy{left:5.35rem!important;top:.58rem!important;width:1.86rem!important;height:1.86rem!important}
  .profile-link{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}
}
@media(max-width:520px){
  .moon-panel .sun-track-v8 .sun-time.sunset,
  .sun-track-v8 .sun-time.sunset{
    left:63%!important;
    right:auto!important;
    bottom:.18rem!important;
    transform:translateX(-50%)!important;
  }
  .moon-panel .sun-track-v8 .sun-time.end,
  .sun-track-v8 .sun-time.end{
    left:96%!important;
    right:auto!important;
    top:.22rem!important;
    transform:translateX(-100%)!important;
    text-align:right!important;
    max-width:42vw!important;
    white-space:pre-line!important;
  }
  .moon-panel .sun-track-v8 .sun-time.start,
  .sun-track-v8 .sun-time.start{
    max-width:34vw!important;
  }
}


/* ===== 0.2.71 verified mobile/header corrections ===== */
@media(max-width:760px){
  .rem-header-holy{
    left:7.15rem!important;
    top:.62rem!important;
    width:1.82rem!important;
    height:1.82rem!important;
    min-width:1.82rem!important;
    min-height:1.82rem!important;
    z-index:1150!important;
    transform:none!important;
  }
  .rem-header-holy:hover{transform:translateY(-1px)!important}
}
@media(max-width:430px){
  .rem-header-holy{
    left:6.55rem!important;
    top:.56rem!important;
    width:1.68rem!important;
    height:1.68rem!important;
    min-width:1.68rem!important;
    min-height:1.68rem!important;
  }
}
@media(max-width:760px){
  .profile-link{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
    overflow:visible!important;
    font-size:0!important;
    color:transparent!important;
    box-shadow:none!important;
  }
}
@media(max-width:400px){
  .profile-link{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important}
}
@media(max-width:760px){
  .header-suntrack-v8 .header-sunset{
    left:61%!important;
    right:auto!important;
    bottom:.28rem!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    max-width:30vw!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .header-suntrack-v8 .header-dusk{
    left:83%!important;
    right:auto!important;
    top:.28rem!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    max-width:38vw!important;
    text-align:center!important;
    white-space:pre-line!important;
  }
  .header-suntrack-v8 .header-sunrise{
    left:.32rem!important;
    right:auto!important;
    bottom:.28rem!important;
    top:auto!important;
    max-width:35vw!important;
  }
}
@media(max-width:430px){
  .header-suntrack-v8 .header-sunset{left:58%!important;font-size:.48rem!important;padding:.12rem .28rem!important}
  .header-suntrack-v8 .header-dusk{left:79%!important;font-size:.56rem!important;padding:.14rem .32rem!important}
  .header-suntrack-v8 .header-sunrise{font-size:.56rem!important;padding:.14rem .32rem!important}
}

/* ===== 0.2.72 — Sistemul zilei: titlu după locație + soare rotativ + corecție mobilă ===== */
@keyframes remDaySunSpin{from{rotate:0deg}to{rotate:360deg}}
.sun-track-v8 .sun-dot,
.header-sun-dot{
  animation:remDaySunSpin 18s linear infinite!important;
  transform-origin:center!important;
}
#moonDaySystemTitle,
#brDaylineTitle{letter-spacing:.08em}
@media(max-width:560px){
  .header-suntrack-v8{min-height:118px!important;overflow:hidden!important;background-size:auto,auto,cover!important}
  .header-suntrack-v8 .header-sunrise{left:.38rem!important;bottom:.34rem!important;max-width:30vw!important;white-space:normal!important}
  .header-suntrack-v8 .header-sunset{left:70%!important;bottom:.25rem!important;transform:translateX(-50%)!important;max-width:24vw!important;white-space:nowrap!important}
  .header-suntrack-v8 .header-dusk{left:auto!important;right:.34rem!important;top:.34rem!important;transform:none!important;max-width:34vw!important;white-space:normal!important;text-align:right!important}
  .moon-panel .sun-track-v8{min-height:150px!important;overflow:hidden!important;background-size:auto,auto,cover!important}
  .moon-panel .sun-track-v8 .sun-time.start{left:.32rem!important;bottom:.28rem!important;max-width:31vw!important}
  .moon-panel .sun-track-v8 .sun-time.sunset{left:70%!important;bottom:.22rem!important;transform:translateX(-50%)!important;max-width:25vw!important;white-space:nowrap!important}
  .moon-panel .sun-track-v8 .sun-time.end{right:.34rem!important;top:.28rem!important;left:auto!important;transform:none!important;max-width:34vw!important;text-align:right!important}
}


/* ===== 0.2.73 — correct local spin: sun image rotates on its own point only ===== */
@keyframes remDaySunSpinTrackFixed{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes remDaySunSpinHeaderFixed{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.sun-track-v8 .sun-dot{animation:remDaySunSpinTrackFixed 18s linear infinite!important;transform-origin:center center!important}
.header-sun-dot{animation:remDaySunSpinHeaderFixed 18s linear infinite!important;transform-origin:center center!important}


/* ===== 0.2.78 EXPERIMENTAL — Sistemul Zilei cu video loop ca fundal ===== */
.sun-track-v8.has-video-bg,
.header-suntrack-v8.has-video-bg{
  background:#06131d!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.rem-day-video-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.92!important;
  filter:saturate(1.05) contrast(1.02) brightness(.92)!important;
}
.sun-track-v8.has-video-bg::before,
.sun-track-v8.has-video-bg::after,
.header-suntrack-v8.has-video-bg::before,
.header-suntrack-v8.has-video-bg::after{display:none!important;content:none!important}
.sun-track-v8.has-video-bg .sun-arc,
.header-suntrack-v8.has-video-bg .header-sun-arc{position:absolute!important;z-index:1!important}
.sun-track-v8.has-video-bg .sun-dot,
.sun-track-v8.has-video-bg .moon-dot-track,
.sun-track-v8.has-video-bg .sun-time,
.header-suntrack-v8.has-video-bg .header-sun-dot,
.header-suntrack-v8.has-video-bg .header-moon-dot,
.header-suntrack-v8.has-video-bg .header-sun-label{z-index:5!important;position:absolute!important}
.sun-track-v8.has-video-bg .sun-time,
.header-suntrack-v8.has-video-bg .header-sun-label{z-index:8!important}
@media(max-width:560px){
  .rem-day-video-bg{opacity:.88!important;object-position:center center!important}
}


/* ===== 0.2.78 EXPERIMENTAL v2 — video day/night auto switch ===== */
.sun-track-v8.has-video-bg.is-day-video .rem-day-video-bg,
.header-suntrack-v8.has-video-bg.is-day-video .rem-day-video-bg{
  opacity:.92!important;
  filter:saturate(1.06) contrast(1.03) brightness(.95)!important;
}
.sun-track-v8.has-video-bg.is-night-video .rem-day-video-bg,
.header-suntrack-v8.has-video-bg.is-night-video .rem-day-video-bg{
  opacity:.94!important;
  filter:saturate(1.08) contrast(1.05) brightness(.78)!important;
}


/* ===== 0.2.78 OFFICIAL — Sistemul Zilei smart video + static fallback ===== */
.sun-track-v8.has-video-bg,
.header-suntrack-v8.has-video-bg{
  --rem-dayline-poster:url('../img/ui/day-system-day-fallback.webp');
  background-color:#06131d!important;
  background-image:
    linear-gradient(90deg, rgba(3,12,20,.42), rgba(3,12,20,.08), rgba(3,12,20,.42)),
    var(--rem-dayline-poster)!important;
  background-size:auto, cover!important;
  background-position:center, center!important;
  background-repeat:no-repeat, no-repeat!important;
}
.sun-track-v8.has-video-bg.is-night-video,
.header-suntrack-v8.has-video-bg.is-night-video{
  background-image:
    linear-gradient(90deg, rgba(3,10,22,.28), rgba(3,10,22,.05), rgba(3,10,22,.28)),
    var(--rem-dayline-poster)!important;
}
.rem-day-video-bg{
  background:transparent!important;
  will-change:opacity!important;
  transform:translateZ(0)!important;
}
.sun-track-v8.has-video-bg.is-static-video .rem-day-video-bg,
.header-suntrack-v8.has-video-bg.is-static-video .rem-day-video-bg{
  display:none!important;
}
.sun-track-v8.has-video-bg.is-day-video .rem-day-video-bg,
.header-suntrack-v8.has-video-bg.is-day-video .rem-day-video-bg{
  opacity:.91!important;
  filter:saturate(1.04) contrast(1.02) brightness(.95)!important;
}
.sun-track-v8.has-video-bg.is-night-video .rem-day-video-bg,
.header-suntrack-v8.has-video-bg.is-night-video .rem-day-video-bg{
  opacity:.93!important;
  filter:saturate(1.06) contrast(1.04) brightness(.82)!important;
}
@media (prefers-reduced-motion: reduce){
  .sun-track-v8.has-video-bg .rem-day-video-bg,
  .header-suntrack-v8.has-video-bg .rem-day-video-bg{display:none!important}
}


/* ===== 0.2.80 floating action stack equal + REM calendar sync polish ===== */
:root{--br-float-size:58px;--br-float-gap:.72rem;--br-float-right:clamp(.75rem,1.8vw,1.15rem);}
.floating-calendar,.floating-map,.announcement-float,.rem-holy-float{
  right:var(--br-float-right)!important;
  width:var(--br-float-size)!important;min-width:var(--br-float-size)!important;max-width:var(--br-float-size)!important;
  height:var(--br-float-size)!important;min-height:var(--br-float-size)!important;max-height:var(--br-float-size)!important;
  padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  border-radius:999px!important;box-sizing:border-box!important;
}
.floating-calendar{bottom:calc(var(--br-float-gap) + 0 * (var(--br-float-size) + var(--br-float-gap)))!important;background:url('../img/ui/logocalendar.png') center/contain no-repeat!important;border:none!important;box-shadow:none!important;color:transparent!important;font-size:0!important;}
.floating-map{bottom:calc(var(--br-float-gap) + 1 * (var(--br-float-size) + var(--br-float-gap)))!important;background:url('../img/ui/earthmap.png') center/contain no-repeat!important;border:none!important;box-shadow:none!important;color:transparent!important;font-size:0!important;text-decoration:none!important;}
.announcement-float{bottom:calc(var(--br-float-gap) + 2 * (var(--br-float-size) + var(--br-float-gap)))!important;border:1px solid rgba(255,204,104,.48)!important;background:radial-gradient(circle at 38% 28%,#f7c65f,#ca871d 58%,#564018)!important;color:#fff5d6!important;font-size:1.2rem!important;box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 18px rgba(242,194,102,.22)!important;}
.rem-holy-float{bottom:calc(var(--br-float-gap) + 3 * (var(--br-float-size) + var(--br-float-gap)))!important;background-image:url('../img/moedim/icoTrambita.png'),radial-gradient(circle at 35% 25%,rgba(255,236,166,.98),rgba(205,141,42,.68) 45%,rgba(65,41,7,.42))!important;background-size:84% 84%,auto!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important;border:1px solid rgba(255,204,104,.55)!important;box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 22px rgba(242,194,102,.28)!important;}
.floating-calendar span,.floating-map span,.announcement-float .announcement-label{display:none!important}.announcement-float .announcement-icon{font-size:1.35rem!important;line-height:1!important}.announcement-float .dot{top:9px!important;right:10px!important}.rem-holy-float::after{inset:-5px!important}.floating-calendar:hover,.floating-map:hover,.announcement-float:hover,.rem-holy-float:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;}
@media(max-width:760px){
  :root{--br-float-size:43px;--br-float-gap:.52rem;--br-float-right:.55rem;}
  .announcement-float .announcement-icon{font-size:1.04rem!important}.announcement-float .dot{width:.42rem!important;height:.42rem!important;top:6px!important;right:6px!important}
  .rem-holy-float::after{inset:-3px!important}
  .floating-calendar,.floating-map,.announcement-float,.rem-holy-float{opacity:.94!important}
}
@media(max-width:380px){:root{--br-float-size:40px;--br-float-gap:.42rem;--br-float-right:.48rem}}


/* ===== 0.2.80 final floating stack balance ===== */
@media(min-width:761px){
  :root{--br-float-size:74px!important;--br-float-gap:.82rem!important;--br-float-right:clamp(.85rem,1.7vw,1.25rem)!important;}
  .floating-calendar,.floating-map,.announcement-float,.rem-holy-float{
    width:var(--br-float-size)!important;min-width:var(--br-float-size)!important;max-width:var(--br-float-size)!important;
    height:var(--br-float-size)!important;min-height:var(--br-float-size)!important;max-height:var(--br-float-size)!important;
    right:var(--br-float-right)!important;border-radius:999px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  }
  .announcement-float{
    background:radial-gradient(circle at 36% 28%,#ffe29a 0%,#e5a638 42%,#b87413 67%,#3a2707 100%)!important;
    border:1px solid rgba(255,218,128,.78)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.12) inset,0 0 28px rgba(242,194,102,.42)!important;
    animation:remPulse 2.4s infinite!important;
  }
  .announcement-float .announcement-icon{font-size:1.85rem!important;line-height:1!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.45))!important;}
  .announcement-float .dot{width:.72rem!important;height:.72rem!important;top:10px!important;right:11px!important;box-shadow:0 0 14px #ff3f3f!important;}
  .rem-holy-float{background-size:86% 86%,auto!important;}
}
@media(max-width:760px){
  :root{--br-float-size:43px!important;--br-float-gap:.52rem!important;--br-float-right:.55rem!important;}
  .floating-calendar,.floating-map,.announcement-float,.rem-holy-float{width:43px!important;min-width:43px!important;max-width:43px!important;height:43px!important;min-height:43px!important;max-height:43px!important;}
}

/* ===== 0.2.81 Calendar HUD polish + premium notification pulse ===== */
@media(min-width:761px){
  :root{--br-float-size:66px!important;--br-float-gap:.78rem!important;}
  .floating-calendar,.floating-map,.announcement-float,.rem-holy-float{
    width:var(--br-float-size)!important;min-width:var(--br-float-size)!important;max-width:var(--br-float-size)!important;
    height:var(--br-float-size)!important;min-height:var(--br-float-size)!important;max-height:var(--br-float-size)!important;
  }
  .announcement-float,.rem-holy-float{
    animation:remNotifyBreath 2.1s ease-in-out infinite!important;
  }
  .announcement-float::before,.rem-holy-float::before{
    content:'';position:absolute;inset:-10px;border-radius:50%;pointer-events:none;
    border:1px solid rgba(255,220,130,.34);opacity:.55;animation:remNotifyWave 2.1s ease-out infinite;
  }
  .announcement-float::after,.rem-holy-float::after{
    content:'';position:absolute;inset:-17px;border-radius:50%;pointer-events:none;
    border:1px solid rgba(255,220,130,.18);opacity:.35;animation:remNotifyWave 2.1s ease-out infinite .55s;
  }
}
@keyframes remNotifyBreath{0%,100%{filter:brightness(1);box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 22px rgba(242,194,102,.28)}50%{filter:brightness(1.16);box-shadow:0 18px 44px rgba(0,0,0,.38),0 0 42px rgba(242,194,102,.58)}}
@keyframes remNotifyWave{0%{transform:scale(.72);opacity:.58}72%{transform:scale(1.28);opacity:0}100%{transform:scale(1.28);opacity:0}}

.moon-head-sub{line-height:1.35;max-width:920px}
.rem-calendar-link-card{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;text-align:center}
.rem-calendar-link-card small{opacity:.86}
.active-date-card{order:1}
.moon-v8-hero{order:2}
.moon-two-v8{order:3}
.active-date-grid strong{white-space:pre-line;line-height:1.12;word-break:normal;overflow-wrap:normal;hyphens:none}
#moon-weekday-main{font-size:clamp(.95rem,1.55vw,1.16rem)!important;line-height:1.08!important}
#moon-greg-main{font-size:clamp(.98rem,1.65vw,1.18rem)!important;line-height:1.1!important}
#moon-hebrew-sub{font-size:.78rem;line-height:1.22}
#moon-month-sub{line-height:1.24}
.moon-two-v8 h3{font-size:clamp(.98rem,1.8vw,1.16rem);line-height:1.15}
.season-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;position:relative}
.season-info-grid::before{content:'';position:absolute;left:50%;top:.4rem;bottom:.4rem;width:1px;background:linear-gradient(180deg,transparent,rgba(242,194,102,.32),transparent)}
.season-info-col{border:1px solid rgba(232,185,94,.22);border-radius:18px;background:linear-gradient(180deg,rgba(6,18,28,.82),rgba(7,25,38,.68));padding:.85rem .95rem;box-shadow:inset 0 0 0 1px rgba(255,220,155,.04)}
.season-info-col p{margin:.36rem 0;color:#f6efde;line-height:1.38}
.season-info-col b{color:#f2c266}
.rem-first-crescent-icon{display:inline-block;width:2.8rem;height:2.8rem;background:url('../img/moon/phases/moon_008.png') center/contain no-repeat;vertical-align:middle;filter:drop-shadow(0 0 10px rgba(210,225,255,.18))}
.moon-method-card .rem-first-crescent-icon{margin-bottom:.28rem}
@media(max-width:760px){
  .season-info-grid{grid-template-columns:1fr;gap:.65rem}.season-info-grid::before{display:none}
  .active-date-grid strong{font-size:1rem!important}
  #moon-weekday-main,#moon-greg-main{font-size:.98rem!important}
}


/* ===== 0.2.82 Moon HUD order + faithful sun/moon trajectories ===== */
.moon-content > .active-date-card{order:1!important}
.moon-content > .moon-v8-hero{order:2!important}
.moon-content > .rem-calendar-link-card{order:3!important}
.moon-content > .moon-two-v8{order:4!important}
.moon-content > .day-system-card{order:5!important}
.moon-content > .season-card-v8{order:6!important}
.moon-content > .moedim-card-v8{order:7!important}
.moon-content > .moon-bottom-grid{order:8!important}

.sun-track-v8 .sun-dot,
.header-suntrack-v8 .header-sun-dot,
.sun-track-v8 .moon-dot-track,
.header-suntrack-v8 .header-moon-dot{
  transition:left .78s ease, top .78s ease!important;
}
.sun-track-v8 .sun-arc,
.header-suntrack-v8 .header-sun-arc{
  border-top-color:rgba(255,222,138,.68)!important;
  border-top-width:2px!important;
  opacity:.95!important;
}
.sun-track-v8 .moon-arc,
.header-suntrack-v8 .header-moon-arc{
  position:absolute!important;
  left:6%!important;
  right:6%!important;
  top:38%!important;
  height:34%!important;
  border-top:2px dashed rgba(136,212,255,.62)!important;
  border-radius:50% 50% 0 0!important;
  z-index:1!important;
  pointer-events:none!important;
  filter:drop-shadow(0 0 7px rgba(105,205,255,.2))!important;
}
.header-suntrack-v8 .header-moon-arc{top:42%!important;height:30%!important;opacity:.72!important}
.sun-track-v8.has-video-bg .moon-arc,
.header-suntrack-v8.has-video-bg .header-moon-arc{z-index:1!important}
.sun-track-v8 .sun-dot,.header-suntrack-v8 .header-sun-dot{z-index:16!important}
.sun-track-v8 .moon-dot-track,.header-suntrack-v8 .header-moon-dot{z-index:15!important}
@media(max-width:560px){
  .sun-track-v8 .moon-arc{top:41%!important;height:31%!important;left:5%!important;right:5%!important}
  .header-suntrack-v8 .header-moon-arc{top:45%!important;height:28%!important;left:5%!important;right:5%!important}
}


/* ===== 0.2.83 precise day-system arcs + custom icons ===== */
.rem-first-crescent-icon{background-image:url('../img/moon/phases/moon_018.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.moon-version-icon{display:inline-block;width:2.8rem;height:2.8rem;background:url('../img/ui/version-info.png') center/contain no-repeat;vertical-align:middle;filter:drop-shadow(0 0 10px rgba(242,194,102,.18));margin-bottom:.28rem}

.announcement-float{background:url('../img/ui/anuntrem-bell.png') center/contain no-repeat!important;border:none!important;box-shadow:none!important;color:transparent!important;font-size:0!important}
.announcement-float .announcement-icon,.announcement-float .announcement-label{display:none!important}
.announcement-float.has-active{animation:remNotifyBreathStrong 3.6s ease-in-out infinite!important}
.announcement-float.has-active::before{animation:remNotifyWaveSlow 3.8s ease-out infinite!important}
.announcement-float.has-active::after{animation:remNotifyWaveSlow 3.8s ease-out infinite 1.1s!important}
.announcement-float .dot{top:10px!important;right:9px!important;width:.56rem!important;height:.56rem!important;background:#ff3b3b!important;box-shadow:0 0 12px rgba(255,59,59,.75)!important;opacity:0;animation:none!important}
.announcement-float.has-active .dot{display:block!important;animation:announcementLiveBlink 7.2s ease-in-out infinite!important}
.announcement-float.is-empty .dot{display:none!important}
.rem-holy-float{background-size:79% 79%,auto!important}
@media(min-width:761px){
  .announcement-float,.rem-holy-float{background-size:84% 84%,auto!important}
}
@keyframes announcementLiveBlink{0%,15%{opacity:0}25%,55%{opacity:1}70%,100%{opacity:0}}
@keyframes remNotifyBreathStrong{0%,100%{filter:brightness(1);transform:translateY(0);box-shadow:0 0 22px rgba(242,194,102,.24)}50%{filter:brightness(1.14);transform:translateY(-1px);box-shadow:0 0 42px rgba(242,194,102,.52)}}
@keyframes remNotifyWaveSlow{0%{transform:scale(.78);opacity:.4}70%{transform:scale(1.34);opacity:0}100%{transform:scale(1.34);opacity:0}}

.sun-track-v8 .sun-dot,.header-suntrack-v8 .header-sun-dot,.sun-track-v8 .moon-dot-track,.header-suntrack-v8 .header-moon-dot{will-change:left,top}
.sun-track-v8 .sun-arc{left:7%!important;right:7%!important;top:17%!important;height:52%!important}
.sun-track-v8 .moon-arc{left:6%!important;right:6%!important;top:38%!important;height:34%!important}
.header-suntrack-v8 .header-sun-arc{left:8%!important;right:8%!important;top:20%!important;height:46%!important}
.header-suntrack-v8 .header-moon-arc{left:6%!important;right:6%!important;top:42%!important;height:30%!important}
@media(max-width:560px){
  .sun-track-v8 .sun-arc{left:3.5%!important;right:3.5%!important;top:17%!important;height:48%!important}
  .sun-track-v8 .moon-arc{left:5%!important;right:5%!important;top:41%!important;height:31%!important}
  .header-suntrack-v8 .header-sun-arc{left:6%!important;right:6%!important;top:20%!important;height:44%!important}
  .header-suntrack-v8 .header-moon-arc{left:5%!important;right:5%!important;top:45%!important;height:28%!important}
}


/* ===== 0.2.84 announcement spin + brighter first crescent ===== */
.announcement-float.has-active{
  animation:remNotifyBreathStrong 3.6s ease-in-out infinite, announcementAttentionSpin 7.2s ease-in-out infinite !important;
  transform-origin:center center;
}
@keyframes announcementAttentionSpin{
  0%, 8%{transform:rotate(0deg)}
  12%{transform:rotate(360deg)}
  16%,100%{transform:rotate(0deg)}
}


/* ===== 0.2.85 exact moon-card phase + DOM-resolved arc alignment ===== */
.moon-days-left-card{display:grid;justify-items:center;align-content:start;gap:.18rem;text-align:center}
.moon-days-left-icon{display:block;width:46px;height:46px;border-radius:50%;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 6px rgba(210,225,255,.18));margin:0 auto .12rem}
.moon-days-left-card small{display:block;opacity:.82;line-height:1.22;margin-top:.18rem}
@media(max-width:560px){.moon-days-left-icon{width:42px;height:42px}}


/* ===== 0.2.86 header icon refresh: premium search + top calendar only ===== */
.calendar-header-btn{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:url('../img/ui/header-calendar-premium.png') center/contain no-repeat!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  overflow:visible!important;
}
.calendar-header-btn > span{display:none!important}
.calendar-header-btn:hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important;background-color:transparent!important;box-shadow:none!important}

#searchBtn.icon-btn{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:url('../img/ui/header-search-premium.png') center/contain no-repeat!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:visible!important;
}
#searchBtn.icon-btn:hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important;background-color:transparent!important;box-shadow:none!important}
#searchBtn.icon-btn::before,
#searchBtn.icon-btn::after{display:none!important;content:none!important}

@media(max-width:760px){
  .calendar-header-btn,
  #searchBtn.icon-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
  }
}


/* ===== 0.2.87 premium navigation + library action icons ===== */
.reader-header{
  grid-template-columns:auto minmax(180px, 1.05fr) minmax(360px, 1.8fr) auto!important;
  align-items:center!important;
}
.main-nav{
  border:1px solid rgba(242,194,102,.24)!important;
  border-radius:999px!important;
  padding:.25rem!important;
  gap:.15rem!important;
  background:linear-gradient(180deg,rgba(8,25,38,.68),rgba(2,13,22,.54))!important;
  box-shadow:inset 0 0 22px rgba(242,194,102,.05),0 12px 24px rgba(0,0,0,.18)!important;
}
.main-nav>a,.nav-resource-wrap>a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:2.35rem!important;
  padding:.55rem .9rem!important;
  border-radius:999px!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  font-size:.78rem!important;
  color:#f8ead0!important;
  transition:filter .18s ease, background .18s ease, transform .18s ease!important;
}
.main-nav>a:hover,.nav-resource-wrap>a:hover,.main-nav>a[aria-current="page"]{
  color:#fff5d9!important;
  background:rgba(242,194,102,.12)!important;
  filter:drop-shadow(0 0 8px rgba(242,194,102,.2))!important;
  transform:translateY(-1px)!important;
}
.nav-resource-wrap{display:inline-flex!important;align-items:center!important;position:relative!important;border-radius:999px!important}
.nav-resource-toggle{min-width:2rem!important;height:2rem!important;margin-right:.12rem!important;border-radius:999px!important;border:1px solid rgba(242,194,102,.22)!important;background:rgba(255,255,255,.04)!important;color:#f4cf83!important}
.nav-resource-submenu{border-radius:18px!important;background:rgba(3,17,29,.96)!important;border:1px solid rgba(242,194,102,.25)!important;box-shadow:0 18px 38px rgba(0,0,0,.38)!important;padding:.5rem!important;min-width:240px!important}
.nav-resource-submenu a{border-radius:12px!important;padding:.65rem .8rem!important}
.header-actions{gap:.28rem!important}
.biblioteca-header-btn,
.calendar-header-btn,
#searchBtn.icon-btn,
.profile-link{
  width:58px!important;min-width:58px!important;max-width:58px!important;
  height:58px!important;min-height:58px!important;max-height:58px!important;
  padding:0!important;border:none!important;border-radius:0!important;
  background-color:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;overflow:visible!important;text-indent:-9999px!important;
  display:inline-grid!important;place-items:center!important;text-decoration:none!important;
}
.biblioteca-header-btn{background:url('../img/ui/biblioteca-premium.png') center/contain no-repeat!important}
.profile-link{background:url('../img/ui/login-premium.png') center/contain no-repeat!important;background-size:contain!important}
.biblioteca-header-btn span,.profile-link::before{display:none!important;content:none!important}
.biblioteca-header-btn:hover,.calendar-header-btn:hover,#searchBtn.icon-btn:hover,.profile-link:hover{filter:brightness(1.06) drop-shadow(0 0 8px rgba(242,194,102,.16))!important;transform:translateY(-1px)!important}
.header-actions a[aria-label="Marcaje"],.header-actions a.icon-btn[href*="#marcaje"]{display:none!important}
.rem-mobile-menu-title,.rem-mobile-menu-label{display:none}
@media(max-width:980px){
  .reader-header{grid-template-columns:auto 1fr auto!important;position:sticky!important;top:0!important;z-index:120!important}
  .hamburger-btn{display:inline-grid!important}
  .main-nav{
    position:fixed!important;left:.75rem!important;right:.75rem!important;top:calc(var(--header-height,72px) + .8rem)!important;
    display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    max-height:calc(100vh - 6.5rem)!important;overflow:auto!important;
    border-radius:26px!important;padding:1rem!important;z-index:180!important;
    background:linear-gradient(160deg,rgba(3,18,31,.98),rgba(9,31,45,.96))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.58),inset 0 0 0 1px rgba(242,194,102,.16)!important;
    border:1px solid rgba(242,194,102,.32)!important;
  }
  .main-nav.is-open{display:flex!important}
  .rem-mobile-menu-title{display:block!important;padding:.35rem .45rem .85rem!important;color:#f7d88e!important;border-bottom:1px solid rgba(242,194,102,.18)!important;margin-bottom:.55rem!important}
  .rem-mobile-menu-title b{display:block;font-family:Georgia,serif;font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase}.rem-mobile-menu-title small{display:block;color:#cbd6dc;margin-top:.18rem}
  .rem-mobile-menu-label{display:block!important;margin:.6rem .35rem .25rem!important;color:#f2c266!important;font-weight:950!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-size:.72rem!important}
  .main-nav>a,.nav-resource-wrap>a{justify-content:flex-start!important;width:100%!important;border:1px solid rgba(242,194,102,.16)!important;background:rgba(255,255,255,.035)!important;padding:.85rem 1rem!important;min-height:3rem!important;font-size:.86rem!important}
  .nav-resource-wrap{display:grid!important;grid-template-columns:1fr auto!important;width:100%!important;gap:.35rem!important}
  .nav-resource-submenu{grid-column:1/-1!important;position:static!important;display:none!important;box-shadow:none!important;margin-top:.35rem!important}.nav-resource-wrap.is-open .nav-resource-submenu{display:grid!important}
  .biblioteca-header-btn,.calendar-header-btn,#searchBtn.icon-btn,.profile-link{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
  .theme-select{display:none!important}
}
@media(max-width:520px){
  .reader-header{padding:.58rem .55rem!important;gap:.35rem!important}.reader-brand{grid-template-columns:40px auto!important;gap:.35rem!important}.reader-brand img{width:40px!important;height:40px!important}.brand-copy small{display:none!important}.reader-brand strong{font-size:.92rem!important;letter-spacing:.06em!important}
  .header-actions{gap:.06rem!important}.biblioteca-header-btn,.calendar-header-btn,#searchBtn.icon-btn,.profile-link{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important}
}


/* ===== 0.2.88 Premium Icon-Text Menu experiment ===== */
.main-nav>a,
.nav-resource-wrap>a,
.nav-resource-submenu a{
  isolation:isolate!important;
  overflow:hidden!important;
}
.main-nav>a::before,
.nav-resource-wrap>a::before,
.nav-resource-submenu a::before{
  content:""!important;
  width:1.55rem!important;
  height:1.55rem!important;
  min-width:1.55rem!important;
  display:inline-block!important;
  margin-right:.42rem!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  filter:drop-shadow(0 0 5px rgba(242,194,102,.15)) saturate(1.05)!important;
  opacity:.9!important;
  transition:transform .2s ease, filter .2s ease, opacity .2s ease!important;
}
.main-nav>a::after,
.nav-resource-wrap>a::after,
.nav-resource-submenu a::after{
  content:""!important;
  position:absolute!important;
  inset:-35% auto -35% 4%!important;
  width:3.8rem!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  opacity:.075!important;
  z-index:-1!important;
  pointer-events:none!important;
  filter:saturate(1.08) drop-shadow(0 0 12px rgba(242,194,102,.18))!important;
  transition:opacity .2s ease, transform .2s ease!important;
}
.main-nav>a:hover::before,
.nav-resource-wrap>a:hover::before,
.nav-resource-submenu a:hover::before,
.main-nav>a[aria-current="page"]::before{
  transform:translateY(-1px) scale(1.06)!important;
  filter:brightness(1.12) drop-shadow(0 0 10px rgba(242,194,102,.32))!important;
  opacity:1!important;
}
.main-nav>a:hover::after,
.nav-resource-wrap>a:hover::after,
.nav-resource-submenu a:hover::after,
.main-nav>a[aria-current="page"]::after{
  opacity:.18!important;
  transform:translateX(.12rem) scale(1.08)!important;
}
.main-nav>a:hover,
.nav-resource-wrap>a:hover,
.nav-resource-submenu a:hover{
  box-shadow:inset 0 0 0 1px rgba(242,194,102,.22), 0 0 18px rgba(242,194,102,.10)!important;
}
.main-nav [data-nav-icon="acasa"]::before,.main-nav [data-nav-icon="acasa"]::after{background-image:url('../img/ui/newlogo-menu.webp')!important}
.main-nav [data-nav-icon="biblioteca"]::before,.main-nav [data-nav-icon="biblioteca"]::after{background-image:url('../img/ui/menu-biblioteca.webp')!important}
.main-nav [data-nav-icon="resurse"]::before,.main-nav [data-nav-icon="resurse"]::after{background-image:url('../img/ui/menu-resurse.webp')!important}
.main-nav [data-nav-icon="editii"]::before,.main-nav [data-nav-icon="editii"]::after{background-image:url('../img/ui/menu-editii.webp')!important}
.main-nav [data-nav-icon="despre"]::before,.main-nav [data-nav-icon="despre"]::after{background-image:url('../img/ui/version-info.png')!important}
.main-nav [data-nav-icon="ajutor"]::before,.main-nav [data-nav-icon="ajutor"]::after{background-image:url('../img/ui/header-search-premium.png')!important}
.main-nav [data-nav-icon="calendar"]::before,.main-nav [data-nav-icon="calendar"]::after{background-image:url('../img/ui/header-calendar-premium.png')!important}
.main-nav [data-nav-icon="harta"]::before,.main-nav [data-nav-icon="harta"]::after{background-image:url('../img/ui/earthmap.png')!important}
.main-nav [data-nav-icon="cronologie"]::before,.main-nav [data-nav-icon="cronologie"]::after{background-image:url('../img/library-order-modes/chrono.webp')!important}

/* Conservative automatic fallbacks for pages where JS has not yet assigned data-nav-icon. */
.main-nav>a:nth-of-type(1)::before,.main-nav>a:nth-of-type(1)::after{background-image:url('../img/ui/newlogo-menu.webp')}
.main-nav>a[href*="biblioteca"]::before,.main-nav>a[href*="biblioteca"]::after{background-image:url('../img/ui/menu-biblioteca.webp')}
.main-nav>a[href*="resurse"]::before,.main-nav>a[href*="resurse"]::after{background-image:url('../img/ui/menu-resurse.webp')}

@media(max-width:980px){
  .main-nav>a::before,
  .nav-resource-wrap>a::before,
  .nav-resource-submenu a::before{
    width:2rem!important;height:2rem!important;min-width:2rem!important;margin-right:.72rem!important;
  }
  .main-nav>a::after,
  .nav-resource-wrap>a::after,
  .nav-resource-submenu a::after{
    width:4.6rem!important;opacity:.09!important;left:2%!important;
  }
}
@media(max-width:520px){
  .main-nav>a::before,
  .nav-resource-wrap>a::before,
  .nav-resource-submenu a::before{width:1.75rem!important;height:1.75rem!important;min-width:1.75rem!important;margin-right:.6rem!important}
}


/* ===== 0.2.91 Desktop menu decongestion + Ediții REM premium icon ===== */
@media(min-width:981px){
  .reader-header{
    grid-template-columns:auto minmax(150px,.82fr) minmax(610px,max-content) auto!important;
    column-gap:clamp(.42rem,.8vw,.9rem)!important;
  }
  .main-nav{
    justify-self:center!important;
    max-width:min(830px,56vw)!important;
    width:auto!important;
    padding:.18rem .22rem!important;
    gap:.12rem!important;
    flex-wrap:nowrap!important;
  }
  .main-nav>a,
  .nav-resource-wrap>a{
    min-height:2.45rem!important;
    padding:.48rem .66rem!important;
    font-size:.735rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    min-width:auto!important;
  }
  .main-nav>a::before,
  .nav-resource-wrap>a::before,
  .nav-resource-submenu a::before{
    width:1.22rem!important;
    height:1.22rem!important;
    min-width:1.22rem!important;
    margin-right:.34rem!important;
  }
  .main-nav>a::after,
  .nav-resource-wrap>a::after,
  .nav-resource-submenu a::after{
    width:2.7rem!important;
    left:1%!important;
    opacity:.052!important;
  }
  .nav-resource-toggle{
    min-width:1.72rem!important;
    width:1.72rem!important;
    height:1.72rem!important;
    margin-right:.06rem!important;
    font-size:.8rem!important;
  }
  .header-actions{
    min-width:max-content!important;
    gap:.24rem!important;
  }
  .biblioteca-header-btn--mobile-only,
  .header-actions .biblioteca-header-btn{
    display:none!important;
  }
}
.main-nav [data-nav-icon="editii"]::before,
.main-nav [data-nav-icon="editii"]::after{
  background-image:url('../img/ui/menu-editii.webp')!important;
}
.main-nav>a[href*="editii"]::before,
.main-nav>a[href*="editii"]::after{
  background-image:url('../img/ui/menu-editii.webp')!important;
}
@media(max-width:980px){
  .biblioteca-header-btn--mobile-only{display:inline-grid!important;}
}


/* ===== 0.2.91 global reward scroll + stronger content protection ===== */
body.is-protected, body.is-protected *:not(input):not(textarea):not(select):not(option):not([contenteditable="true"]){-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.reader-header .header-actions{position:relative!important}
.rem-header-reward-scroll{position:absolute;right:0;top:calc(100% + .42rem);z-index:1200;display:grid;justify-items:end;gap:.25rem;pointer-events:auto;font-family:system-ui,sans-serif}
.rem-header-reward-toggle{border:1px solid rgba(242,194,102,.42);border-radius:999px;background:linear-gradient(180deg,rgba(255,232,165,.20),rgba(4,17,27,.94));color:#ffe7a6;font-weight:950;letter-spacing:.06em;padding:.36rem .64rem;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.32),inset 0 0 12px rgba(242,194,102,.08)}
.rem-header-reward-panel{width:min(350px,88vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;border:1px solid rgba(242,194,102,.35);border-radius:18px;padding:.65rem;background:linear-gradient(135deg,rgba(6,24,35,.98),rgba(11,35,50,.92));box-shadow:0 18px 48px rgba(0,0,0,.42);transform-origin:top right;opacity:0;transform:scaleY(.1) translateY(-.3rem);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.rem-header-reward-scroll.is-open .rem-header-reward-panel{opacity:1;transform:scaleY(1) translateY(0);pointer-events:auto}.rem-header-reward-panel>div{display:grid;justify-items:center;text-align:center;border:1px solid rgba(242,194,102,.14);border-radius:14px;padding:.45rem;background:rgba(255,255,255,.035)}.rem-header-reward-panel img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(242,194,102,.2))}.rem-header-reward-panel small{color:#bfd4dc;font-weight:900;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.rem-header-reward-panel b{color:#ffe7a6;font-family:Georgia,serif;font-size:1.05rem;line-height:1}.rem-progress-orb{font-size:2rem;color:#ffe7a6}
@media(max-width:760px){.rem-header-reward-scroll{right:.1rem;top:calc(100% + .28rem)}.rem-header-reward-panel{width:min(310px,92vw)}}


/* ===== 0.2.92 reward header image hardening ===== */
.rem-header-reward-panel img{width:48px!important;height:48px!important;object-fit:contain!important;display:block!important;max-width:48px!important;max-height:48px!important;filter:drop-shadow(0 0 12px rgba(242,194,102,.24))!important}


/* ===== 0.2.95 BibliaREM standalone nav entry ===== */
.main-nav .nav-bibliarem-entry{
  margin-right:clamp(.55rem,1.3vw,1.15rem)!important;
  border-color:rgba(242,194,102,.54)!important;
  background:linear-gradient(180deg,rgba(242,194,102,.18),rgba(5,24,36,.82))!important;
  box-shadow:0 0 0 1px rgba(242,194,102,.08),0 10px 22px rgba(0,0,0,.22),inset 0 0 18px rgba(242,194,102,.07)!important;
}
.main-nav .nav-bibliarem-entry::before{opacity:1!important;filter:drop-shadow(0 0 7px rgba(242,194,102,.28))!important}
@media(min-width:761px){
  .main-nav .nav-bibliarem-entry{position:relative!important}
  .main-nav .nav-bibliarem-entry::after{content:''!important;position:absolute!important;right:calc(-.6rem - 1px)!important;top:20%!important;bottom:20%!important;width:1px!important;background:linear-gradient(transparent,rgba(242,194,102,.35),transparent)!important;opacity:1!important}
}
@media(max-width:760px){
  .main-nav .nav-bibliarem-entry{margin:.25rem 0 .75rem 0!important}
  .main-nav .nav-bibliarem-entry::after{display:none!important}
}
.header-actions .biblioteca-header-btn{display:none!important}

/* ===== 0.2.96 header menu: BibliaREM separat + grup central curat ===== */
.reader-header .nav-bibliarem-solo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.42rem!important;
  flex:0 0 auto!important;
  text-decoration:none!important;
  color:#ffe8ad!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  border:1px solid rgba(242,194,102,.42)!important;
  border-radius:999px!important;
  padding:.62rem 1.05rem!important;
  min-height:2.85rem!important;
  background:linear-gradient(180deg,rgba(255,230,162,.18),rgba(4,18,29,.88))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.28),inset 0 0 18px rgba(242,194,102,.08)!important;
  white-space:nowrap!important;
}
.reader-header .nav-bibliarem-solo::before{
  content:''!important;
  width:1.75rem!important;height:1.75rem!important;flex:0 0 1.75rem!important;
  background:url('../img/ui/menu-biblioteca.webp') center/contain no-repeat!important;
  filter:drop-shadow(0 0 8px rgba(242,194,102,.18));
}
.reader-header .nav-bibliarem-solo:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 18px rgba(242,194,102,.16),inset 0 0 20px rgba(242,194,102,.12)!important}
@media(min-width:761px){
  .main-nav .nav-bibliarem-mobile-entry{display:none!important}
  .reader-header .main-nav{justify-self:center!important;margin-inline:auto!important;gap:.48rem!important;padding:.22rem .45rem!important;border-radius:999px!important;background:rgba(0,0,0,.14)!important;border:1px solid rgba(242,194,102,.14)!important}
  .reader-header .main-nav>a:not(.nav-bibliarem-mobile-entry),.reader-header .nav-resource-wrap>a{min-width:0!important;padding:.58rem .86rem!important;white-space:nowrap!important}
}
@media(max-width:760px){
  .reader-header .nav-bibliarem-solo{display:none!important}
  .main-nav .nav-bibliarem-mobile-entry{display:flex!important;margin:.25rem 0 .75rem!important;border-color:rgba(242,194,102,.38)!important;background:linear-gradient(180deg,rgba(255,230,162,.16),rgba(4,18,29,.92))!important}
  .main-nav .nav-bibliarem-mobile-entry::after{opacity:.22!important}
}


/* ===== 0.2.204 trumpet/shofar timing refresh ===== */
/* Toast: 14 sec total, fade begins at 12 sec, hard-hidden by JS at 14 sec */
#remTrumpetToast.trumpet-toast[hidden]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
#remTrumpetToast.trumpet-toast{
  max-width:min(1120px, calc(100vw - 28px))!important;
  white-space:normal!important;
  transition:opacity 2s ease, transform 2s ease, filter 2s ease!important;
}
#remTrumpetToast.trumpet-toast.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
}
#remTrumpetToast.trumpet-toast.is-hiding{
  opacity:0!important;
  transform:translate(-50%,-14px) scale(.985)!important;
  filter:blur(.3px)!important;
}
@media(max-width:720px){
  #remTrumpetToast.trumpet-toast{
    max-width:calc(100vw - 18px)!important;
    font-size:.94rem!important;
    line-height:1.32!important;
    padding:.72rem .85rem!important;
  }
}

/* Header trumpet: fixed only on desktop, computed between BibliaREM and central menu */
@media(min-width:981px){
  .reader-header #remHeaderHolyBtn.rem-header-holy.is-positioned-between{
    position:absolute!important;
    left:var(--rem-holy-x)!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:2.48rem!important;
    height:2.48rem!important;
    min-width:2.48rem!important;
    min-height:2.48rem!important;
    flex:0 0 2.48rem!important;
    margin:0!important;
    z-index:1125!important;
    pointer-events:auto!important;
  }
  .reader-header #remHeaderHolyBtn.rem-header-holy.is-positioned-between:hover{
    transform:translate(-50%,calc(-50% - 1px))!important;
  }
}
@media(max-width:980px){
  .reader-header #remHeaderHolyBtn.rem-header-holy.is-positioned-between{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    margin-inline:.15rem .28rem!important;
  }
}


/* ===== 0.2.141 header Biblioteca compact + premium hover, păstrează trompeta 0.2.140 ===== */
.reader-header .nav-bibliarem-solo{
  justify-self:start!important;
  align-self:center!important;
  width:max-content!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:2.35rem!important;
  padding:.46rem .72rem .46rem .58rem!important;
  gap:.32rem!important;
  font-size:.82rem!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  background:
    linear-gradient(180deg,rgba(255,232,170,.20),rgba(5,22,34,.90))!important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 16px rgba(242,194,102,.08)!important;
}
.reader-header .nav-bibliarem-solo::before{
  width:1.34rem!important;
  height:1.34rem!important;
  flex:0 0 1.34rem!important;
  margin:0!important;
  position:relative!important;
  z-index:1!important;
  opacity:.96!important;
  transition:transform .22s ease, filter .22s ease, opacity .22s ease!important;
}
.reader-header .nav-bibliarem-solo::after{
  content:""!important;
  position:absolute!important;
  inset:-58% auto -58% 5%!important;
  width:3.35rem!important;
  background:url('../img/ui/menu-biblioteca.webp') center/contain no-repeat!important;
  opacity:.08!important;
  z-index:0!important;
  pointer-events:none!important;
  filter:saturate(1.08) drop-shadow(0 0 12px rgba(242,194,102,.18))!important;
  transition:opacity .22s ease, transform .22s ease, filter .22s ease!important;
}
.reader-header .nav-bibliarem-solo:hover{
  color:#fff5d9!important;
  background:linear-gradient(180deg,rgba(255,232,170,.26),rgba(6,25,38,.94))!important;
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
  box-shadow:
    inset 0 0 0 1px rgba(242,194,102,.24),
    0 0 18px rgba(242,194,102,.12),
    0 14px 28px rgba(0,0,0,.32)!important;
}
.reader-header .nav-bibliarem-solo:hover::before{
  transform:translateY(-1px) scale(1.06)!important;
  filter:brightness(1.14) drop-shadow(0 0 10px rgba(242,194,102,.34))!important;
  opacity:1!important;
}
.reader-header .nav-bibliarem-solo:hover::after{
  opacity:.22!important;
  transform:translateX(.12rem) scale(1.08)!important;
}
@media(min-width:981px){
  .reader-header{
    column-gap:clamp(.38rem,.72vw,.8rem)!important;
  }
  .reader-header .main-nav{
    justify-self:center!important;
  }
}
@media(max-width:760px){
  .reader-header .nav-bibliarem-solo{display:none!important;}
}


/* BibliaREM 0.2.203 — compatibilitate SmartTV, mobil, desktop, Full HD și 4K. */
html, body { max-width:100%; overflow-x:hidden; }
.moon-panel { -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-gutter:stable; outline:none; }
.moon-panel:focus { box-shadow:var(--shadow), 0 0 0 3px rgba(241,189,99,.48); }
.moon-drawer[aria-hidden="true"] { visibility:hidden; }
.moon-drawer.is-open[aria-hidden="false"] { visibility:visible; }
@supports not (backdrop-filter: blur(1px)) {
  .reader-toolbar, .option-bar, .reader-content, .reader-panel, .footer, .modal-panel, .moon-panel, .moon-head { background-color:rgba(7,25,39,.98); }
}
@supports not (color: color-mix(in srgb, white, black)) {
  .btn, .option-toggle, .reader-content, .scripture-column, .login-required { background-color:var(--surface-strong); }
  .option-toggle input:checked + .label { color:var(--gold); }
}
@supports not selector(:has(*)) {
  .option-toggle input:checked ~ .switch { background:linear-gradient(90deg,var(--gold),var(--green)); }
  .option-toggle input:checked ~ .switch::after { transform:translateX(16px); }
}
@media (max-width: 900px) {
  .moon-panel { top:max(.35rem,env(safe-area-inset-top)); right:max(.35rem,env(safe-area-inset-right)); bottom:max(.35rem,env(safe-area-inset-bottom)); left:max(.35rem,env(safe-area-inset-left)); width:auto; max-width:none; }
  .moon-content { padding:.7rem; }
  .phase-row-v8, .phase-row { overflow-x:auto; grid-template-columns:repeat(9,minmax(58px,1fr)); padding-bottom:.35rem; }
}
@media (min-width: 1920px) {
  .moon-panel { width:min(1120px,calc(100vw - 3rem)); }
  .moon-content { padding:1.35rem; gap:1rem; }
  .moon-card { padding:1.15rem; }
}
@media (min-width: 3000px) {
  :root { font-size:20px; }
  .reader-shell { width:min(100%,2300px); }
  .moon-panel { width:min(1380px,calc(100vw - 5rem)); top:2rem; right:2rem; bottom:2rem; }
}
@media (hover:none) and (pointer:coarse) {
  button, select, input, a { min-height:44px; }
  .moon-close, .floating-calendar { min-width:48px; min-height:48px; }
}

/* ===== BibliaREM 0.2.203 — bază responsive și accesibilitate multi-dispozitiv ===== */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}
body{max-width:100%;overflow-x:hidden;min-height:100vh;min-height:100dvh}
img,svg,video,audio{max-width:100%}
img,video{height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
textarea{resize:vertical;overflow-wrap:anywhere}
.reader-shell,.content-shell,.page-shell,.moon-card,.panel-body,.reader-main,.reader-content{min-width:0;max-width:100%}
.admin-table-wrap,.table-wrap,[class*="table-wrap"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(255,214,102,.95);outline-offset:3px}
@supports(overflow:clip){html,body{overflow-x:clip}}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}
@media (pointer:coarse){:where(button,.btn,.admin-btn,.profile-link,.calendar-header-btn,.hamburger-btn,a[role="button"]){min-height:44px;min-width:44px}input,select,textarea{font-size:16px}}
@media (max-width:900px){.footer{flex-wrap:wrap;text-align:center}.reader-shell,.content-shell,.page-shell{width:100%;padding-left:clamp(.75rem,3vw,1.25rem);padding-right:clamp(.75rem,3vw,1.25rem)}}
@media (max-width:600px){.reader-shell,.content-shell,.page-shell{padding-left:.7rem;padding-right:.7rem}.moon-card,.content-hero{border-radius:16px}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}}
@media (min-width:1280px) and (hover:none){:where(a,button,[tabindex]):focus{outline:4px solid #ffd66b!important;outline-offset:4px!important;box-shadow:0 0 0 7px rgba(0,0,0,.55)!important}.reader-header{min-height:72px}.main-nav a,.header-actions>*{font-size:clamp(1rem,1.15vw,1.35rem)}}
@media (min-width:2560px){body{font-size:clamp(16px,.55vw,22px)}.reader-shell,.content-shell{max-width:2200px;margin-inline:auto}}

/* ===== 0.3.2 Cronologia MiBeresit — intrare publică blocată temporar ===== */
.nav-resource-submenu .nav-resource-disabled{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.8rem!important;
  padding:.65rem .8rem!important;
  border-radius:12px!important;
  color:rgba(215,225,229,.48)!important;
  background:rgba(255,255,255,.025)!important;
  border:1px dashed rgba(242,194,102,.18)!important;
  font-weight:850!important;
  white-space:nowrap!important;
  cursor:not-allowed!important;
  user-select:none!important;
}
.nav-resource-submenu .nav-resource-disabled::before{
  content:""!important;
  width:1.8rem!important;
  height:1.8rem!important;
  flex:0 0 1.8rem!important;
  background:url('../img/library-order-modes/chrono.webp') center/contain no-repeat!important;
  filter:grayscale(.55) opacity(.52)!important;
}
.nav-resource-submenu .nav-resource-disabled>span{flex:1 1 auto!important}
.nav-resource-submenu .nav-resource-disabled small{
  padding:.18rem .4rem!important;
  border-radius:999px!important;
  border:1px solid rgba(242,194,102,.18)!important;
  color:rgba(255,226,160,.55)!important;
  font-size:.58rem!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.chronology-link-disabled{
  pointer-events:none!important;
  cursor:not-allowed!important;
  opacity:.5!important;
  filter:saturate(.45)!important;
  text-decoration:none!important;
}
.content-grid-card.is-development{
  border-style:dashed!important;
  background:linear-gradient(145deg,rgba(242,194,102,.035),rgba(255,255,255,.015))!important;
}

/* v0.5.3 · Sul fără strat invizibil peste controale */
.rem-header-reward-scroll{pointer-events:none!important;width:max-content!important;height:max-content!important}
.rem-header-reward-toggle{pointer-events:auto!important}
.rem-header-reward-panel{position:absolute!important;right:0!important;top:calc(100% + .28rem)!important;width:min(250px,82vw)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;visibility:hidden!important}
.rem-header-reward-scroll.is-open .rem-header-reward-panel{visibility:visible!important;pointer-events:auto!important}
.rem-header-reward-scroll:not(.is-open) .rem-header-reward-panel{pointer-events:none!important}

/* v0.5.5 · Sul închis fără suprafață invizibilă */
.rem-header-reward-scroll:not(.is-open) .rem-header-reward-panel{display:none!important;visibility:hidden!important;pointer-events:none!important;inset:auto!important;width:0!important;height:0!important;overflow:hidden!important}
.rem-header-reward-scroll.is-open .rem-header-reward-panel{display:grid!important;visibility:visible!important;pointer-events:auto!important;width:min(250px,82vw)!important;height:auto!important;overflow:visible!important}
.rem-header-reward-scroll:not(.is-open){isolation:isolate!important;contain:layout style!important}

/* ===== 0.7.1 PREMIUM DAYLINE V1 — sky belt, stars, clouds, glass and location picker ===== */
.rem-visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.header-dayline-v8.header-dayline-premium{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto .62rem!important;
  padding:.62rem .72rem .74rem!important;
  border:1px solid rgba(225,190,120,.34)!important;
  border-radius:22px!important;
  background:
    radial-gradient(120% 150% at 50% -70%,rgba(83,130,174,.24),transparent 58%),
    linear-gradient(180deg,rgba(9,27,40,.97),rgba(5,18,29,.96))!important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(87,132,165,.08)!important;
  isolation:isolate;
}
.header-dayline-v8.header-dayline-premium::before{
  content:"";position:absolute;inset:1px;border-radius:20px;pointer-events:none;z-index:-1;
  background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 22%,transparent 78%,rgba(243,194,102,.04));
}
.header-dayline-premium .header-dayline-title{
  position:relative;z-index:40;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:1rem!important;min-height:42px;margin:0 0 .42rem!important;padding:0 .2rem!important;
  color:#f0d8ad!important;font-family:var(--font-main,Georgia,serif);font-size:clamp(.76rem,1.15vw,.94rem)!important;
  font-weight:850!important;letter-spacing:.075em!important;text-transform:uppercase!important;
}
.header-dayline-identity{display:flex;align-items:center;min-width:0;gap:.62rem;}
#brDaylineTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0d8ad;text-shadow:0 1px 12px rgba(0,0,0,.72);}
#brDaylineState{
  display:inline-flex!important;align-items:center;gap:.42rem;flex:0 0 auto;
  color:#f0b64c!important;font-family:var(--font-ui,system-ui,sans-serif)!important;font-size:clamp(.72rem,1vw,.88rem)!important;
  font-weight:900!important;letter-spacing:.015em!important;text-transform:none!important;text-shadow:0 1px 12px rgba(0,0,0,.72);
}
#brDaylineState::after{content:"☀";font-size:1.12em;line-height:1;color:#f5bd52;filter:drop-shadow(0 0 7px rgba(245,189,82,.34));}
.header-dayline-premium:has(.is-sky-before-sunrise) #brDaylineState::after,
.header-dayline-premium:has(.is-sky-night) #brDaylineState::after{content:"☾";color:#ffe1a0;}
.header-dayline-premium:has(.is-sky-twilight) #brDaylineState::after,
.header-dayline-premium:has(.is-sky-sunset) #brDaylineState::after{content:"◐";color:#ffb75e;}
.dayline-location-trigger{
  appearance:none;display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;padding:0;border-radius:999px;
  border:1px solid rgba(239,199,119,.72);color:#f4d69d;cursor:pointer;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.11),transparent 34%),
    linear-gradient(180deg,rgba(15,39,56,.96),rgba(5,18,29,.96));
  box-shadow:0 0 0 4px rgba(237,190,96,.035),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.dayline-location-trigger:hover,.dayline-location-trigger:focus-visible,.dayline-location-trigger[aria-expanded="true"]{
  transform:translateY(-1px);border-color:#f5c86f;filter:brightness(1.12);
  box-shadow:0 0 0 4px rgba(237,190,96,.09),0 0 24px rgba(237,190,96,.18),0 10px 24px rgba(0,0,0,.28);
  outline:none;
}
.dayline-location-trigger-icon,.dayline-location-trigger-icon svg{display:block;width:31px;height:31px;}
.dayline-location-trigger-icon svg circle:first-child{fill:none;stroke:currentColor;stroke-width:1.3;opacity:.72;}
.dayline-location-trigger-icon svg path{fill:rgba(245,207,137,.13);stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;}
.dayline-location-trigger-icon svg circle:last-child{fill:currentColor;stroke:none;}
.dayline-location-panel[hidden]{display:none!important;}
.dayline-location-panel{
  position:absolute;z-index:120;top:54px;left:.72rem;width:min(560px,calc(100% - 1.44rem));max-height:min(62vh,470px);overflow:auto;
  border:1px solid rgba(235,195,115,.48);border-radius:20px;padding:.72rem;
  background:
    radial-gradient(120% 100% at 0 0,rgba(49,92,124,.21),transparent 48%),
    linear-gradient(180deg,rgba(7,25,39,.985),rgba(4,16,27,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(18px) saturate(1.18);
}
.dayline-location-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.15rem .15rem .65rem;border-bottom:1px solid rgba(235,195,115,.18);}
.dayline-location-panel-head strong{display:block;color:#f4d294;font-size:1rem;letter-spacing:.035em;}
.dayline-location-panel-head small{display:block;margin-top:.18rem;color:rgba(232,239,244,.72);font-size:.72rem;line-height:1.35;}
.dayline-location-close{flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid rgba(235,195,115,.32);background:rgba(255,255,255,.045);color:#f6e7ca;font-size:1.28rem;line-height:1;cursor:pointer;}
.dayline-location-close:hover,.dayline-location-close:focus-visible{border-color:#f3c66d;background:rgba(243,198,109,.11);outline:none;}
.dayline-location-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;padding-top:.62rem;}
.dayline-location-option{
  appearance:none;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:.5rem;min-height:58px;padding:.5rem .58rem;
  border:1px solid rgba(140,179,203,.16);border-radius:14px;text-align:left;color:#edf3f5;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.dayline-location-option:hover,.dayline-location-option:focus-visible{transform:translateY(-1px);border-color:rgba(242,194,102,.62);background:linear-gradient(180deg,rgba(242,194,102,.11),rgba(255,255,255,.025));outline:none;box-shadow:0 7px 20px rgba(0,0,0,.21);}
.dayline-location-option.is-active{border-color:rgba(242,194,102,.78);background:linear-gradient(180deg,rgba(242,194,102,.17),rgba(30,81,94,.09));box-shadow:inset 3px 0 0 #f2c266;}
.dayline-location-option-mark{width:24px;height:24px;border-radius:50%;border:1px solid rgba(242,194,102,.5);position:relative;box-shadow:inset 0 0 0 4px rgba(242,194,102,.035);}
.dayline-location-option-mark::before,.dayline-location-option-mark::after{content:"";position:absolute;left:50%;top:50%;background:#e9c279;transform:translate(-50%,-50%);opacity:.82;}
.dayline-location-option-mark::before{width:12px;height:1px}.dayline-location-option-mark::after{width:1px;height:12px}
.dayline-location-option-copy{min-width:0;display:block;}
.dayline-location-option-copy strong{display:block;color:#f4ead7;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dayline-location-option-copy small{display:block;margin-top:.12rem;color:rgba(218,229,234,.65);font-size:.64rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dayline-location-option-check{opacity:0;color:#f2c266;font-weight:950;font-size:1rem;}.dayline-location-option.is-active .dayline-location-option-check{opacity:1;}

.header-suntrack-v8.rem-sky-window,.sun-track-v8.rem-sky-window{
  --rem-day-mix:.5;--rem-night-mix:.5;--rem-stars-opacity:.5;--rem-dawn-glow:0;--rem-sunset-glow:0;--rem-sky-progress:50;--rem-sky-x:50%;--rem-cloud-light:.7;
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  border:1px solid rgba(123,173,201,.30)!important;
  background:#071521!important;background-image:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -22px 42px rgba(1,8,14,.2),0 9px 24px rgba(0,0,0,.2)!important;
}
.header-suntrack-v8.rem-sky-window{min-height:118px!important;border-radius:17px!important;}
.sun-track-v8.rem-sky-window{min-height:190px!important;border-radius:22px!important;}
.rem-sky-window::before,.rem-sky-window::after{content:none!important;display:none!important;}
.rem-sky-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#061421;}
.rem-sky-belt{position:absolute;inset:-2px;z-index:0;background-image:url('../img/ui/dayline/sky-belt-24h.webp');background-repeat:no-repeat;background-size:410% 100%;background-position:var(--rem-sky-x) center;filter:saturate(1.1) contrast(1.04) brightness(.78);transition:background-position 1.2s ease,filter 1.2s ease;will-change:background-position;}
.rem-sky-video{position:absolute;inset:-3%;z-index:1;width:106%;height:106%;object-fit:cover;pointer-events:none;transition:opacity 1.3s ease,filter 1.3s ease;will-change:opacity;transform:translateZ(0) scale(1.02);}
.rem-sky-video--night{opacity:calc(var(--rem-night-mix) * .72);filter:saturate(1.07) contrast(1.06) brightness(.68);}
.rem-sky-video--day{opacity:calc(var(--rem-day-mix) * .72);filter:saturate(1.03) contrast(1.02) brightness(.93);}
.rem-stars-layer{position:absolute;inset:-8% -16%;z-index:2;opacity:var(--rem-stars-opacity);background:url('../img/ui/dayline/stars-premium.webp') repeat-x center/auto 100%;mix-blend-mode:screen;filter:drop-shadow(0 0 2px rgba(174,211,255,.38));transform:translate3d(calc(var(--rem-sky-progress) * -.075%),0,0);transition:opacity 1.25s ease,transform 1.2s ease;}
.rem-cloud-layer{position:absolute;inset:-10% -35%;z-index:3;background-repeat:repeat-x;background-position:0 center;pointer-events:none;opacity:calc(.12 + var(--rem-day-mix) * .34);filter:brightness(var(--rem-cloud-light)) saturate(.78);mix-blend-mode:screen;will-change:transform,opacity;}
.rem-cloud-layer--far{background-image:url('../img/ui/dayline/clouds-far.webp');background-size:auto 108%;animation:remCloudDriftFar 118s linear infinite;opacity:calc(.11 + var(--rem-day-mix) * .26);}
.rem-cloud-layer--near{background-image:url('../img/ui/dayline/clouds-near.webp');background-size:auto 125%;animation:remCloudDriftNear 76s linear infinite;opacity:calc(.08 + var(--rem-day-mix) * .20);filter:brightness(calc(var(--rem-cloud-light) * .92)) saturate(.72) blur(.15px);}
.rem-horizon-glow{position:absolute;inset:0;z-index:4;pointer-events:none;}
.rem-horizon-glow::before,.rem-horizon-glow::after{content:"";position:absolute;bottom:-42%;width:58%;height:112%;border-radius:50%;filter:blur(12px);mix-blend-mode:screen;}
.rem-horizon-glow::before{left:-18%;opacity:calc(var(--rem-dawn-glow) * .86);background:radial-gradient(ellipse at 50% 72%,rgba(255,234,158,.92),rgba(255,139,67,.48) 28%,rgba(143,76,150,.17) 51%,transparent 72%);}
.rem-horizon-glow::after{right:-18%;opacity:calc(var(--rem-sunset-glow) * .9);background:radial-gradient(ellipse at 50% 72%,rgba(255,229,144,.9),rgba(255,116,44,.58) 29%,rgba(122,54,139,.18) 52%,transparent 73%);}
.rem-sky-glass{position:absolute;inset:0;z-index:5;background-image:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%,transparent 72%,rgba(1,9,16,.17)),url('../img/ui/dayline/glass-noise.webp');background-repeat:no-repeat,repeat;background-size:100% 100%,512px 128px;opacity:.48;mix-blend-mode:soft-light;}
.rem-sky-vignette{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(1,7,13,.34),transparent 11%,transparent 82%,rgba(1,7,13,.28)),linear-gradient(180deg,rgba(0,4,9,.12),transparent 28%,rgba(0,5,10,.27));box-shadow:inset 0 0 34px rgba(0,0,0,.22);}
@keyframes remCloudDriftFar{from{transform:translate3d(-4%,0,0)}to{transform:translate3d(25%,0,0)}}
@keyframes remCloudDriftNear{from{transform:translate3d(18%,0,0)}to{transform:translate3d(-17%,0,0)}}

.rem-sky-window .header-sun-arc,.rem-sky-window .sun-arc{z-index:8!important;border-top:1.5px dashed rgba(245,199,113,.76)!important;filter:drop-shadow(0 0 6px rgba(235,175,71,.20));}
.rem-sky-window .header-moon-arc,.rem-sky-window .moon-arc{z-index:8!important;border-top:1.5px dashed rgba(115,183,235,.48)!important;filter:drop-shadow(0 0 5px rgba(104,190,255,.16))!important;}
.header-suntrack-v8.rem-sky-window .header-sun-arc{left:7%!important;right:10%!important;top:24%!important;height:44%!important;}
.header-suntrack-v8.rem-sky-window .header-moon-arc{left:8%!important;right:10%!important;top:45%!important;height:26%!important;opacity:.74!important;}
.rem-sky-window .header-sun-dot,.rem-sky-window .sun-dot{z-index:16!important;filter:drop-shadow(0 0 8px rgba(255,215,116,.85)) drop-shadow(0 0 22px rgba(255,170,46,.38));}
.header-suntrack-v8.rem-sky-window .header-sun-dot{width:38px!important;height:38px!important;}
.rem-sky-window .header-moon-dot,.rem-sky-window .moon-dot-track{z-index:15!important;filter:drop-shadow(0 0 8px rgba(188,215,242,.32));}
.header-suntrack-v8.rem-sky-window .header-moon-dot{width:28px!important;height:28px!important;}
.header-suntrack-v8.rem-sky-window .header-sun-label{
  z-index:22!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px;
  padding:.26rem .62rem!important;border:1px solid rgba(225,183,102,.35)!important;border-radius:999px!important;
  color:#fff0d1!important;background:linear-gradient(180deg,rgba(13,31,47,.88),rgba(5,16,27,.88))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(7px);
  font-family:var(--font-ui,system-ui,sans-serif)!important;font-size:.68rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;
}
.header-suntrack-v8.rem-sky-window .header-sunrise{left:.62rem!important;right:auto!important;bottom:.48rem!important;top:auto!important;transform:none!important;border-color:rgba(105,181,230,.40)!important;}
.header-suntrack-v8.rem-sky-window .header-sunrise::before{content:"◒";margin-right:.38rem;color:#ffd575;font-size:1.15em;}
.header-suntrack-v8.rem-sky-window .header-sunset,.header-suntrack-v8.rem-sky-window .header-sunset.is-separated{left:auto!important;right:94px!important;bottom:.48rem!important;top:auto!important;transform:none!important;border-color:rgba(255,166,77,.46)!important;color:#ffd99c!important;}
.header-suntrack-v8.rem-sky-window .header-sunset::before{content:"◓";margin-right:.35rem;color:#ffad4f;font-size:1.15em;}
.header-suntrack-v8.rem-sky-window .header-dusk,.header-suntrack-v8.rem-sky-window .header-dusk.is-separated{
  left:auto!important;right:.52rem!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  width:78px!important;height:78px!important;min-height:78px!important;padding:.34rem!important;white-space:normal!important;text-align:center!important;
  border-radius:50%!important;border-color:rgba(78,206,141,.54)!important;color:#effff5!important;
  background:radial-gradient(circle at 36% 30%,rgba(29,95,84,.56),rgba(4,24,31,.94) 64%,rgba(2,15,23,.98))!important;
  box-shadow:0 0 0 2px rgba(60,204,130,.07),0 0 23px rgba(48,202,125,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;
  line-height:1.22!important;
}
.header-suntrack-v8.rem-sky-window .header-dusk::before{content:"☾";display:block;width:100%;margin-bottom:.12rem;color:#79efb3;font-size:1.12rem;line-height:1;}
.header-suntrack-v8.rem-sky-window.is-sky-day .header-dusk::before{content:"☼";color:#79e4c6;}

/* The drawer version uses the same live atmosphere but preserves its larger informational layout. */
.sun-track-v8.rem-sky-window .sun-time{z-index:22!important;background:rgba(4,16,27,.76)!important;border:1px solid rgba(229,188,109,.30)!important;box-shadow:0 5px 15px rgba(0,0,0,.23);backdrop-filter:blur(6px);}
.sun-track-v8.rem-sky-window .sun-time.end{border-color:rgba(73,201,137,.43)!important;}

@media (min-width:1500px){
  .header-suntrack-v8.rem-sky-window{min-height:132px!important;}
  .header-dayline-premium .header-dayline-title{font-size:1rem!important;min-height:46px;}
  .dayline-location-trigger{width:46px;height:46px}.dayline-location-trigger-icon,.dayline-location-trigger-icon svg{width:34px;height:34px}
  .header-suntrack-v8.rem-sky-window .header-dusk{width:86px!important;height:86px!important;min-height:86px!important;font-size:.76rem!important;}
  .header-suntrack-v8.rem-sky-window .header-sunset{right:104px!important;}
}
@media (max-width:760px){
  .header-dayline-v8.header-dayline-premium{padding:.52rem!important;border-radius:18px!important;}
  .header-dayline-premium .header-dayline-title{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:.45rem!important;min-height:39px;padding:0 .05rem!important;}
  .header-dayline-identity{gap:.42rem;min-width:0;}
  .dayline-location-trigger{width:36px;height:36px}.dayline-location-trigger-icon,.dayline-location-trigger-icon svg{width:27px;height:27px}
  #brDaylineTitle{font-size:.68rem;letter-spacing:.045em;}
  #brDaylineState{font-size:.64rem!important;max-width:32vw;text-align:right;justify-content:flex-end;line-height:1.12;}
  .dayline-location-panel{top:48px;left:.45rem;width:calc(100% - .9rem);padding:.58rem;border-radius:16px;}
  .dayline-location-options{grid-template-columns:1fr;gap:.38rem;}
  .dayline-location-option{min-height:52px;}
  .header-suntrack-v8.rem-sky-window{min-height:116px!important;border-radius:14px!important;}
  .header-suntrack-v8.rem-sky-window .header-sun-arc{left:5%!important;right:12%!important;top:24%!important;height:42%!important;}
  .header-suntrack-v8.rem-sky-window .header-moon-arc{left:6%!important;right:12%!important;top:48%!important;height:23%!important;}
  .header-suntrack-v8.rem-sky-window .header-sun-dot{width:31px!important;height:31px!important;}
  .header-suntrack-v8.rem-sky-window .header-moon-dot{width:23px!important;height:23px!important;}
  .header-suntrack-v8.rem-sky-window .header-sun-label{font-size:.57rem!important;min-height:25px;padding:.2rem .42rem!important;}
  .header-suntrack-v8.rem-sky-window .header-sunrise{left:.38rem!important;bottom:.34rem!important;max-width:31vw!important;}
  .header-suntrack-v8.rem-sky-window .header-sunset,.header-suntrack-v8.rem-sky-window .header-sunset.is-separated{right:68px!important;bottom:.34rem!important;max-width:27vw!important;}
  .header-suntrack-v8.rem-sky-window .header-dusk,.header-suntrack-v8.rem-sky-window .header-dusk.is-separated{right:.34rem!important;width:58px!important;height:58px!important;min-height:58px!important;padding:.18rem!important;font-size:.53rem!important;}
  .header-suntrack-v8.rem-sky-window .header-dusk::before{font-size:.85rem;margin-bottom:.04rem;}
  .rem-cloud-layer--near{opacity:calc(.05 + var(--rem-day-mix) * .15);}
}
@media (max-width:430px){
  .biblical-date-strip{overflow:visible!important;}
  .header-dayline-premium .header-dayline-title{grid-template-columns:minmax(0,1fr)!important;gap:.28rem!important;}
  #brDaylineState{max-width:none;justify-self:end;margin-right:.15rem;}
  .header-suntrack-v8.rem-sky-window{min-height:112px!important;}
  .header-suntrack-v8.rem-sky-window .header-sunset,.header-suntrack-v8.rem-sky-window .header-sunset.is-separated{right:62px!important;font-size:.52rem!important;}
  .header-suntrack-v8.rem-sky-window .header-dusk,.header-suntrack-v8.rem-sky-window .header-dusk.is-separated{width:54px!important;height:54px!important;min-height:54px!important;font-size:.49rem!important;}
  .dayline-location-panel-head small{font-size:.66rem;}
}
@media (prefers-reduced-motion:reduce){
  .rem-cloud-layer,.rem-stars-layer,.rem-sky-belt,.rem-sky-video{animation:none!important;transition:none!important;}
  .rem-sky-video{display:none!important;}
}

/* 0.7.1 V1 compatibility refinements: state icons without :has and compact phones. */
.header-dayline-premium[data-sky-state="before-sunrise"] #brDaylineState::after,
.header-dayline-premium[data-sky-state="night"] #brDaylineState::after{content:"☾";color:#ffe1a0;}
.header-dayline-premium[data-sky-state="twilight"] #brDaylineState::after,
.header-dayline-premium[data-sky-state="sunset"] #brDaylineState::after{content:"◐";color:#ffb75e;}
@media(max-width:430px){
  .header-dayline-identity{align-items:center;}
  #brDaylineTitle{white-space:normal;line-height:1.12;font-size:.59rem;letter-spacing:.028em;overflow:visible;text-overflow:clip;}
}

/* ===== 0.7.1 PREMIUM DAYLINE V1.1 — seamless atmosphere, compass cue and typographic polish ===== */
.dayline-legacy-location-select{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.dayline-location-trigger-icon svg{overflow:visible;}
.dayline-compass-ring{fill:none!important;stroke:currentColor!important;stroke-width:1.3!important;opacity:.72;}
.dayline-compass-needle{
  transform-box:view-box;
  transform-origin:24px 24px;
  will-change:transform;
  backface-visibility:hidden;
}

/* Every visual layer receives generous overscan. This removes browser rounding edges
   and prevents a moving repeated layer from exposing a hard vertical boundary. */
.rem-sky-scene{
  inset:-2px!important;
  contain:paint;
  transform:translateZ(0);
}
.rem-sky-belt{
  inset:-5px!important;
  background-size:412% 102%!important;
  backface-visibility:hidden;
}
.rem-sky-video{
  inset:-9% -8%!important;
  width:116%!important;
  height:118%!important;
  max-width:none!important;
  transform:translateZ(0) scale(1.025)!important;
  backface-visibility:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.2%,#000 97.8%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 2.2%,#000 97.8%,transparent 100%);
}
.rem-stars-layer{
  inset:-12% -58%!important;
  background-repeat:repeat-x!important;
  background-position:center!important;
  background-size:auto 100%!important;
  backface-visibility:hidden;
}
.rem-cloud-layer{
  inset:-14% -60%!important;
  background-repeat:repeat-x!important;
  background-position:center!important;
  backface-visibility:hidden;
}
.rem-cloud-layer--far{background-size:auto 108%!important;}
.rem-cloud-layer--near{background-size:auto 125%!important;}
.rem-sky-vignette{
  background:
    radial-gradient(125% 150% at 50% 42%,transparent 56%,rgba(1,7,13,.20) 85%,rgba(1,7,13,.31) 100%),
    linear-gradient(180deg,rgba(0,4,9,.11),transparent 29%,rgba(0,5,10,.25))!important;
}

/* Main observational typography: warm ivory, restrained gold and higher legibility. */
.header-dayline-premium .header-dayline-title{
  min-height:46px!important;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;
  font-size:clamp(.88rem,1.45vw,1.16rem)!important;
  font-weight:800!important;
  letter-spacing:.062em!important;
}
#brDaylineTitle{
  color:#f4dfb9!important;
  font-variant-caps:small-caps;
  text-shadow:0 1px 0 rgba(255,255,255,.06),0 2px 12px rgba(0,0,0,.78),0 0 18px rgba(221,171,82,.07)!important;
}
#brDaylineState{
  color:#f4b94d!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(.74rem,1.05vw,.92rem)!important;
  font-weight:850!important;
  letter-spacing:.012em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.82),0 0 13px rgba(242,185,77,.08)!important;
}
.header-suntrack-v8.rem-sky-window .header-sun-label{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
  text-shadow:0 1px 5px rgba(0,0,0,.9)!important;
}
.header-suntrack-v8.rem-sky-window .header-dusk,
.header-suntrack-v8.rem-sky-window .header-dusk.is-separated{
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;
  font-weight:850!important;
  letter-spacing:.012em!important;
  text-shadow:0 1px 7px rgba(0,0,0,.92)!important;
}

/* The live calendar line remains the astronomical companion to the window,
   but no longer repeats the location control. */
.date-pill.date-pill--live{
  gap:.34rem .52rem!important;
  padding:.50rem .36rem .24rem!important;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;
}
.date-pill.date-pill--live .date-main{
  color:#f3e7d2!important;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;
  font-size:clamp(.92rem,1.55vw,1.12rem)!important;
  font-weight:750!important;
  line-height:1.28!important;
  text-shadow:0 1px 0 rgba(255,255,255,.035),0 2px 11px rgba(0,0,0,.74)!important;
}
.date-pill.date-pill--live #br-weekday{color:#fff0d5!important;font-weight:850!important;}
.date-pill.date-pill--live #br-biblical-date{color:#ecd7b2!important;}
.date-pill.date-pill--live #br-year{color:#f4e3c2!important;}
.date-pill.date-pill--live .date-sub{color:rgba(222,184,111,.72)!important;font-size:.72em!important;}
.date-pill.date-pill--live .date-time{
  color:#f2b94e!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(.84rem,1.32vw,1rem)!important;
  font-weight:850!important;
  letter-spacing:.012em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.72),0 0 12px rgba(242,185,78,.08)!important;
}
.date-secondary{
  color:rgba(223,216,204,.79)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:520!important;
  letter-spacing:.012em!important;
  text-shadow:0 2px 9px rgba(0,0,0,.62)!important;
  box-shadow:none!important;
}
.date-secondary>span:nth-child(2){color:rgba(225,185,109,.66)!important;}

@media(max-width:760px){
  .header-dayline-premium .header-dayline-title{min-height:40px!important;font-size:.76rem!important;letter-spacing:.038em!important;}
  #brDaylineState{font-size:.63rem!important;}
  .date-pill.date-pill--live{padding:.40rem .18rem .18rem!important;}
  .date-pill.date-pill--live .date-main{font-size:.89rem!important;}
  .date-pill.date-pill--live .date-time{font-size:.82rem!important;}
}
@media(max-width:430px){
  #brDaylineTitle{font-variant-caps:normal;}
  .header-dayline-premium .header-dayline-title{font-size:.66rem!important;}
  .date-pill.date-pill--live .date-main{font-size:.82rem!important;line-height:1.22!important;}
}
@media(prefers-reduced-motion:reduce){
  .dayline-compass-needle{transform:rotate(0deg)!important;}
}
.dayline-location-panel{
  scrollbar-width:thin;
  scrollbar-color:rgba(232,190,107,.62) rgba(5,18,29,.72);
}
.dayline-location-panel::-webkit-scrollbar{width:8px;}
.dayline-location-panel::-webkit-scrollbar-track{background:rgba(5,18,29,.72);border-radius:999px;}
.dayline-location-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(244,205,128,.78),rgba(161,116,50,.76));border:2px solid rgba(5,18,29,.72);border-radius:999px;}
.dayline-location-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f1cf8c,#b88436);}


/* ===== 0.7.1 PREMIUM DAYLINE V1.2 — larger sun, corrected trajectories, moving moon and refined compass ===== */
.dayline-location-trigger-icon svg .dayline-compass-cardinals{opacity:.95;}
.dayline-location-trigger-icon svg .dayline-compass-cardinal{fill:rgba(242,214,160,.82);stroke:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.32));}
.dayline-location-trigger-icon svg .dayline-compass-cardinal--north{fill:#cf6a58;filter:drop-shadow(0 0 4px rgba(207,106,88,.42));}
.dayline-location-trigger:hover .dayline-compass-cardinal--north,.dayline-location-trigger:focus-visible .dayline-compass-cardinal--north{fill:#de7a66;}
.dayline-location-trigger-icon svg path.dayline-compass-cardinal--north{transform-origin:24px 24px;}
.header-suntrack-v8.rem-sky-window .header-sun-arc{left:6.5%!important;right:9%!important;top:23.5%!important;height:42.5%!important;}
.header-suntrack-v8.rem-sky-window .header-moon-arc{left:7.5%!important;right:9.5%!important;top:43.5%!important;height:25%!important;opacity:.78!important;}
.sun-track-v8.rem-sky-window .sun-arc{left:6.5%!important;right:6.5%!important;top:18%!important;height:50%!important;}
.sun-track-v8.rem-sky-window .moon-arc{left:6%!important;right:6%!important;top:39%!important;height:31%!important;opacity:.78!important;}
.header-suntrack-v8.rem-sky-window .header-sun-dot{width:46px!important;height:46px!important;}
.sun-track-v8.rem-sky-window .sun-dot{width:52px!important;height:52px!important;}
@media (min-width:1500px){.header-suntrack-v8.rem-sky-window .header-sun-dot{width:52px!important;height:52px!important;}}
@media (max-width:760px){.header-suntrack-v8.rem-sky-window .header-sun-arc{left:5.5%!important;right:10%!important;top:24%!important;height:40%!important;}.header-suntrack-v8.rem-sky-window .header-moon-arc{left:6%!important;right:10%!important;top:46.5%!important;height:22.5%!important;}.header-suntrack-v8.rem-sky-window .header-sun-dot{width:37px!important;height:37px!important;}.sun-track-v8.rem-sky-window .sun-dot{width:43px!important;height:43px!important;}}
@media (max-width:430px){.header-suntrack-v8.rem-sky-window .header-sun-dot{width:35px!important;height:35px!important;}.sun-track-v8.rem-sky-window .sun-dot{width:41px!important;height:41px!important;}}


/* ===== 0.7.1 PREMIUM DAYLINE V1.3 — compass needle north tip, visual-only trajectories and larger sun ===== */
/* North is now part of the moving needle, not a fixed marker on the compass housing. */
.dayline-location-trigger-icon svg .dayline-compass-cardinal{
  fill:rgba(242,214,160,.76)!important;
  stroke:none!important;
  filter:drop-shadow(0 0 2px rgba(0,0,0,.32));
}
.dayline-location-trigger-icon svg .dayline-compass-body{
  fill:rgba(245,207,137,.13)!important;
  stroke:currentColor!important;
  stroke-width:1.35!important;
  stroke-linejoin:round!important;
}
.dayline-location-trigger-icon svg .dayline-compass-north-tip{
  fill:#cf6657!important;
  stroke:#f1a08d!important;
  stroke-width:.72!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 3px rgba(207,102,87,.48));
}
.dayline-location-trigger:hover .dayline-compass-north-tip,
.dayline-location-trigger:focus-visible .dayline-compass-north-tip{
  fill:#df7765!important;
  stroke:#ffc0b0!important;
}
.dayline-location-trigger-icon svg .dayline-compass-hub{
  fill:currentColor!important;
  stroke:none!important;
}
/* Neutralize the obsolete fixed red north marker from V1.2. */
.dayline-location-trigger-icon svg .dayline-compass-cardinal--north{fill:rgba(242,214,160,.76)!important;filter:none!important;}

/* Keep celestial bodies on their existing calculated geometry. Only the dotted visual paths
   are displaced, so Sun/Moon coordinates are not altered by this polish pass. */
.header-suntrack-v8.rem-sky-window .header-sun-arc,
.header-suntrack-v8.rem-sky-window .header-moon-arc,
.sun-track-v8.rem-sky-window .sun-arc,
.sun-track-v8.rem-sky-window .moon-arc{
  border-top-color:transparent!important;
  filter:none!important;
  overflow:visible!important;
}
.header-suntrack-v8.rem-sky-window .header-sun-arc::before,
.header-suntrack-v8.rem-sky-window .header-moon-arc::before,
.sun-track-v8.rem-sky-window .sun-arc::before,
.sun-track-v8.rem-sky-window .moon-arc::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50% 50% 0 0;
  pointer-events:none;
}
.header-suntrack-v8.rem-sky-window .header-sun-arc::before{
  border-top:1.5px dashed rgba(245,199,113,.78);
  transform:translateY(10px) scaleY(.94);
  filter:drop-shadow(0 0 6px rgba(235,175,71,.20));
}
.header-suntrack-v8.rem-sky-window .header-moon-arc::before{
  border-top:1.5px dashed rgba(115,183,235,.50);
  transform:translateY(3px) scaleY(.97);
  filter:drop-shadow(0 0 5px rgba(104,190,255,.16));
}
.sun-track-v8.rem-sky-window .sun-arc::before{
  border-top:1.5px dashed rgba(245,199,113,.78);
  transform:translateY(12px) scaleY(.94);
  filter:drop-shadow(0 0 6px rgba(235,175,71,.20));
}
.sun-track-v8.rem-sky-window .moon-arc::before{
  border-top:1.5px dashed rgba(115,183,235,.50);
  transform:translateY(4px) scaleY(.97);
  filter:drop-shadow(0 0 5px rgba(104,190,255,.16));
}

/* A further +20% from V1.2, while preserving responsive proportionality. */
.header-suntrack-v8.rem-sky-window .header-sun-dot{width:55px!important;height:55px!important;}
.sun-track-v8.rem-sky-window .sun-dot{width:62px!important;height:62px!important;}
@media (min-width:1500px){
  .header-suntrack-v8.rem-sky-window .header-sun-dot{width:62px!important;height:62px!important;}
}
@media (max-width:760px){
  .header-suntrack-v8.rem-sky-window .header-sun-dot{width:44px!important;height:44px!important;}
  .sun-track-v8.rem-sky-window .sun-dot{width:52px!important;height:52px!important;}
  .header-suntrack-v8.rem-sky-window .header-sun-arc::before{transform:translateY(8px) scaleY(.95);}
  .header-suntrack-v8.rem-sky-window .header-moon-arc::before{transform:translateY(2px) scaleY(.98);}
}
@media (max-width:430px){
  .header-suntrack-v8.rem-sky-window .header-sun-dot{width:42px!important;height:42px!important;}
  .sun-track-v8.rem-sky-window .sun-dot{width:49px!important;height:49px!important;}
}

/* ===== 0.7.1 PREMIUM DAYLINE V1.4 — location picker stacking fix ===== */
.biblical-date-strip{
  position:relative!important;
  overflow:visible!important;
}
.header-dayline-v8.header-dayline-premium{
  z-index:2;
}
.header-dayline-v8.header-dayline-premium.is-location-open{
  z-index:1200!important;
}
.header-dayline-v8.header-dayline-premium.is-location-open .dayline-location-panel{
  z-index:1400!important;
}
.header-dayline-v8.header-dayline-premium.is-location-open::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:1190;
  pointer-events:none;
  background:rgba(1,8,13,.035);
}
.header-dayline-v8.header-dayline-premium.is-location-open .header-dayline-title,
.header-dayline-v8.header-dayline-premium.is-location-open .dayline-location-panel{
  position:relative;
  z-index:1401!important;
}
.date-pill.date-pill--live,
.date-secondary{
  position:relative;
  z-index:1;
}


/* ===== 0.7.1 PREMIUM DAYLINE V1.5 — atmospheric light, refined moon, star realism, deeper clouds and location transitions ===== */
.header-suntrack-v8.rem-sky-window,.sun-track-v8.rem-sky-window{
  --rem-stars-soft-opacity:var(--rem-stars-opacity,.5);
  --rem-stars-bright-opacity:var(--rem-stars-opacity,.5);
  --rem-solar-altitude:.5;
  --rem-solar-horizonness:.5;
  --rem-sun-halo:1;
  --rem-day-whiten:.5;
  --rem-edge-warmth:.2;
  --rem-atmo-haze:.12;
  --rem-glass-x:18%;
  --rem-glass-y:18%;
}
.rem-stars-layer{transition:opacity 1.5s ease,transform 1.5s ease,filter 1.5s ease!important;}
.rem-stars-layer--soft{z-index:2;opacity:var(--rem-stars-soft-opacity)!important;background-size:auto 100%!important;filter:blur(.12px) brightness(1) drop-shadow(0 0 2px rgba(175,210,255,.32));transform:translate3d(calc(var(--rem-sky-progress) * -.055%),0,0);}
.rem-stars-layer--bright{z-index:2;opacity:calc(var(--rem-stars-bright-opacity) * .95)!important;background-size:auto 92%!important;filter:brightness(1.18) drop-shadow(0 0 3px rgba(197,229,255,.44));transform:translate3d(calc(var(--rem-sky-progress) * -.095%),0,0);mix-blend-mode:screen;}
.rem-cloud-layer--farthest{z-index:3;background-image:url('../img/ui/dayline/clouds-far.webp');background-size:auto 118%!important;opacity:calc(.05 + var(--rem-day-mix) * .14)!important;filter:brightness(calc(var(--rem-cloud-light) * .86)) saturate(.68) blur(.45px);animation:remCloudDriftFarthest 188s linear infinite;}
.rem-cloud-layer--far{opacity:calc(.09 + var(--rem-day-mix) * .24)!important;filter:brightness(calc(var(--rem-cloud-light) * .94)) saturate(.75) blur(.12px)!important;}
.rem-cloud-layer--near{opacity:calc(.06 + var(--rem-day-mix) * .18)!important;filter:brightness(calc(var(--rem-cloud-light) * .98)) saturate(.70) blur(.22px)!important;}
@keyframes remCloudDriftFarthest{from{transform:translate3d(-8%,0,0)}to{transform:translate3d(14%,0,0)}}
.rem-atmospheric-haze{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(125% 76% at 50% 108%,rgba(247,234,200,.18),rgba(247,196,118,.08) 30%,rgba(130,170,220,.06) 55%,transparent 72%),linear-gradient(180deg,transparent 48%,rgba(174,201,224,.08) 70%,rgba(239,213,164,.12) 100%);opacity:var(--rem-atmo-haze);mix-blend-mode:screen;}
.rem-horizon-glow::before,.rem-horizon-glow::after{filter:blur(16px)!important;}
.rem-sky-reflection{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.42;background:radial-gradient(44% 34% at var(--rem-glass-x) var(--rem-glass-y),rgba(255,255,255,.055),rgba(255,255,255,.018) 20%,transparent 52%),linear-gradient(112deg,transparent 0%,rgba(255,255,255,.038) 20%,rgba(255,255,255,.012) 25%,transparent 34%),radial-gradient(28% 50% at 84% 18%,rgba(255,255,255,.022),transparent 75%);mix-blend-mode:screen;transition:background-position .35s ease,opacity .6s ease;}
.rem-sky-glass{opacity:.34!important;}
.rem-sky-transition{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(205,223,236,.035) 28%,rgba(2,11,19,.06) 100%);}
.rem-sky-window.is-location-transition .rem-sky-transition{animation:remSkyLocationTransition .68s ease;}
@keyframes remSkyLocationTransition{0%{opacity:0}18%{opacity:.24}70%{opacity:.12}100%{opacity:0}}
.rem-sky-window .header-sun-dot,.rem-sky-window .sun-dot{opacity:calc(.92 + (var(--rem-solar-altitude) * .08))!important;filter:drop-shadow(0 0 calc(10px + 10px * var(--rem-sun-halo)) rgba(255,222,146,.88)) drop-shadow(0 0 calc(22px + 16px * var(--rem-edge-warmth)) rgba(255,162,58,.34)) drop-shadow(0 0 calc(10px + 6px * var(--rem-day-whiten)) rgba(255,249,232,.22))!important;transition:filter 1.2s ease,opacity 1.2s ease;}
.rem-sky-window .header-moon-dot,.rem-sky-window .moon-dot-track{opacity:calc(.30 + (var(--rem-stars-bright-opacity) * .38) + (var(--rem-day-mix) * .18))!important;filter:saturate(calc(.82 + (var(--rem-stars-bright-opacity) * .22))) contrast(calc(.86 + ((var(--rem-moon-illumination, .5)) * .28))) brightness(calc(.74 + ((var(--rem-moon-illumination, .5)) * .34) - (var(--rem-day-mix) * .12))) drop-shadow(0 0 calc(4px + 6px * var(--rem-stars-bright-opacity)) rgba(190,219,255,.30))!important;transition:filter 1.2s ease,opacity 1.2s ease;}
.rem-sky-window .header-moon-dot::before,.rem-sky-window .header-moon-dot::after,.rem-sky-window .moon-dot-track::before,.rem-sky-window .moon-dot-track::after{opacity:calc(.65 + (var(--rem-stars-bright-opacity) * .22));}
.rem-sky-window.is-sky-day .header-moon-dot,.rem-sky-window.is-sky-day .moon-dot-track{mix-blend-mode:normal;}
.rem-sky-window.is-sky-night .header-moon-dot,.rem-sky-window.is-sky-night .moon-dot-track,.rem-sky-window.is-sky-before-sunrise .header-moon-dot,.rem-sky-window.is-sky-before-sunrise .moon-dot-track{mix-blend-mode:screen;}
@media (prefers-reduced-motion:reduce){.rem-sky-transition,.rem-sky-reflection,.rem-atmospheric-haze,.rem-cloud-layer--farthest{animation:none!important;transition:none!important;}}


/* ===== 0.7.1 PREMIUM DAYLINE V1.6 — location panel overlay fix and continuous compass motion ===== */
.header-dayline-v8.header-dayline-premium.is-location-open .dayline-location-panel{
  position:absolute !important;
  z-index:1401 !important;
}
.header-dayline-v8.header-dayline-premium.is-location-open .header-dayline-title{
  position:relative;
  z-index:1401 !important;
}
.header-dayline-v8.header-dayline-premium.is-location-open::after{
  display:none !important;
}
.header-dayline-v8.header-dayline-premium.is-location-open .header-suntrack-v8{
  position:relative;
  z-index:1;
}


/* ===== 0.7.1 PREMIUM DAYLINE V1.7 — uninterrupted compass animation ===== */
/* Opening, closing, hovering or focusing the location control must never override
   the Web Animations transform of the moving compass needle. */
.dayline-location-trigger[aria-expanded="true"] .dayline-compass-needle,
.dayline-location-trigger:hover .dayline-compass-needle,
.dayline-location-trigger:focus .dayline-compass-needle,
.dayline-location-trigger:focus-visible .dayline-compass-needle{
  animation-play-state:running!important;
}


/* ===== 0.7.1 PREMIUM DAYLINE V1.8 — calendar HUD parity and compact location control ===== */
.day-system-card{position:relative!important;overflow:visible!important;isolation:isolate;}
.moon-dayline-heading{position:relative;z-index:31;display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:48px;margin:0 0 .62rem;}
.moon-dayline-heading #moonDaySystemTitle{flex:1 1 auto;min-width:0;margin:0!important;color:#f1bd63!important;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;font-size:clamp(1rem,1.65vw,1.34rem)!important;font-weight:850!important;line-height:1.16!important;letter-spacing:.055em!important;text-shadow:0 2px 12px rgba(0,0,0,.62),0 0 16px rgba(232,180,86,.06);}
.moon-dayline-location-trigger{flex:0 0 auto;width:44px!important;height:44px!important;margin:0!important;}
.moon-dayline-location-panel{top:54px!important;right:0!important;left:auto!important;width:min(620px,100%)!important;z-index:1602!important;}
.day-system-card.is-location-open{z-index:1600!important;}
.day-system-card.is-location-open .moon-dayline-heading,.day-system-card.is-location-open .moon-dayline-location-panel{position:relative;z-index:1602!important;}
.day-system-card.is-location-open .moon-dayline-location-panel{position:absolute!important;}
.day-system-card .sun-track-v8.rem-sky-window{min-height:210px!important;border-radius:22px!important;margin:0!important;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time{z-index:24!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:31px!important;padding:.28rem .65rem!important;border:1px solid rgba(225,183,102,.36)!important;border-radius:999px!important;color:#fff0d1!important;background:linear-gradient(180deg,rgba(13,31,47,.91),rgba(5,16,27,.91))!important;box-shadow:0 7px 19px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(7px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:.72rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time.start{left:.72rem!important;right:auto!important;top:auto!important;bottom:.58rem!important;transform:none!important;border-color:rgba(105,181,230,.42)!important;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time.start::before{content:"◒";margin-right:.38rem;color:#ffd575;font-size:1.15em;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset,.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset.is-separated{left:auto!important;right:104px!important;top:auto!important;bottom:.58rem!important;transform:none!important;color:#ffd99c!important;border-color:rgba(255,166,77,.48)!important;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset::before{content:"◓";margin-right:.35rem;color:#ffad4f;font-size:1.15em;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time.end,.day-system-card .sun-track-v8.rem-sky-window .sun-time.end.is-separated{left:auto!important;right:.56rem!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:84px!important;height:84px!important;min-height:84px!important;padding:.36rem!important;border-radius:50%!important;border-color:rgba(78,206,141,.56)!important;color:#effff5!important;background:radial-gradient(circle at 36% 30%,rgba(29,95,84,.58),rgba(4,24,31,.95) 64%,rgba(2,15,23,.99))!important;box-shadow:0 0 0 2px rgba(60,204,130,.07),0 0 24px rgba(48,202,125,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;white-space:pre-line!important;line-height:1.2!important;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;}
.day-system-card .sun-track-v8.rem-sky-window .sun-time.end::before{content:"☾";display:block;width:100%;margin-bottom:.08rem;color:#79efb3;font-size:1rem;line-height:1;}
.day-system-card .sun-track-v8.rem-sky-window.is-sky-day .sun-time.end::before{content:"☼";color:#79e4c6;}
.moon-location.moon-location--compact{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;gap:.72rem!important;align-items:stretch!important;margin-top:.72rem!important;}
.moon-location--compact .rem-flatmap-link{grid-column:1!important;grid-row:1!important;min-height:72px!important;width:100%!important;}
.moon-location--compact .moon-clock{grid-column:2!important;grid-row:1!important;min-height:72px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:.72rem .9rem!important;border:1px solid rgba(232,190,110,.28)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;}
@media(max-width:760px){.moon-dayline-heading{min-height:42px;gap:.55rem}.moon-dayline-heading #moonDaySystemTitle{font-size:.92rem!important;letter-spacing:.035em!important}.moon-dayline-location-trigger{width:38px!important;height:38px!important}.moon-dayline-location-panel{top:47px!important;width:100%!important}.day-system-card .sun-track-v8.rem-sky-window{min-height:172px!important}.day-system-card .sun-track-v8.rem-sky-window .sun-time{font-size:.59rem!important;min-height:26px!important;padding:.22rem .44rem!important}.day-system-card .sun-track-v8.rem-sky-window .sun-time.start{left:.42rem!important;bottom:.38rem!important}.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset,.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset.is-separated{right:69px!important;bottom:.38rem!important}.day-system-card .sun-track-v8.rem-sky-window .sun-time.end,.day-system-card .sun-track-v8.rem-sky-window .sun-time.end.is-separated{right:.36rem!important;width:59px!important;height:59px!important;min-height:59px!important;font-size:.52rem!important;padding:.18rem!important}.moon-location.moon-location--compact{grid-template-columns:1fr!important}.moon-location--compact .rem-flatmap-link,.moon-location--compact .moon-clock{grid-column:1!important}.moon-location--compact .rem-flatmap-link{grid-row:1!important}.moon-location--compact .moon-clock{grid-row:2!important}}
@media(max-width:430px){.moon-dayline-heading #moonDaySystemTitle{font-size:.78rem!important;line-height:1.12!important}.moon-dayline-location-trigger{width:35px!important;height:35px!important}.day-system-card .sun-track-v8.rem-sky-window{min-height:158px!important}.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset,.day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset.is-separated{right:62px!important}.day-system-card .sun-track-v8.rem-sky-window .sun-time.end,.day-system-card .sun-track-v8.rem-sky-window .sun-time.end.is-separated{width:54px!important;height:54px!important;min-height:54px!important;font-size:.48rem!important}}


/* ===== 0.7.1 PREMIUM DAYLINE V1.8.1 — move calendar compass to the left of the title ===== */
.moon-dayline-heading{justify-content:flex-start!important;align-items:center!important;}
.moon-dayline-location-trigger{order:0!important;flex:0 0 auto!important;margin-right:.15rem!important;}
.moon-dayline-heading #moonDaySystemTitle{order:1!important;flex:1 1 auto!important;text-align:left!important;}
.moon-dayline-location-panel{left:0!important;right:auto!important;}
@media(max-width:760px){.moon-dayline-heading{gap:.48rem!important}.moon-dayline-location-trigger{margin-right:.08rem!important}.moon-dayline-location-panel{left:0!important;right:auto!important;width:100%!important}}


/* ===== BibliaREM Calendar HUD V2.0 — Ultra Premium VIP 2026 ===== */
.moon-panel{
  width:min(1440px,calc(100vw - 1.25rem))!important;
  top:.55rem!important;right:.55rem!important;bottom:.55rem!important;
  border:1px solid rgba(231,186,96,.38)!important;
  border-radius:30px!important;
  background:
    radial-gradient(110% 70% at 12% -8%,rgba(61,112,145,.18),transparent 50%),
    radial-gradient(90% 60% at 92% 0%,rgba(199,137,46,.10),transparent 48%),
    linear-gradient(180deg,rgba(3,16,28,.992),rgba(2,18,31,.995))!important;
  box-shadow:0 34px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 80px rgba(25,73,103,.08)!important;
  scrollbar-width:thin;scrollbar-color:rgba(221,174,85,.55) rgba(4,17,28,.72);
}
.moon-panel::before{content:"";position:fixed;inset:.55rem;z-index:-1;pointer-events:none;border-radius:30px;background:url('../img/ui/calendar-vip/stars.svg') repeat;opacity:.18;mix-blend-mode:screen;}
.moon-head{
  min-height:112px!important;padding:1.1rem 1.55rem 1rem 8rem!important;
  border-bottom:1px solid rgba(232,190,110,.24)!important;
  background:linear-gradient(180deg,rgba(3,16,28,.97),rgba(3,17,29,.91))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.19);backdrop-filter:blur(22px) saturate(1.15)!important;
}
.moon-head::before{content:"";position:absolute;left:1.45rem;top:50%;width:82px;height:82px;transform:translateY(-50%);background:url('../img/ui/calendar-vip/emblem.svg') center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(229,180,83,.22));}
.moon-head h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;font-size:clamp(2.35rem,4vw,4rem)!important;line-height:.9!important;letter-spacing:.02em!important;color:#f0c36f!important;text-shadow:0 2px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.44),0 0 24px rgba(232,183,88,.12)!important;}
.moon-head-sub{margin-top:.48rem!important;color:rgba(235,218,188,.78)!important;font-size:clamp(.76rem,1vw,.96rem)!important;letter-spacing:.012em;}
.moon-close{width:52px!important;height:52px!important;border-color:rgba(233,189,99,.55)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;color:#f7dfb0!important;font-size:1.7rem!important;box-shadow:0 9px 25px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;}
.moon-close:hover,.moon-close:focus-visible{transform:rotate(4deg) scale(1.04);filter:brightness(1.18);box-shadow:0 0 0 5px rgba(238,193,104,.08),0 10px 28px rgba(0,0,0,.3);outline:none;}
.moon-content.rem-calendar-vip{display:block!important;padding:1rem!important;background:url('../img/ui/calendar-vip/noise.svg') repeat;}
.vip-calendar-shell{position:relative;display:grid;gap:.78rem;max-width:1380px;margin:0 auto;padding:.1rem;}
.vip-year-badge{position:absolute;right:5.25rem;top:-6.85rem;z-index:4;display:grid;justify-items:center;min-width:84px;padding:.62rem .78rem;border:1px solid rgba(232,187,97,.34);border-radius:17px;background:linear-gradient(180deg,rgba(19,38,53,.86),rgba(4,17,28,.92));box-shadow:0 14px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);}
.vip-year-badge strong{font:800 1.45rem/1 "Palatino Linotype",Georgia,serif;color:#f0c16a}.vip-year-badge span{margin-top:.24rem;font:700 .54rem/1.1 system-ui,sans-serif;letter-spacing:.11em;color:rgba(239,216,175,.72)}
.vip-surface,.vip-utility-card,.vip-detail-card{
  position:relative;overflow:hidden!important;border:1px solid rgba(226,178,83,.26)!important;border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 28%),
    radial-gradient(90% 130% at 0 0,rgba(45,101,131,.10),transparent 56%),
    linear-gradient(180deg,rgba(5,24,39,.88),rgba(3,18,31,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.16)!important;
}
.vip-surface::after,.vip-utility-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 21%,transparent 38%);opacity:.65;}
.vip-section-title{display:flex;align-items:center;gap:.62rem;margin:0 0 .72rem;padding:0 .12rem;position:relative;z-index:1}.vip-section-title>img{width:25px;height:25px;filter:drop-shadow(0 0 8px rgba(229,180,80,.15))}.vip-section-title h3{margin:0!important;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif!important;font-size:clamp(1rem,1.4vw,1.28rem)!important;letter-spacing:.065em!important;color:#efbe66!important}.vip-section-title small{display:block;margin-top:.06rem;color:rgba(225,215,198,.56);font:600 .66rem/1.2 system-ui,sans-serif;letter-spacing:.035em}
.vip-date-section{padding:.9rem!important}.vip-date-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.62rem!important}.vip-date-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.66rem;align-items:start;min-height:122px;padding:.82rem;border:1px solid rgba(128,167,191,.16);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease}.vip-date-card:hover{transform:translateY(-2px);border-color:rgba(232,187,96,.34);background:linear-gradient(180deg,rgba(232,187,96,.06),rgba(255,255,255,.014))}.vip-date-card>img{width:34px;height:34px;padding:7px;border:1px solid rgba(232,187,96,.23);border-radius:50%;background:rgba(2,16,27,.45)}.vip-date-card b{display:block;margin-bottom:.46rem;color:#eab95f!important;font:850 .64rem/1.2 system-ui,sans-serif!important;letter-spacing:.09em;text-transform:uppercase}.vip-date-card strong{display:block;color:#f8ecd7!important;font:800 clamp(1rem,1.45vw,1.28rem)/1.08 "Palatino Linotype",Georgia,serif!important;white-space:pre-line}.vip-date-card small{display:block;margin-top:.45rem;color:rgba(229,220,207,.66)!important;font:500 .75rem/1.32 system-ui,sans-serif!important}
.vip-moon-section{padding:.78rem .9rem!important}.vip-moon-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:.75rem;align-items:stretch}.vip-moon-section .phase-row-v8{min-width:0;padding:.72rem .35rem;border:1px solid rgba(116,160,187,.15);border-radius:17px;background:radial-gradient(85% 150% at 50% 100%,rgba(35,80,111,.13),transparent 67%),rgba(1,13,24,.30)}.vip-moon-section .phase-item{gap:.28rem!important;color:rgba(238,220,190,.74)!important;font-size:.65rem!important}.vip-moon-section .phase-disc-real{width:clamp(42px,5.4vw,69px)!important;height:clamp(42px,5.4vw,69px)!important;transition:transform .2s ease,filter .2s ease}.vip-moon-section .phase-item:hover .phase-disc-real{transform:translateY(-2px) scale(1.04)}.vip-moon-section .phase-item.is-current{position:relative;padding:.28rem .28rem .42rem;border:1px solid rgba(239,187,84,.56);border-radius:16px;background:linear-gradient(180deg,rgba(239,187,84,.08),rgba(255,255,255,.012));box-shadow:0 0 24px rgba(235,177,63,.12),inset 0 1px 0 rgba(255,255,255,.04)}.vip-current-phase{display:flex!important;flex-direction:column;align-items:center;justify-content:center;margin:0!important;padding:.7rem;border:1px solid rgba(229,179,83,.25);border-radius:17px;background:radial-gradient(circle at 30% 20%,rgba(245,190,70,.09),transparent 45%),linear-gradient(180deg,rgba(8,27,41,.82),rgba(3,17,29,.94));text-align:center}.vip-current-phase strong{font:700 clamp(2.8rem,5.4vw,4.8rem)/.92 "Palatino Linotype",Georgia,serif!important;color:#efb958!important;text-shadow:0 0 22px rgba(237,181,77,.14)}.vip-current-phase span{margin-top:.5rem;color:#f4e8d5;font:750 .84rem/1.3 "Palatino Linotype",Georgia,serif}.vip-current-phase small{margin-top:.32rem;color:rgba(232,218,193,.62);font:500 .7rem/1.25 system-ui,sans-serif}
.vip-day-system{padding:.82rem!important}.moon-dayline-heading{justify-content:flex-start!important;gap:.55rem!important;margin-bottom:.6rem!important}.moon-dayline-heading #moonDaySystemTitle{order:1!important;flex:1!important;margin:0!important;font-size:clamp(1rem,1.55vw,1.3rem)!important}.moon-dayline-location-trigger{order:0!important}.vip-live-chip{order:2;display:inline-flex;align-items:center;gap:.28rem;padding:.3rem .48rem;border:1px solid rgba(72,199,145,.32);border-radius:999px;color:#75e2b2;background:rgba(33,112,86,.09);font:850 .55rem/1 system-ui,sans-serif;letter-spacing:.11em}.vip-live-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:#73e0af;box-shadow:0 0 9px #73e0af;animation:vipLivePulse 2s ease-in-out infinite}@keyframes vipLivePulse{50%{opacity:.35;transform:scale(.8)}}
.vip-day-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:.72rem;align-items:stretch}.day-system-card .sun-track-v8.rem-sky-window{min-height:205px!important;border-radius:18px!important}.vip-location-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:.82rem;border:1px solid rgba(230,181,88,.25);border-radius:18px;background:radial-gradient(100% 80% at 100% 0,rgba(218,160,54,.08),transparent 54%),linear-gradient(180deg,rgba(7,27,42,.91),rgba(3,17,29,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.vip-location-card::after{content:"";position:absolute;right:.7rem;top:.7rem;width:68px;height:68px;background:url('../img/ui/calendar-vip/emblem.svg') center/contain no-repeat;opacity:.22}.vip-location-kicker{display:flex;align-items:center;gap:.36rem;color:#e8b75e;font:850 .58rem/1 system-ui,sans-serif;letter-spacing:.095em;text-transform:uppercase}.vip-location-kicker img{width:18px;height:18px}.vip-location-card>strong{display:block;margin-top:.7rem;padding-right:54px;color:#f7ead4;font:800 1.18rem/1.13 "Palatino Linotype",Georgia,serif}.vip-location-card>small{margin-top:.2rem;color:rgba(229,218,198,.58);font:500 .68rem/1.25 system-ui,sans-serif}.vip-location-coords{margin-top:.72rem;padding:.46rem .52rem;border:1px solid rgba(129,169,193,.14);border-radius:11px;color:rgba(231,222,208,.72);background:rgba(255,255,255,.018);font:600 .64rem/1.25 system-ui,sans-serif}.vip-time-block{margin-top:auto;padding-top:.7rem}.vip-time-block span{display:block;color:#e8b75e;font:800 .56rem/1 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}.vip-time-block b{display:block;margin-top:.26rem;color:#f1c46e;font:750 1.55rem/1 system-ui,sans-serif}.vip-time-block small{display:block;margin-top:.28rem;color:rgba(232,222,205,.62);font:500 .67rem/1.2 system-ui,sans-serif}.vip-map-link{display:flex;align-items:center;justify-content:space-between;margin-top:.68rem;padding:.52rem .6rem;border:1px solid rgba(234,184,88,.25);border-radius:12px;color:#f2d69d!important;background:linear-gradient(180deg,rgba(234,184,88,.075),rgba(255,255,255,.012));font:800 .65rem/1 system-ui,sans-serif;text-decoration:none!important}.vip-map-link:hover{border-color:rgba(236,189,97,.52);filter:brightness(1.1)}
.vip-utility-grid{display:grid!important;grid-template-columns:1.05fr 1.05fr 1.55fr .9fr 1.2fr 1.15fr!important;gap:.62rem!important}.vip-utility-card{min-height:164px;padding:.75rem!important}.vip-card-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:.45rem;border:1px solid rgba(229,181,87,.22);border-radius:12px;background:rgba(255,255,255,.02)}.vip-card-icon img{width:23px;height:23px}.vip-utility-card h3{margin:0 0 .52rem!important;color:#e8b75f!important;font:850 .62rem/1.15 system-ui,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase}.moon-compare-box{font-family:system-ui,sans-serif!important;line-height:1.3!important}.moon-compare-box strong{display:block;color:#f6ead5;font:800 1.03rem/1.15 "Palatino Linotype",Georgia,serif}.moon-compare-box span{display:block;margin-top:.34rem;color:#f0c26f;font:750 .72rem/1.25 system-ui,sans-serif}.moon-compare-box small{display:block;margin-top:.38rem;color:rgba(230,220,204,.58);font:500 .64rem/1.3 system-ui,sans-serif}.vip-event-card>b{display:block;color:#f5e7cf;font:750 .78rem/1.25 system-ui,sans-serif}.vip-countdown{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.5rem;align-items:center;margin-top:.7rem;padding-top:.62rem;border-top:1px solid rgba(229,181,87,.12)}.vip-countdown .moon-days-left-icon{width:40px;height:40px}.vip-countdown strong{display:block;color:#efbc60;font:800 .96rem/1 system-ui,sans-serif}.vip-countdown small{display:block;margin-top:.24rem;color:rgba(229,220,203,.55);font:500 .58rem/1.25 system-ui,sans-serif}.vip-time-card>b{display:block;color:#efbd62;font:800 1.45rem/1 system-ui,sans-serif}.vip-time-card>small,.moon-method-card>small{display:block;margin-top:.5rem;color:rgba(230,220,204,.62);font:500 .67rem/1.35 system-ui,sans-serif}.moon-method-card>b{display:block;color:#f6ead5;font:750 .88rem/1.2 "Palatino Linotype",Georgia,serif}.vip-cta-card{padding:.45rem!important;border-color:rgba(237,188,92,.55)!important;background:linear-gradient(160deg,rgba(225,162,53,.15),rgba(7,24,38,.9) 45%,rgba(3,16,28,.96))!important;box-shadow:0 0 0 2px rgba(234,181,79,.05),0 0 28px rgba(226,164,55,.1),inset 0 1px 0 rgba(255,255,255,.06)!important}.vip-cta-card a{position:relative;z-index:2;height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.65rem;border:1px solid rgba(239,191,97,.36);border-radius:16px;color:#f6d894!important;text-align:center;text-decoration:none!important}.vip-cta-moon{font-size:2rem;line-height:1;filter:drop-shadow(0 0 10px rgba(239,188,87,.25))}.vip-cta-card strong{margin-top:.45rem;font:850 1rem/1.12 "Palatino Linotype",Georgia,serif;text-transform:uppercase;letter-spacing:.045em}.vip-cta-card small{margin-top:.34rem;color:rgba(235,218,187,.58);font:600 .59rem/1.2 system-ui,sans-serif}.vip-cta-card i{margin-top:.55rem;font-style:normal;font-size:1.25rem;transition:transform .18s ease}.vip-cta-card a:hover i{transform:translateX(4px)}
.vip-detail-stack{display:grid;grid-template-columns:1fr 1fr;gap:.62rem}.vip-detail-card{padding:0!important;overflow:hidden!important}.vip-detail-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .86rem;cursor:pointer;color:#efbf67;font:800 .78rem/1.2 "Palatino Linotype",Georgia,serif}.vip-detail-card summary::-webkit-details-marker{display:none}.vip-detail-card summary i{color:rgba(229,218,199,.52);font:600 .6rem/1 system-ui,sans-serif;font-style:normal}.vip-detail-card summary::after{content:"＋";color:#e8b65d;font:400 1.15rem/1 system-ui,sans-serif}.vip-detail-card[open] summary::after{content:"−"}.vip-detail-body{padding:.2rem .82rem .82rem;border-top:1px solid rgba(228,180,86,.13)}
.vip-calendar-footer{display:grid;grid-template-columns:1fr 28px auto 1fr auto;align-items:center;gap:.55rem;padding:.2rem .6rem .4rem}.vip-calendar-footer>span{height:1px;background:linear-gradient(90deg,transparent,rgba(229,180,84,.38))}.vip-calendar-footer>span:nth-of-type(2){background:linear-gradient(90deg,rgba(229,180,84,.38),transparent)}.vip-calendar-footer img{width:25px;height:25px;opacity:.75}.vip-calendar-footer p{margin:0;color:rgba(231,202,150,.58);font:700 .55rem/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.vip-calendar-footer .version-link{color:rgba(235,208,158,.55)!important;font:700 .57rem/1 system-ui,sans-serif}
@media(max-width:1180px){.vip-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vip-moon-layout{grid-template-columns:1fr 210px}.vip-day-layout{grid-template-columns:1fr 210px}.vip-utility-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vip-detail-stack{grid-template-columns:1fr}}
@media(max-width:760px){.moon-panel{top:.25rem!important;right:.25rem!important;bottom:.25rem!important;width:calc(100vw - .5rem)!important;border-radius:22px!important}.moon-head{min-height:92px!important;padding:.8rem 4.5rem .75rem 4.7rem!important}.moon-head::before{left:.75rem;width:54px;height:54px}.moon-head h2{font-size:2rem!important}.moon-head-sub{font-size:.65rem!important}.moon-close{width:42px!important;height:42px!important}.moon-content.rem-calendar-vip{padding:.5rem!important}.vip-calendar-shell{gap:.5rem}.vip-year-badge{display:none}.vip-date-grid{grid-template-columns:1fr!important}.vip-date-card{min-height:98px;grid-template-columns:34px 1fr;padding:.68rem}.vip-date-card>img{width:28px;height:28px;padding:5px}.vip-moon-layout,.vip-day-layout{grid-template-columns:1fr}.vip-current-phase{min-height:118px}.vip-moon-section .phase-row-v8{overflow-x:auto;grid-template-columns:repeat(9,minmax(72px,1fr))!important;scroll-snap-type:x proximity}.vip-moon-section .phase-item{scroll-snap-align:center}.vip-location-card{min-height:190px}.vip-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vip-utility-card{min-height:150px}.vip-cta-card{grid-column:span 2}.vip-calendar-footer{grid-template-columns:1fr 24px auto 1fr}.vip-calendar-footer .version-link{display:none}.vip-calendar-footer p{font-size:.48rem;letter-spacing:.11em}.vip-detail-stack{grid-template-columns:1fr}.day-system-card .sun-track-v8.rem-sky-window{min-height:178px!important}}
@media(max-width:430px){.moon-head{padding-left:4.2rem!important}.moon-head h2{font-size:1.7rem!important}.vip-utility-grid{grid-template-columns:1fr!important}.vip-cta-card{grid-column:auto}.vip-date-card strong{font-size:1rem!important}.vip-moon-section .phase-row-v8{grid-template-columns:repeat(9,70px)!important}.vip-calendar-footer p{display:none}.vip-calendar-footer{grid-template-columns:1fr 30px 1fr}}
@media(prefers-reduced-motion:reduce){.vip-live-chip::before{animation:none!important}.vip-date-card,.vip-cta-card i{transition:none!important}}


/* ===== BibliaREM Calendar HUD V2.1 — Compact Approved Observatory Layout =====
   Approved direction: Moon first, shallow lunar arc, compact Day System,
   tighter utility cards and vertically stacked Season/Moedim panels. */
.moon-content.rem-calendar-compact{
  --vip-gap:.48rem;
  --vip-radius:16px;
  padding:.52rem!important;
}
.moon-panel.moon-panel-compact{
  width:min(1160px,calc(100vw - 2rem))!important;
  max-width:calc(100vw - 2rem)!important;
  top:1rem!important;right:1rem!important;bottom:1rem!important;
  border-radius:24px!important;
}
.moon-panel.moon-panel-compact::before{inset:1rem!important;border-radius:24px!important;opacity:.12!important}
.moon-panel.moon-panel-compact .moon-head{
  min-height:70px!important;
  padding:.62rem 4.1rem .58rem 4.75rem!important;
  background:linear-gradient(180deg,rgba(3,16,28,.985),rgba(3,17,29,.94))!important;
}
.moon-panel.moon-panel-compact .moon-head::before{
  left:.78rem!important;width:48px!important;height:48px!important;
}
.moon-panel.moon-panel-compact .moon-head h2{
  font-size:clamp(1.72rem,2.7vw,2.42rem)!important;line-height:.95!important;
}
.moon-panel.moon-panel-compact .moon-head-sub{
  margin-top:.2rem!important;font-size:clamp(.58rem,.76vw,.72rem)!important;
}
.moon-panel.moon-panel-compact .moon-close{
  width:39px!important;height:39px!important;font-size:1.25rem!important;right:.8rem!important;
}
.rem-calendar-compact .vip-calendar-shell{
  display:flex!important;flex-direction:column!important;
  gap:var(--vip-gap)!important;max-width:1100px!important;padding:0!important;
}
.rem-calendar-compact .vip-moon-section{order:1!important}
.rem-calendar-compact .vip-date-section{order:2!important}
.rem-calendar-compact .vip-day-system{order:3!important}
.rem-calendar-compact .vip-utility-grid{order:4!important}
.rem-calendar-compact .vip-detail-stack{order:5!important}
.rem-calendar-compact .vip-calendar-footer{order:6!important}
.rem-calendar-compact .vip-year-badge{
  top:-4.25rem!important;right:3.6rem!important;min-width:60px!important;
  padding:.35rem .5rem!important;border-radius:12px!important;
}
.rem-calendar-compact .vip-year-badge strong{font-size:1rem!important}
.rem-calendar-compact .vip-year-badge span{font-size:.43rem!important}
.rem-calendar-compact .vip-surface,
.rem-calendar-compact .vip-utility-card,
.rem-calendar-compact .vip-detail-card{border-radius:var(--vip-radius)!important}
.rem-calendar-compact .vip-section-title{gap:.42rem!important;margin:0 0 .34rem!important}
.rem-calendar-compact .vip-section-title>img{width:19px!important;height:19px!important}
.rem-calendar-compact .vip-section-title h3{font-size:clamp(.88rem,1.15vw,1.03rem)!important;letter-spacing:.045em!important}
.rem-calendar-compact .vip-section-title small{font-size:.55rem!important}

/* Moon first: shallow arc, smaller discs and a restrained summary. */
.rem-calendar-compact .vip-moon-section{padding:.55rem .62rem .44rem!important;overflow:visible!important}
.rem-calendar-compact .vip-moon-layout{
  grid-template-columns:minmax(0,1fr) 145px!important;gap:.5rem!important;align-items:stretch!important;
}
.rem-calendar-compact .vip-moon-section .phase-row-v8{
  position:relative!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;
  align-items:start!important;min-height:142px!important;overflow:hidden!important;
  padding:.18rem .3rem .16rem!important;gap:.12rem!important;border-radius:14px!important;
  background:
    radial-gradient(72% 105% at 50% 128%,rgba(49,100,134,.18),transparent 70%),
    linear-gradient(180deg,rgba(1,13,24,.20),rgba(1,13,24,.34))!important;
}
.rem-calendar-compact .vip-moon-section .phase-row-v8::before{
  content:"";position:absolute;left:3%;right:3%;top:55px;height:62px;pointer-events:none;
  border-top:1px solid rgba(211,170,87,.34);border-radius:50% 50% 0 0/100% 100% 0 0;
  transform:scaleY(.58);filter:drop-shadow(0 0 6px rgba(220,177,87,.09));
}
.rem-calendar-compact .vip-moon-section .phase-item{
  position:relative;z-index:1;gap:.12rem!important;min-width:0!important;padding:.12rem!important;
  font-size:.55rem!important;transition:transform .2s ease!important;
}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(1){transform:translateY(49px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(2){transform:translateY(34px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(3){transform:translateY(20px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(4){transform:translateY(9px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(5){transform:translateY(0)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(6){transform:translateY(9px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(7){transform:translateY(20px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(8){transform:translateY(34px)}
.rem-calendar-compact .vip-moon-section .phase-item:nth-child(9){transform:translateY(49px)}
.rem-calendar-compact .vip-moon-section .phase-disc-real{
  width:clamp(34px,3.8vw,48px)!important;height:clamp(34px,3.8vw,48px)!important;
  filter:drop-shadow(0 0 7px rgba(175,208,242,.12));
}
.rem-calendar-compact .vip-moon-section .phase-item small{font-size:.52rem!important;margin-top:0!important}
.rem-calendar-compact .vip-moon-section .phase-item.is-current{
  margin-top:-.15rem!important;padding:.2rem .18rem .27rem!important;border-radius:13px!important;
  box-shadow:0 0 16px rgba(235,177,63,.11),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.rem-calendar-compact .vip-moon-section .phase-item.is-current .phase-disc-real{
  width:clamp(42px,4.4vw,56px)!important;height:clamp(42px,4.4vw,56px)!important;
}
.rem-calendar-compact .vip-current-phase{
  min-height:126px!important;padding:.45rem!important;border-radius:14px!important;
}
.rem-calendar-compact .vip-current-phase strong{font-size:clamp(2rem,3.4vw,3rem)!important}
.rem-calendar-compact .vip-current-phase span{margin-top:.3rem!important;font-size:.66rem!important}
.rem-calendar-compact .vip-current-phase small{margin-top:.2rem!important;font-size:.54rem!important;line-height:1.2!important}

/* Active-date information remains available as one concise strip, not four large cards. */
.rem-calendar-compact .vip-date-section{padding:.38rem .48rem!important}
.rem-calendar-compact .vip-date-section .vip-section-title{display:none!important}
.rem-calendar-compact .vip-date-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.3rem!important}
.rem-calendar-compact .vip-date-card{
  grid-template-columns:24px minmax(0,1fr)!important;gap:.34rem!important;align-items:center!important;
  min-height:58px!important;padding:.38rem .44rem!important;border-radius:12px!important;
}
.rem-calendar-compact .vip-date-card>img{width:23px!important;height:23px!important;padding:4px!important}
.rem-calendar-compact .vip-date-card b{margin:0 0 .14rem!important;font-size:.46rem!important;letter-spacing:.075em!important}
.rem-calendar-compact .vip-date-card strong{font-size:clamp(.7rem,.95vw,.84rem)!important;line-height:1.08!important;white-space:normal!important}
.rem-calendar-compact .vip-date-card small{
  margin-top:.14rem!important;font-size:.48rem!important;line-height:1.18!important;
  display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden!important;
}

/* The approved compact day system: reduced height and a narrow information rail. */
.rem-calendar-compact .vip-day-system{padding:.5rem!important}
.rem-calendar-compact .moon-dayline-heading{min-height:32px!important;margin:0 0 .35rem!important;gap:.36rem!important}
.rem-calendar-compact .moon-dayline-heading #moonDaySystemTitle{font-size:clamp(.84rem,1.12vw,1rem)!important;letter-spacing:.035em!important}
.rem-calendar-compact .moon-dayline-location-trigger{width:32px!important;height:32px!important;margin:0!important}
.rem-calendar-compact .moon-dayline-location-trigger .dayline-location-trigger-icon,
.rem-calendar-compact .moon-dayline-location-trigger .dayline-location-trigger-icon svg{width:23px!important;height:23px!important}
.rem-calendar-compact .vip-live-chip{padding:.22rem .36rem!important;font-size:.45rem!important}
.rem-calendar-compact .vip-day-layout{grid-template-columns:minmax(0,1fr) 185px!important;gap:.42rem!important}
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window{
  min-height:150px!important;max-height:150px!important;border-radius:14px!important;
}
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window .sun-time{
  min-height:24px!important;padding:.18rem .38rem!important;font-size:.52rem!important;
}
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window .sun-time.start{left:.38rem!important;bottom:.28rem!important}
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset,
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window .sun-time.sunset.is-separated{right:62px!important;bottom:.28rem!important}
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window .sun-time.end,
.rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window .sun-time.end.is-separated{
  right:.3rem!important;width:54px!important;height:54px!important;min-height:54px!important;
  padding:.14rem!important;font-size:.46rem!important;
}
.rem-calendar-compact .vip-location-card{padding:.55rem!important;border-radius:14px!important;min-height:150px!important}
.rem-calendar-compact .vip-location-card::after{width:46px!important;height:46px!important;right:.4rem!important;top:.4rem!important}
.rem-calendar-compact .vip-location-kicker{font-size:.46rem!important}
.rem-calendar-compact .vip-location-kicker img{width:14px!important;height:14px!important}
.rem-calendar-compact .vip-location-card>strong{margin-top:.42rem!important;padding-right:35px!important;font-size:.9rem!important}
.rem-calendar-compact .vip-location-card>small{font-size:.53rem!important}
.rem-calendar-compact .vip-location-coords{margin-top:.42rem!important;padding:.32rem .38rem!important;font-size:.5rem!important}
.rem-calendar-compact .vip-time-block{padding-top:.4rem!important}
.rem-calendar-compact .vip-time-block span{font-size:.44rem!important}
.rem-calendar-compact .vip-time-block b{margin-top:.18rem!important;font-size:1.16rem!important}
.rem-calendar-compact .vip-time-block small{margin-top:.18rem!important;font-size:.5rem!important}
.rem-calendar-compact .vip-map-link{margin-top:.42rem!important;padding:.35rem .42rem!important;font-size:.5rem!important;border-radius:9px!important}
.rem-calendar-compact .moon-dayline-location-panel{top:38px!important;width:min(520px,calc(100% - .2rem))!important}

/* Six concise dashboard cards, readable but no longer oversized. */
.rem-calendar-compact .vip-utility-grid{
  grid-template-columns:1fr 1fr 1.25fr .82fr 1.18fr .96fr!important;gap:.38rem!important;
}
.rem-calendar-compact .vip-utility-card{min-height:114px!important;padding:.5rem!important;border-radius:14px!important}
.rem-calendar-compact .vip-card-icon{width:28px!important;height:28px!important;margin-bottom:.28rem!important;border-radius:9px!important}
.rem-calendar-compact .vip-card-icon img{width:18px!important;height:18px!important}
.rem-calendar-compact .vip-utility-card h3{margin:0 0 .3rem!important;font-size:.5rem!important;letter-spacing:.075em!important}
.rem-calendar-compact .moon-compare-box strong{font-size:.8rem!important}
.rem-calendar-compact .moon-compare-box span{margin-top:.2rem!important;font-size:.57rem!important}
.rem-calendar-compact .moon-compare-box small{margin-top:.22rem!important;font-size:.49rem!important}
.rem-calendar-compact .vip-event-card>b{font-size:.61rem!important}
.rem-calendar-compact .vip-countdown{grid-template-columns:32px minmax(0,1fr)!important;gap:.34rem!important;margin-top:.4rem!important;padding-top:.36rem!important}
.rem-calendar-compact .vip-countdown .moon-days-left-icon{width:30px!important;height:30px!important}
.rem-calendar-compact .vip-countdown strong{font-size:.72rem!important}
.rem-calendar-compact .vip-countdown small{font-size:.46rem!important}
.rem-calendar-compact .vip-time-card>b{font-size:1.04rem!important}
.rem-calendar-compact .vip-time-card>small,
.rem-calendar-compact .moon-method-card>small{margin-top:.3rem!important;font-size:.51rem!important}
.rem-calendar-compact .moon-method-card>b{font-size:.67rem!important}
.rem-calendar-compact .vip-cta-card{padding:.28rem!important}
.rem-calendar-compact .vip-cta-card a{min-height:103px!important;padding:.4rem!important;border-radius:12px!important}
.rem-calendar-compact .vip-cta-moon{font-size:1.35rem!important}
.rem-calendar-compact .vip-cta-card strong{margin-top:.28rem!important;font-size:.72rem!important}
.rem-calendar-compact .vip-cta-card small{margin-top:.2rem!important;font-size:.45rem!important}
.rem-calendar-compact .vip-cta-card i{margin-top:.28rem!important;font-size:.9rem!important}

/* Anotimpul and Moedimurile are always one below the other. */
.rem-calendar-compact .vip-detail-stack{grid-template-columns:1fr!important;gap:.36rem!important}
.rem-calendar-compact .vip-detail-card{border-radius:13px!important}
.rem-calendar-compact .vip-detail-card summary{min-height:42px!important;padding:.52rem .68rem!important;font-size:.7rem!important}
.rem-calendar-compact .vip-detail-card summary i{font-size:.5rem!important}
.rem-calendar-compact .vip-detail-card summary::after{font-size:.9rem!important}
.rem-calendar-compact .vip-detail-body{padding:.16rem .62rem .62rem!important}
.rem-calendar-compact .vip-calendar-footer{display:none!important}

@media(max-width:1040px){
  .moon-panel.moon-panel-compact{width:calc(100vw - 1rem)!important;max-width:calc(100vw - 1rem)!important;top:.5rem!important;right:.5rem!important;bottom:.5rem!important}
  .rem-calendar-compact .vip-utility-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .rem-calendar-compact .vip-moon-layout,.rem-calendar-compact .vip-day-layout{grid-template-columns:1fr!important}
  .rem-calendar-compact .vip-current-phase{min-height:88px!important;display:grid!important;grid-template-columns:auto 1fr!important;column-gap:.6rem!important;text-align:left!important}
  .rem-calendar-compact .vip-current-phase strong{grid-row:1/3;font-size:2rem!important}
  .rem-calendar-compact .vip-current-phase span,.rem-calendar-compact .vip-current-phase small{margin:0!important;align-self:center}
  .rem-calendar-compact .vip-location-card{min-height:120px!important;display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:.6rem!important}
  .rem-calendar-compact .vip-location-kicker,.rem-calendar-compact .vip-location-card>strong,.rem-calendar-compact .vip-location-card>small,.rem-calendar-compact .vip-location-coords{grid-column:1!important}
  .rem-calendar-compact .vip-time-block,.rem-calendar-compact .vip-map-link{grid-column:2!important}
  .rem-calendar-compact .vip-time-block{grid-row:1/4!important;padding-top:0!important;align-self:center}
  .rem-calendar-compact .vip-map-link{align-self:end!important}
  .rem-calendar-compact .vip-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .moon-panel.moon-panel-compact .moon-head{min-height:64px!important;padding:.52rem 3.5rem .48rem 3.9rem!important}
  .moon-panel.moon-panel-compact .moon-head::before{left:.55rem!important;width:40px!important;height:40px!important}
  .moon-panel.moon-panel-compact .moon-head h2{font-size:1.45rem!important}
  .rem-calendar-compact .vip-moon-section .phase-row-v8{
    grid-template-columns:repeat(9,62px)!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:128px!important;scroll-snap-type:x proximity;
  }
  .rem-calendar-compact .vip-moon-section .phase-item{scroll-snap-align:center}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(n){transform:none!important}
  .rem-calendar-compact .vip-moon-section .phase-row-v8::before{display:none!important}
  .rem-calendar-compact .vip-date-grid{grid-template-columns:1fr!important}
  .rem-calendar-compact .vip-date-card{min-height:52px!important}
  .rem-calendar-compact .vip-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rem-calendar-compact .vip-cta-card{grid-column:span 2!important}
}
@media(max-width:420px){
  .rem-calendar-compact .vip-utility-grid{grid-template-columns:1fr!important}
  .rem-calendar-compact .vip-cta-card{grid-column:auto!important}
  .rem-calendar-compact .vip-location-card{display:block!important}
  .rem-calendar-compact .vip-time-block{margin-top:.35rem!important}
  .rem-calendar-compact .vip-map-link{margin-top:.35rem!important}
}

/* ===== BibliaREM Calendar HUD V2.2 — Adaptive Width & Alignment Optimisation =====
   Scope: geometry and responsive presentation only. No content, IDs, order,
   calculations, functions or visual assets are removed or abbreviated. */
@media (min-width:1180px){
  .moon-panel.moon-panel-compact{
    width:clamp(790px,55vw,870px)!important;
    max-width:clamp(790px,55vw,870px)!important;
  }
  .rem-calendar-compact .vip-calendar-shell{
    width:100%!important;
    max-width:none!important;
    gap:.42rem!important;
  }
  .moon-content.rem-calendar-compact{
    --vip-gap:.42rem;
    padding:.46rem!important;
  }
  .rem-calendar-compact .vip-moon-layout{
    grid-template-columns:minmax(0,1fr) 126px!important;
    gap:.4rem!important;
  }
  .rem-calendar-compact .vip-moon-section{
    padding:.48rem .52rem .38rem!important;
  }
  .rem-calendar-compact .vip-moon-section .phase-row-v8{
    min-height:128px!important;
    padding:.12rem .18rem .12rem!important;
    gap:.06rem!important;
  }
  .rem-calendar-compact .vip-moon-section .phase-row-v8::before{
    top:50px!important;height:56px!important;
  }
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(1){transform:translateY(43px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(2){transform:translateY(30px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(3){transform:translateY(18px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(4){transform:translateY(8px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(6){transform:translateY(8px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(7){transform:translateY(18px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(8){transform:translateY(30px)}
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(9){transform:translateY(43px)}
  .rem-calendar-compact .vip-moon-section .phase-disc-real{
    width:clamp(30px,2.65vw,41px)!important;
    height:clamp(30px,2.65vw,41px)!important;
  }
  .rem-calendar-compact .vip-moon-section .phase-item.is-current .phase-disc-real{
    width:clamp(38px,3.15vw,48px)!important;
    height:clamp(38px,3.15vw,48px)!important;
  }
  .rem-calendar-compact .vip-current-phase{
    min-height:112px!important;
    padding:.38rem!important;
  }
  .rem-calendar-compact .vip-current-phase strong{
    font-size:clamp(1.72rem,2.55vw,2.28rem)!important;
  }

  /* Centre the complete information group inside every active-date cell while
     retaining the icon and every existing line of text. */
  .rem-calendar-compact .vip-date-grid{
    gap:.25rem!important;
  }
  .rem-calendar-compact .vip-date-card{
    position:relative!important;
    display:block!important;
    min-height:54px!important;
    padding:.34rem 1.75rem!important;
    text-align:center!important;
  }
  .rem-calendar-compact .vip-date-card>img{
    position:absolute!important;
    left:.42rem!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:22px!important;
    height:22px!important;
  }
  .rem-calendar-compact .vip-date-card>div{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  .rem-calendar-compact .vip-date-card b,
  .rem-calendar-compact .vip-date-card strong,
  .rem-calendar-compact .vip-date-card small{
    text-align:center!important;
  }
  .rem-calendar-compact .vip-date-card strong{
    font-size:clamp(.66rem,.72vw,.78rem)!important;
  }

  .rem-calendar-compact .vip-day-system{
    padding:.44rem!important;
  }
  .rem-calendar-compact .vip-day-layout{
    grid-template-columns:minmax(0,1fr) 164px!important;
    gap:.35rem!important;
  }
  .rem-calendar-compact .day-system-card .sun-track-v8.rem-sky-window{
    min-height:138px!important;
    max-height:138px!important;
  }
  .rem-calendar-compact .vip-location-card{
    min-height:138px!important;
    padding:.48rem!important;
  }
  .rem-calendar-compact .vip-location-card>strong{
    font-size:.82rem!important;
  }
  .rem-calendar-compact .vip-time-block b{
    font-size:1.04rem!important;
  }

  .rem-calendar-compact .vip-utility-grid{
    grid-template-columns:.95fr .95fr 1.18fr .78fr 1.1fr .92fr!important;
    gap:.3rem!important;
  }
  .rem-calendar-compact .vip-utility-card{
    min-height:106px!important;
    padding:.42rem!important;
  }
  .rem-calendar-compact .vip-card-icon{
    width:25px!important;height:25px!important;
  }
  .rem-calendar-compact .vip-card-icon img{
    width:16px!important;height:16px!important;
  }
  .rem-calendar-compact .vip-cta-card a{
    min-height:95px!important;
  }
  .rem-calendar-compact .vip-detail-card summary{
    min-height:39px!important;
    padding:.44rem .58rem!important;
  }
}

/* Intermediate desktop / landscape tablet: narrower than V2.1 while retaining
   enough horizontal room for all unchanged information. */
@media (min-width:821px) and (max-width:1179px){
  .moon-panel.moon-panel-compact{
    width:min(86vw,880px)!important;
    max-width:min(86vw,880px)!important;
  }
  .rem-calendar-compact .vip-calendar-shell{
    width:100%!important;max-width:none!important;
  }
  .rem-calendar-compact .vip-date-card{
    position:relative!important;display:block!important;
    padding:.36rem 1.85rem!important;text-align:center!important;
  }
  .rem-calendar-compact .vip-date-card>img{
    position:absolute!important;left:.46rem!important;top:50%!important;
    transform:translateY(-50%)!important;
  }
  .rem-calendar-compact .vip-date-card>div,
  .rem-calendar-compact .vip-date-card b,
  .rem-calendar-compact .vip-date-card strong,
  .rem-calendar-compact .vip-date-card small{text-align:center!important}
}


/* ===== BibliaREM Calendar HUD V2.3 — Calendar polish, overlay fixes, balanced cards ===== */
.rem-calendar-compact .vip-year-badge{
  right:4.95rem!important;
  top:-4.18rem!important;
  min-width:64px!important;
  padding:.32rem .48rem!important;
}
.rem-calendar-compact .vip-year-badge strong{
  font-size:.86rem!important;
  line-height:1!important;
}
.rem-calendar-compact .vip-year-badge span{
  margin-top:.17rem!important;
  font-size:.52rem!important;
  line-height:1.08!important;
  letter-spacing:.085em!important;
  color:rgba(239,216,175,.84)!important;
}
.rem-calendar-compact .vip-current-phase{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.rem-calendar-compact .vip-current-phase span,
.rem-calendar-compact .vip-current-phase small{
  display:block!important;
  white-space:normal!important;
}
.rem-calendar-compact .vip-current-phase .vip-current-label,
.rem-calendar-compact .vip-current-phase .vip-current-line{
  display:block!important;
}
.rem-calendar-compact .vip-current-phase .vip-current-label{
  font-weight:800!important;
  letter-spacing:.025em!important;
}
.rem-calendar-compact .vip-current-phase .vip-current-line{
  margin-top:.08rem!important;
}
.rem-calendar-compact .vip-moon-section .phase-row-v8{
  position:relative!important;
}
.rem-calendar-compact .vip-moon-section .phase-row-v8::before{display:none!important}
.rem-calendar-compact .phase-curve-svg{
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  z-index:0!important;
  overflow:visible!important;
}
.rem-calendar-compact .phase-curve-path{
  fill:none!important;
  stroke:rgba(224,183,93,.34)!important;
  stroke-width:1.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 5px rgba(224,183,93,.10));
}
.rem-calendar-compact .vip-moon-section .phase-item{z-index:1!important}
.rem-calendar-compact .vip-date-card strong{white-space:pre-line!important}
.rem-calendar-compact .vip-date-card small{
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  white-space:normal!important;
}
.rem-calendar-compact .vip-date-card:nth-child(4) strong{
  font-size:clamp(.64rem,.68vw,.76rem)!important;
}
.rem-calendar-compact .vip-location-card,
.rem-calendar-compact .vip-day-system,
.rem-calendar-compact .vip-day-layout,
.rem-calendar-compact .vip-calendar-shell,
.rem-calendar-compact .moon-content,
.rem-calendar-compact .moon-card{overflow:visible!important}
.rem-calendar-compact .moon-dayline-location-panel{
  top:38px!important;
  left:0!important;
  right:auto!important;
  width:min(520px,calc(100% - .15rem))!important;
  z-index:3400!important;
  box-shadow:0 22px 54px rgba(0,0,0,.42)!important;
}
.rem-calendar-compact .day-system-card.is-location-open,
.rem-calendar-compact .day-system-card.is-location-open .vip-day-layout,
.rem-calendar-compact .day-system-card.is-location-open .moon-dayline-heading{
  z-index:3400!important;
}
.rem-calendar-compact .day-system-card.is-location-open .moon-dayline-location-panel{position:absolute!important}
.rem-calendar-compact .vip-time-block{margin-top:auto!important;padding-top:.45rem!important}
.rem-calendar-compact .vip-time-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.5rem!important;
}
.rem-calendar-compact .vip-time-meta span{
  display:block!important;
  color:#e8b75e!important;
  font:800 .46rem/1 system-ui,sans-serif!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.rem-calendar-compact .vip-time-meta small{
  display:block!important;
  margin:0!important;
  color:rgba(232,222,205,.62)!important;
  font:500 .48rem/1.15 system-ui,sans-serif!important;
  text-align:right!important;
}
.rem-calendar-compact .vip-time-block b{margin-top:.18rem!important}
.rem-calendar-compact .vip-utility-grid{
  grid-template-columns:1.02fr .98fr .98fr 1.18fr 1.12fr 1.04fr!important;
}
.rem-calendar-compact .vip-map-card a,
.rem-calendar-compact .vip-cta-card a{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:95px!important;
  text-align:center!important;
}
.rem-calendar-compact .vip-map-card-link{
  color:#f2d69d!important;
  text-decoration:none!important;
  border:1px solid rgba(234,184,88,.25)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(234,184,88,.075),rgba(255,255,255,.012))!important;
  padding:.4rem!important;
}
.rem-calendar-compact .vip-map-card-link:hover{border-color:rgba(236,189,97,.52)!important;filter:brightness(1.08)}
.rem-calendar-compact .vip-map-card .vip-cta-moon{font-size:1.2rem!important}
.rem-calendar-compact .vip-map-card strong{margin-top:.24rem!important;font-size:.7rem!important}
.rem-calendar-compact .vip-map-card small{margin-top:.18rem!important;font-size:.46rem!important;color:rgba(232,220,197,.72)!important}
.rem-calendar-compact .vip-map-card i{margin-top:.24rem!important;font-size:.9rem!important;font-style:normal!important}
@media (min-width:1180px){
  .rem-calendar-compact .vip-date-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .rem-calendar-compact .vip-current-phase{
    min-height:96px!important;
    display:flex!important;
    flex-direction:column!important;
    row-gap:.16rem!important;
    text-align:center!important;
  }
  .rem-calendar-compact .vip-current-phase strong{font-size:1.9rem!important}
  .rem-calendar-compact .moon-dayline-location-panel{width:min(100%,520px)!important}
}
@media (max-width:620px){
  .rem-calendar-compact .vip-moon-section .phase-row-v8{
    scroll-snap-type:x proximity!important;
  }
  .rem-calendar-compact .vip-moon-section .phase-item:nth-child(n){transform:none!important}
  .rem-calendar-compact .phase-curve-svg{display:none!important}
  .rem-calendar-compact .vip-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rem-calendar-compact .vip-cta-card{grid-column:auto!important}
}
@media (max-width:420px){
  .rem-calendar-compact .vip-utility-grid{grid-template-columns:1fr!important}
}


/* ===== BibliaREM Calendar HUD V2.3.1 — targeted corrections after visual comparison ===== */
.rem-calendar-compact .vip-year-badge{
  right:7.5rem!important;
}
.moon-panel.moon-panel-compact .moon-close{
  z-index:80!important;
}
.rem-calendar-compact #moon-greg-main{
  font-size:clamp(.74rem,.82vw,.82rem)!important;
  line-height:1.06!important;
  font-weight:800!important;
}


/* ===== BibliaREM Calendar HUD V2.3.2 — exact date-line formatting ===== */
.rem-calendar-compact #moon-weekday-main.is-inline-bilingual{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:.36em!important;
  white-space:nowrap!important;
  font-size:clamp(.66rem,.72vw,.78rem)!important;
  line-height:1.05!important;
}
.rem-calendar-compact #moon-weekday-main.is-inline-bilingual span{
  display:inline-block!important;
  white-space:nowrap!important;
}
.rem-calendar-compact #moon-weekday-main.is-inline-bilingual span:first-child{
  direction:rtl!important;
  unicode-bidi:isolate!important;
}
.rem-calendar-compact #moon-hebrew-main.is-single-line-date{
  display:block!important;
  white-space:nowrap!important;
  font-size:clamp(.64rem,.7vw,.76rem)!important;
  line-height:1.08!important;
}
.rem-calendar-compact #moon-hebrew-main.is-single-line-date span{
  display:block!important;
  white-space:nowrap!important;
}
.rem-calendar-compact #moon-greg-main.is-two-line-date{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.08rem!important;
  white-space:normal!important;
  font-size:clamp(.66rem,.72vw,.78rem)!important;
  line-height:1.04!important;
}
.rem-calendar-compact #moon-greg-main.is-two-line-date span{
  display:block!important;
  white-space:nowrap!important;
}
@media(max-width:620px){
  .rem-calendar-compact #moon-weekday-main.is-inline-bilingual,
  .rem-calendar-compact #moon-hebrew-main.is-single-line-date,
  .rem-calendar-compact #moon-greg-main.is-two-line-date{
    font-size:.86rem!important;
  }
}


/* ===== BibliaREM Calendar HUD V2.3.3 — weekday emphasis and rabbinic emblem ===== */
.rem-calendar-compact #moon-weekday-main.is-inline-bilingual{
  gap:.30em!important;
  font-size:clamp(.78rem,.86vw,.90rem)!important;
  line-height:1.04!important;
  letter-spacing:-.008em!important;
}
@media (min-width:821px) and (max-width:1179px){
  .rem-calendar-compact #moon-weekday-main.is-inline-bilingual{
    font-size:clamp(.76rem,1.12vw,.88rem)!important;
  }
}
@media(max-width:620px){
  .rem-calendar-compact #moon-weekday-main.is-inline-bilingual{
    font-size:.94rem!important;
  }
}