@font-face{font-family:DM Sans;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Newsreader;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/assets/noto-naskh-arabic-arabic-wght-normal-DIN-4rtF.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--serif: "Newsreader", Georgia, serif;--arabic: "Noto Naskh Arabic", "Geeza Pro", serif;--paper: #f7f8f2;--surface: #fff;--ink: #203b32;--muted: #66756c;--forest: #245a45;--line: #dfe5dc;--sage: #eaf0e6;--gold: #b89a60;color:var(--ink);background:var(--paper);line-height:1.55}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--forest);text-underline-offset:4px}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid #8caf80;outline-offset:4px}::selection{background:#dce9cf;color:#203b32}.icon{width:22px;height:22px;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--forest);color:#fff}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:21px;font-weight:600;letter-spacing:-.9px}.brand-mode{margin-left:9px;padding-left:18px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}.page-shell{padding:0 32px;min-height:100svh}.page-frame{max-width:1120px;margin:0 auto}.app-nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.page-header{padding:58px 0 38px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:650;color:var(--forest)}.page-header h1{margin:0;font-family:var(--serif);font-size:clamp(38px,4.4vw,60px);line-height:1.08;font-weight:450;letter-spacing:-1.8px;text-wrap:balance}.page-description{margin:16px 0 0;max-width:64ch;color:var(--muted);font-size:15px;line-height:1.7;text-wrap:pretty}.section-card{min-width:0;border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--surface)}.section-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:26px}.section-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border-radius:12px;color:var(--forest);background:var(--sage)}.section-heading-copy{min-width:0}.section-heading h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.4px}.section-heading p{margin:5px 0 0;font-size:13px;line-height:1.65;color:var(--muted)}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px;margin-top:32px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.status-badge{border-radius:6px;padding:5px 10px;color:var(--forest);background:var(--sage);font-size:12px;text-transform:capitalize}.status-badge-error{color:#963d3d;background:#fcf0ee}.error-banner{border:1px solid #eacbc5;border-radius:12px;padding:15px 18px;background:#fff2ef;color:#873d35;font-size:14px;overflow-wrap:anywhere}@media(max-width:640px){.page-shell{padding:0 20px}.app-nav{min-height:84px;gap:12px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-name{font-size:19px}.brand-mode{display:none}.page-header{padding:35px 0 28px}.page-header h1{font-size:40px;letter-spacing:-1.25px}.page-description{font-size:14px}.section-card{padding:23px;border-radius:17px}.app-footer{font-size:10px;gap:15px}.app-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{color-scheme:dark;--paper: #142b23;--surface: #1a3229;--ink: #f0f1e5;--muted: #acbbb0;--forest: #c5d9b3;--line: #365045;--sage: #243f31;--gold: #c6b487}#root{min-height:100svh}a{color:#d6e6c4}.brand-mark{background:#dce9d0;color:#234734}.brand-mode{color:#b0c0b4}.page-frame{max-width:1160px}.page-header{padding-top:52px}.page-header h1{font-size:clamp(40px,4.4vw,62px)}.page-description{max-width:56ch}.display-mode-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.display-mode-label .icon{width:16px;height:16px}.display-pairing-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:80px;align-items:start}.welcome-verse{padding:32px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.welcome-verse-label{display:block;font-size:11px;color:var(--muted)}.welcome-verse p{font-family:var(--arabic);font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.8;margin:16px 0 12px;text-align:left;color:#f0f1e5}.welcome-verse>span:not(.welcome-verse-label):not(.welcome-verse-reference){display:block;font-family:var(--serif);font-size:23px;font-weight:400;color:#d5dfcd;line-height:1.5}.welcome-verse-reference{display:block;margin-top:18px;font-size:9px;letter-spacing:.16em;color:#c6b487}.display-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:23px}.display-steps li{display:flex;align-items:flex-start;gap:20px}.display-steps li>span{font-family:var(--serif);font-size:24px;color:#c6b487;line-height:1.2}.display-steps h2{margin:0 0 4px;font-size:13px;font-weight:500}.display-steps p{margin:0;max-width:38ch;font-size:12px;line-height:1.7;color:var(--muted)}.pairing-card{background:#f6f8f0;color:#203b32;border:0;padding:28px}.pairing-card .section-heading{justify-content:center;text-align:center;margin-bottom:22px}.pairing-card .section-heading h2{font-size:20px}.pairing-card .section-heading p{color:#66756c;font-size:12px}.qr-pairing-panel{display:flex;align-items:center;flex-direction:column}.qr-frame{padding:15px;border:1px solid #dfe5dc;border-radius:14px;background:#fff}.pairing-qr{display:block;width:min(220px,48vw);height:auto;mix-blend-mode:multiply}.qr-pairing-copy{text-align:center;margin-top:22px}.pairing-code-label{margin:0;font-size:10px;color:#66756c}.display-pairing-code{margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(20px,2vw,25px);letter-spacing:.13em;font-weight:500;color:#245a45}.controller-link{color:#41644b;font-size:11px;margin-top:17px;text-decoration:none;display:inline-flex;align-items:center;gap:15px;min-height:36px}.controller-link:hover{text-decoration:underline}.manual-pairing{border-top:1px solid #dce3d5;padding-top:18px;margin-top:18px}.manual-pairing summary{font-size:11px;color:#526b57;cursor:pointer;padding:8px 0}.join-form{padding-top:14px}.join-form .label{display:block;margin-bottom:8px;font-size:10px;color:#66756c}.join-form-row{display:flex;gap:8px}.pairing-input{width:0;min-width:0;flex:1;border:1px solid #ced9c8;border-radius:8px;background:#fff;color:#203b32;padding:12px;text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:14px}.join-button{border:0;border-radius:8px;min-height:45px;padding:12px;color:#fff;background:#245a45;font-size:11px}.join-button:hover:not(:disabled){background:#184432}.qr-placeholder{display:grid;place-items:center;min-height:305px;color:#66756c;font-size:12px}.app-footer{margin-top:48px}.tv-display-shell{min-height:100svh;background:#10271f}.live-display{min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,5vw,96px) 28px}.status-row{min-height:90px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff15}.status-row .brand-name{font-size:19px}.status-row .brand-mark{width:34px;height:34px}.status-copy{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;color:#b8c7bb}.live-status-dot{width:6px;height:6px;border-radius:50%;background:#b4d49b}.display-session-actions{display:flex;align-items:center;gap:24px;font-size:11px;color:#acbbb0}.display-session-code{font-family:ui-monospace,monospace;letter-spacing:.06em}.display-link-button{min-height:44px;border:0;padding:8px 0;background:none;color:#b8c7bb;text-underline-offset:4px;font-size:11px}.display-link-button:hover{color:#fff;text-decoration:underline}.active-ayah{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(34px,5vh,90px) 0;animation:ayah-enter .28s ease-out}.surah-header{text-align:center;margin-bottom:clamp(28px,4vh,58px)}.surah-name-arabic{font-family:var(--arabic);font-size:clamp(22px,2.6vmin,36px);line-height:1.8;color:#c6b487;margin:0 0 4px;font-weight:400}.surah-name-english{font-size:clamp(11px,1.35vmin,18px);letter-spacing:.09em;margin:0;color:#afc0b4}.surah-header:after{content:"";display:block;width:36px;height:1px;margin:22px auto 0;background:#bba97970}.arabic-text{width:min(100%,var(--arabic-measure));margin:0;padding:5px 0;font-family:var(--arabic);font-size:var(--arabic-size);font-weight:400;line-height:1.95;color:#f4f3e9;text-align:center;overflow-wrap:break-word}.translation-block{width:min(100%,62rem);text-align:center;margin-top:clamp(24px,4vh,56px)}.translation-text{margin:0;font-family:DM Sans,sans-serif;font-size:var(--translation-size);line-height:1.75;font-weight:400;color:#c5d1c3;text-wrap:pretty}.translation-footer{margin-top:26px;font-size:clamp(10px,1.15vmin,15px);color:#a0b29f}.waiting-panel{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:60px 0}.waiting-emblem{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--line);border-radius:50%;color:#baceb1;margin-bottom:30px}.waiting-emblem .icon{width:25px;height:25px}.waiting-panel .eyebrow{color:#baceb1;font-size:10px}.waiting-copy{font-family:var(--serif);font-size:clamp(30px,4.5vw,58px);font-weight:400;line-height:1.2;margin:0;color:#f0f1e5}.transcript-preview{margin:18px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}.error-banner{background:#432f29;border-color:#74544a;color:#f3cbc1}@keyframes ayah-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:2000px){.page-frame{max-width:1600px}.display-pairing-layout{gap:120px}.pairing-qr{width:320px}.display-pairing-code{font-size:34px}.display-steps h2{font-size:20px}.display-steps p,.page-description{font-size:18px}.welcome-verse{padding-block:48px}}@media(max-width:900px){.display-pairing-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}}@media(max-width:700px){.display-pairing-layout{grid-template-columns:1fr;gap:35px}.pairing-card{grid-row:1}.display-mode-label{font-size:10px}.display-mode-label .icon{display:none}.welcome-verse p{font-size:34px;text-align:center}.welcome-verse{text-align:center}.display-steps{gap:24px}.status-row{gap:14px;flex-wrap:wrap;padding-block:20px;min-height:90px}.display-session-actions{justify-content:space-between;width:100%}.status-row .brand{margin-right:auto}.status-copy{margin-left:0}.live-display{padding-inline:22px}.surah-header{margin-bottom:23px}.translation-footer{line-height:1.6}.arabic-text{line-height:1.95}.active-ayah{padding-top:30px}}@media(max-width:640px){.pairing-input{font-size:16px}}