:root{--bg:#101827;--panel:#1B293B;--high:#26374B;--accent:#6C9BC5;--gold:#D6B675;--text:#F5F6F8;--muted:#A5B2C2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,'Segoe UI',Arial,sans-serif}button,input{font:inherit}button{border:0;background:var(--high);color:var(--text);padding:12px 16px;border-radius:12px;cursor:pointer}button:hover{filter:brightness(1.18)}button.primary{background:var(--accent);color:#07121f;font-weight:700}button.gold{background:var(--gold);color:#132031;font-weight:700}input{width:100%;border:1px solid #40526a;border-radius:12px;padding:13px;background:#121f2d;color:white;outline:none}input:focus{border-color:var(--accent)}.layout{max-width:1180px;margin:0 auto;padding:24px}.top{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:22px}.brand{font-weight:850;font-size:24px;letter-spacing:.05em}.brand span{color:var(--gold)}.dim{color:var(--muted);font-size:13px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{border:1px solid #344358;border-radius:19px;background:var(--panel);padding:20px}.card h2{margin:0 0 16px;font-size:18px}.field{display:flex;gap:10px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.item{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--high);padding:11px;border-radius:12px;margin-top:7px}.item.active{outline:1px solid var(--gold)}.item span{flex:1}.item button{padding:6px 10px;background:#152437}.preview{background:#1f3f6e;border-radius:12px;padding:30px 18px;text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview h3{color:var(--gold);margin:0 0 14px}.preview p{white-space:pre-line;margin:9px 0;color:white}.hidden{display:none!important}.login{max-width:390px;margin:13vh auto;padding:28px}.login h1{margin:0 0 8px}.login input{margin:20px 0 12px}.error{color:#f3a4a4;min-height:24px}.status{min-height:23px;color:var(--muted)}.livebody{background:#1f3f6e;min-height:100dvh}.livewrap{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:5vw;text-align:center}.livecontent{max-width:1500px;width:100%;}.livecontent h1{color:#D6B675;font-size:clamp(26px,3.1vw,68px);margin:0 0 4vh;line-height:1.3}.livecontent p{font-size:clamp(24px,3.2vw,62px);line-height:1.38;font-weight:550;white-space:pre-line;margin:2vh auto}.livecontent .rule{height:2px;background:#83a0bf;width:38%;margin:3vh auto}.livecontent.blank{display:none}.live-login{max-width:410px;background:#1b293b;border-radius:20px;padding:32px}.live-login button{margin-top:12px}@media(max-width:760px){.cols{grid-template-columns:1fr}.layout{padding:12px}.field{flex-wrap:wrap}.field button{width:100%}.top{flex-wrap:wrap}.livecontent p{font-size:clamp(22px,4vw,48px)}}

/* BVA Lite 0.2: balanced bilingual side-by-side Live View. */
.livecontent{max-width:1700px}
.livecontent h1{margin:0 0 clamp(22px,3.5vh,62px)}
.live-verses{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);gap:clamp(20px,3vw,58px);align-items:center;width:100%}
.live-verse-col{min-width:0;display:flex;align-items:center;justify-content:center}
.live-verses p{font-size:clamp(20px,2.65vw,53px);line-height:1.38;margin:0;overflow-wrap:break-word;hyphens:auto}
.live-divider{width:2px;height:clamp(100px,23vh,300px);background:rgba(218,230,249,.26);border-radius:2px}
@media(max-width:700px){.live-verses{gap:12px}.live-verses p{font-size:clamp(16px,3.6vw,30px)}.livewrap{padding:4vw}.livecontent h1{font-size:clamp(20px,4vw,34px)}}

/* BVA Web Lite 0.4 — calm, darker, roomier bilingual Live View. */
.livebody,.preview{background:#142F53}
.livewrap{padding:3.2vw 3.1vw}
.livecontent{width:100%;max-width:none}
.live-verses{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:clamp(20px,3vw,52px);width:100%;align-items:stretch}
.live-verse-col{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.live-verse-col h1{font-size:clamp(25px,3.15vw,62px);line-height:1.2;color:#D6B675;text-align:center;margin:0 0 clamp(20px,3.5vh,46px)}
.live-verses p{font-size:clamp(23px,2.95vw,62px);line-height:1.34;max-width:100%;margin:0;text-align:center;font-weight:550;overflow-wrap:break-word;hyphens:auto}
.live-number{color:#D6B675;font-weight:750;margin-right:.24em;white-space:nowrap}
.live-divider{align-self:center;height:clamp(130px,30vh,420px);width:1px;background:rgba(230,238,250,.22)}
@media(max-width:700px){.livewrap{padding:3vw 2.5vw}.live-verses{gap:12px}.live-verses p{font-size:clamp(16px,3.5vw,30px)}.live-verse-col h1{font-size:clamp(19px,3.8vw,32px);margin-bottom:16px}}