* {box-sizing: border-box;}:root {--bg-main: #050b16;--bg-deep: #0b1830;--bg-soft: #11213c;--panel: rgba(255, 255, 255, 0.045);--panel-strong: rgba(255, 255, 255, 0.075);--line: rgba(214, 236, 255, 0.14);--line-soft: rgba(214, 236, 255, 0.08);--text: #eff6ff;--text-soft: #d4e3f3;--text-muted: #a5bfd8;}html,body {margin: 0;min-height: 100%;background: #050b16;}body {font-family: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;color: var(--text);background: var(--bg-main);color-scheme: dark;min-height: 100vh;min-height: 100dvh;padding-bottom: env(safe-area-inset-bottom);overscroll-behavior-y: none;}a {color: inherit;text-decoration: none;}button,select,input {font: inherit;}.hidden {display: none !important;}.eyebrow {font-size: 11px;letter-spacing: 0.36em;text-transform: uppercase;color: #c0d8ee;}.btn {display: inline-flex;align-items: center;justify-content: center;min-height: 42px;padding: 10px 16px;border: 1px solid rgba(218, 236, 255, 0.18);background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));color: var(--text);cursor: pointer;transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;text-transform: uppercase;letter-spacing: 0.08em;font-size: 11px;}.btn:hover {transform: translateY(-1px);background: linear-gradient(to bottom, rgba(210, 232, 255, 0.16), rgba(255, 255, 255, 0.05));box-shadow: 0 0 24px rgba(150, 205, 255, 0.12);}.btn:disabled {opacity: 0.45;cursor: not-allowed;transform: none;box-shadow: none;}.compact-btn {min-height: 36px;padding: 8px 12px;}.stars,.mist,.beams,.cross-wrap {position: fixed;inset: 0;pointer-events: none;}.stars::before,.stars::after {content: "";position: absolute;inset: -20%;background-image:radial-gradient(circle, rgba(255, 255, 255, 0.9) 0 1px, transparent 1.7px),radial-gradient(circle, rgba(160, 212, 255, 0.55) 0 1px, transparent 1.8px);background-size: 180px 180px, 240px 240px;opacity: 0.45;animation: starsDrift 50s linear infinite;}.stars::after {opacity: 0.18;transform: scale(1.15);animation-duration: 80s;}.mist::before,.mist::after {content: "";position: absolute;border-radius: 50%;filter: blur(72px);opacity: 0.18;}.mist::before {width: 48vw;height: 48vw;left: -8vw;bottom: -18vh;background: radial-gradient(circle, rgba(89, 146, 255, 0.52), transparent 68%);}.mist::after {width: 40vw;height: 40vw;right: -8vw;top: -8vh;background: radial-gradient(circle, rgba(255, 255, 255, 0.22), transparent 68%);}.beams::before,.beams::after {content: "";position: absolute;top: -14vh;width: 34vw;height: 132vh;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));clip-path: polygon(46% 0, 54% 0, 100% 100%, 0 100%);filter: blur(12px);}.beams::before {left: 50%;opacity: 0.15;transform: rotate(7deg);}.beams::after {left: 58%;opacity: 0.1;transform: rotate(18deg);}.cross-wrap {display: grid;place-items: center;}.cross-halo {position: absolute;width: 440px;height: 440px;border-radius: 50%;background: radial-gradient(circle, rgba(184, 227, 255, 0.22), rgba(123, 185, 255, 0.09), transparent 72%);filter: blur(20px);animation: haloPulse 6.5s ease-in-out infinite;}.cross {position: relative;width: 158px;height: 258px;opacity: 0.62;filter:drop-shadow(0 0 14px rgba(170, 220, 255, 0.65))drop-shadow(0 0 42px rgba(118, 180, 255, 0.45))drop-shadow(0 0 90px rgba(255, 255, 255, 0.16));animation: crossFloat 8s ease-in-out infinite;}.cross::before,.cross::after {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 999px;background: linear-gradient(to bottom, rgba(249, 252, 255, 0.98), rgba(109, 182, 255, 0.84));box-shadow: 0 0 26px rgba(255, 255, 255, 0.35), 0 0 60px rgba(120, 180, 255, 0.35);}.cross::before {width: 32px;height: 258px;}.cross::after {width: 158px;height: 28px;top: 40%;}.landing-page {min-height: 100vh;min-height: 100dvh;overflow: hidden;background:radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.1), transparent 18%),radial-gradient(circle at 18% 85%, rgba(80, 130, 255, 0.2), transparent 24%),radial-gradient(circle at 88% 22%, rgba(255, 255, 255, 0.08), transparent 18%),linear-gradient(180deg, #050b16, #0b1830 46%, #0d1d38 100%);}.landing-shell {position: relative;z-index: 3;min-height: 100vh;min-height: 100dvh;display: grid;place-items: center;padding: 28px;}.landing-card {position: relative;width: min(900px, 100%);padding: 34px 28px;text-align: center;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));border: 1px solid rgba(213, 233, 255, 0.12);box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.02), 0 0 40px rgba(76, 130, 255, 0.08);}.landing-card h1 {margin: 18px 0 0;font-size: clamp(3rem, 6vw, 5.6rem);line-height: 0.92;font-weight: 300;letter-spacing: 0.05em;text-transform: uppercase;}.landing-card h1 span {display: block;}.audio-toggle {position: absolute;top: 18px;right: 18px;width: 48px;height: 48px;border-radius: 999px;border: 1px solid rgba(214, 236, 255, 0.18);background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.16), transparent 52%),linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(99, 154, 255, 0.07));color: #eff6ff;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 12px 32px rgba(2, 7, 19, 0.35),0 0 22px rgba(108, 172, 255, 0.08);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);transition:transform 0.2s ease,background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;}.audio-toggle:hover {transform: translateY(-1px);border-color: rgba(196, 229, 255, 0.32);background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.22), transparent 55%),linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(110, 170, 255, 0.1));box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12),0 14px 34px rgba(2, 7, 19, 0.42),0 0 26px rgba(128, 194, 255, 0.16);}.audio-toggle.is-on {border-color: rgba(175, 222, 255, 0.36);background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.22), transparent 52%),linear-gradient(180deg, rgba(165, 212, 255, 0.18), rgba(79, 139, 255, 0.14));box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.14),0 16px 38px rgba(2, 7, 19, 0.45),0 0 34px rgba(125, 192, 255, 0.2);}.audio-icon {position: relative;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;}.audio-icon-glow {position: absolute;inset: -6px;border-radius: 50%;background: radial-gradient(circle, rgba(162, 221, 255, 0.22), transparent 68%);opacity: 0.72;}.audio-speaker {position: absolute;left: 1px;width: 8px;height: 10px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(171, 214, 255, 0.82));clip-path: polygon(0 30%, 38% 30%, 72% 0, 72% 100%, 38% 70%, 0 70%);}.audio-wave {position: absolute;border: 2px solid transparent;border-right-color: rgba(208, 232, 255, 0.92);border-radius: 50%;opacity: 0;transition: opacity 0.18s ease, transform 0.18s ease;}.audio-wave-one {right: 2px;width: 8px;height: 8px;}.audio-wave-two {right: -2px;width: 14px;height: 14px;}.audio-slash {position: absolute;width: 2px;height: 22px;background: #eff6ff;transform: rotate(-45deg);border-radius: 999px;opacity: 1;transition: opacity 0.18s ease;}.audio-toggle.is-on .audio-wave {opacity: 1;transform: scale(1.04);}.audio-toggle.is-on .audio-slash {opacity: 0;}.home-verse {width: min(760px, 100%);margin: 28px auto 0;padding: 22px 24px 18px;border: 1px solid rgba(214, 236, 255, 0.12);background: rgba(255, 255, 255, 0.03);min-height: 164px;height: 164px;max-height: 164px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;}.verse-text {font-size: clamp(1.05rem, 1.8vw, 1.28rem);line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}.home-verse.is-long .verse-text {font-size: clamp(0.98rem, 1.55vw, 1.12rem);line-height: 1.65;}.home-verse.is-longer .verse-text {font-size: clamp(0.9rem, 1.35vw, 1rem);line-height: 1.55;}.verse-ref {margin-top: 14px;color: #bfd8ef;letter-spacing: 0.22em;font-size: 12px;text-transform: uppercase;}.home-actions {display: flex;justify-content: center;margin-top: 24px;}.reader-page {min-height: 100vh;min-height: 100dvh;background: linear-gradient(180deg, #050b15, #08111f 100%);}.reader-bg {position: fixed;inset: 0;background:radial-gradient(circle at 90% 10%, rgba(142, 190, 255, 0.08), transparent 20%),radial-gradient(circle at 0% 100%, rgba(95, 141, 255, 0.1), transparent 22%),linear-gradient(180deg, #050b15, #08111f 100%);}.reader-shell {position: relative;z-index: 2;min-height: 100vh;min-height: 100dvh;display: grid;}.reader-shell.single-column {place-items: center;padding: 28px;}.reader-card {width: min(1040px, 100%);}.reader-card-top {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 18px;}.brand-link {display: inline-flex;align-items: center;gap: 10px;font-size: 12px;letter-spacing: 0.22em;text-transform: uppercase;color: #dff2ff;}.brand-dot {width: 10px;height: 10px;border-radius: 50%;background: #bfe8ff;box-shadow: 0 0 12px #b8e5ff, 0 0 28px rgba(130, 190, 255, 0.8);}.reader-card h1 {margin: 8px 0 10px;font-weight: 400;font-size: clamp(2.2rem, 4vw, 4rem);}.picker-card,.content-card {margin-top: 20px;padding: 24px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));border: 1px solid rgba(213, 233, 255, 0.1);}.label {display: block;margin-bottom: 8px;color: #a9c7e5;font-size: 11px;letter-spacing: 0.2em;text-transform: uppercase;}select {width: 100%;padding: 12px 14px;border: 1px solid rgba(215, 235, 255, 0.12);background: rgba(255, 255, 255, 0.04);color: #eef8ff;outline: none;}.book-picker {position: relative;}.book-trigger {width: 100%;min-height: 52px;padding: 12px 48px 12px 14px;border: 1px solid rgba(215, 235, 255, 0.12);background: rgba(255, 255, 255, 0.04);color: #eef8ff;text-align: left;cursor: pointer;}.book-trigger.is-open {border-color: rgba(166, 214, 255, 0.34);}.book-trigger-caret {position: absolute;top: 50%;right: 16px;width: 10px;height: 10px;border-right: 2px solid #d6ebff;border-bottom: 2px solid #d6ebff;transform: translateY(-65%) rotate(45deg);pointer-events: none;}.book-menu {position: absolute;top: calc(100% + 8px);left: 0;right: 0;max-height: 320px;overflow: auto;padding: 8px;border: 1px solid rgba(215, 235, 255, 0.12);background: #101b2f;box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);z-index: 20;}.book-option {width: 100%;padding: 12px 14px;border: 0;background: transparent;color: #eef8ff;text-align: left;cursor: pointer;}.book-option:hover,.book-option.is-active {background: rgba(114, 173, 255, 0.16);}.chapter-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(58px, 1fr));gap: 10px;margin-top: 18px;}.chapter-square {aspect-ratio: 1;min-height: 58px;border: 1px solid rgba(215, 235, 255, 0.1);background: rgba(255, 255, 255, 0.025);color: var(--text);cursor: pointer;transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;}.chapter-square:hover {transform: translateY(-1px);background: rgba(255, 255, 255, 0.06);}.chapter-square.is-active {border-color: rgba(166, 214, 255, 0.48);background: rgba(114, 173, 255, 0.14);box-shadow: 0 0 22px rgba(114, 173, 255, 0.12);}.section-text {margin: 0;color: var(--text-soft);line-height: 1.8;}.loading-line {color: var(--text-muted);font-size: 0.94rem;}.passage-head h2 {margin: 8px 0 18px;font-weight: 400;font-size: clamp(1.7rem, 3vw, 2.5rem);}.passage-html {color: var(--text);}.verse-stack {display: grid;gap: 14px;}.verse-row {display: grid;grid-template-columns: 52px 1fr;gap: 14px;align-items: start;}.verse-num {display: inline-flex;align-items: center;justify-content: center;min-height: 38px;padding: 8px;border: 1px solid rgba(215, 235, 255, 0.1);background: rgba(255, 255, 255, 0.03);color: #c4dff6;}.single-passage {font-size: 1.1rem;line-height: 1.9;}.bottom-nav {display: flex;justify-content: space-between;gap: 10px;flex-wrap: wrap;margin-top: 24px;}.bottom-nav .center-btn {min-width: 104px;}.error-box {padding: 14px;border: 1px solid rgba(255, 120, 120, 0.22);background: rgba(255, 80, 80, 0.06);color: #ffd7d7;}@keyframes starsDrift {from {transform: translate(0, 0);}to {transform: translate(-45px, 70px);}}@keyframes crossFloat {0%,100% {transform: translateY(0) rotate(-2deg);}50% {transform: translateY(-18px) rotate(2deg);}}@keyframes haloPulse {0%,100% {transform: scale(1);opacity: 0.72;}50% {transform: scale(1.08);opacity: 1;}}@media (max-width: 700px) {.landing-card {padding: 70px 16px 24px;}.landing-card h1 {font-size: clamp(2.6rem, 16vw, 4rem);}.home-verse {min-height: 146px;height: 146px;max-height: 146px;padding: 18px 16px 16px;}.verse-text {font-size: 0.96rem;line-height: 1.5;-webkit-line-clamp: 4;}.home-verse.is-long .verse-text {font-size: 0.84rem;line-height: 1.38;-webkit-line-clamp: 4;}.home-verse.is-longer .verse-text {font-size: 0.75rem;line-height: 1.24;-webkit-line-clamp: 5;}.verse-ref {margin-top: 10px;font-size: 11px;}.reader-shell.single-column {padding: 18px;}.picker-card,.content-card {padding: 18px;}.chapter-grid {grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));}.verse-row {grid-template-columns: 42px 1fr;gap: 10px;}.bottom-nav {flex-direction: column;}.bottom-nav .btn,.bottom-nav a {width: 100%;}}