:root{color-scheme:dark;font-family:Baskerville,Times New Roman,serif;background:radial-gradient(circle at top right,rgba(226,181,74,.16),transparent 25%),linear-gradient(180deg,#102016,#08100c);color:#f6f0de}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh}button,input{font:inherit}#root{min-height:100vh;min-height:100svh}.join-form{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1rem}.pairing-input{flex:1 1 220px;min-width:220px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.9rem 1.1rem;background:#ffffff0f;color:inherit;text-transform:uppercase;letter-spacing:.2em}.join-button{border:0;border-radius:999px;padding:.9rem 1.4rem;background:#e2b54a;color:#132216;cursor:pointer}.join-button:disabled{opacity:.65;cursor:not-allowed}.qr-pairing-panel{display:grid;grid-template-columns:minmax(160px,220px) 1fr;align-items:center;gap:1.2rem}.pairing-qr{width:100%;max-width:220px;border-radius:12px;background:#fff;padding:.7rem}.qr-pairing-copy{min-width:0}.qr-title{margin:0 0 .45rem;color:#fff7e3;font-size:clamp(1.2rem,2.5vw,1.8rem)}.qr-url{margin:0;overflow-wrap:anywhere;color:#d2c6a5;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.82rem;line-height:1.5}.display-pairing-code{margin:0 0 .45rem;color:#e2b54a;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:.16em;text-transform:uppercase}.status-row,.translation-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.status-copy,.display-session-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.display-session-actions{margin-left:auto}.display-session-code{border:1px solid rgba(226,181,74,.35);border-radius:999px;padding:.45rem .75rem;background:#e2b54a1a;color:#e2b54a;font-family:SFMono-Regular,Menlo,Monaco,monospace;letter-spacing:.16em;text-transform:uppercase}.display-link-button{border:1px solid rgba(246,240,222,.18);border-radius:999px;padding:.55rem .85rem;background:#f6f0de14;color:#f6f0de;cursor:pointer}.supporting-copy,.translation-footer{color:#d2c6a5}.tv-display-shell{height:100vh;height:100svh;max-height:100vh;max-height:100svh;display:flex;overflow:hidden;background:radial-gradient(circle at 88% 12%,rgba(226,181,74,.14),transparent 24%),linear-gradient(145deg,#102016,#0a160f 46%,#050807)}.live-display{display:flex;flex-direction:column;gap:clamp(1.2rem,3vh,2.6rem);width:100%;height:100vh;height:100svh;max-height:100vh;max-height:100svh;min-height:0;justify-content:stretch;overflow:hidden;padding:clamp(1.1rem,3.4vh,3rem) clamp(2rem,15vw,18rem)}.active-ayah{--arabic-size: clamp(3.5rem, 6vw, 7rem);--translation-size: clamp(1.6rem, 2.6vw, 3rem);display:flex;flex-direction:column;flex:1;min-height:0;justify-content:center;gap:clamp(.9rem,2.35vh,2.2rem);overflow:hidden;animation:ayah-enter .22s ease-out}.surah-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1rem,3vw,3rem);align-items:end}.surah-name-arabic{margin:0;direction:rtl;color:#e2b54a;font-size:clamp(1.8rem,3.6vw,4.2rem);line-height:1.2;text-align:right}.surah-name-english{display:flex;flex-direction:column;gap:.35rem;min-width:0;color:#f6f0de;font-size:clamp(1.15rem,1.65vw,2rem);line-height:1.25;text-align:left}.surah-name-english span:last-child{color:#d2c6a5;font-size:.78em;letter-spacing:.08em;text-transform:uppercase}.translation-block{display:flex;flex-direction:column;flex:0 1 auto;gap:clamp(.65rem,1.6vh,1.4rem);max-height:30vh;width:100%;min-height:0;overflow:hidden}.arabic-text{margin:0;direction:rtl;font-size:var(--arabic-size);line-height:1.44;text-align:right;color:#fff7e3;text-wrap:balance;max-height:52vh;overflow:hidden}.translation-text{margin:0;max-width:84rem;font-size:var(--translation-size);line-height:1.36;color:#e5dcc4;text-wrap:balance;min-height:0;overflow:hidden}.translation-footer{margin:0;font-size:clamp(.9rem,1vw,1.25rem);letter-spacing:.05em;text-transform:uppercase}.waiting-copy{margin:0;color:#d2c6a5}.waiting-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:clamp(.8rem,2vh,1.6rem);justify-content:center;overflow:hidden}.transcript-preview{margin:0;color:#f6f0de;font-size:clamp(2rem,4vw,4.8rem);line-height:1.6}.error-banner{margin:0;padding:1rem 1.2rem;border-radius:18px;background:#922c2c2e;color:#ffcbcb}@keyframes ayah-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.join-form{flex-direction:column}.qr-pairing-panel{grid-template-columns:1fr}.pairing-input,.join-button{width:100%}.live-display{padding:clamp(1rem,4vh,2rem) clamp(1.2rem,8vw,3rem)}.surah-header{grid-template-columns:1fr}.surah-name-english{text-align:right}}