@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Amiri:wght@400;700&display=swap');
@font-face{font-family:'Duri Quran';src:url('/api/font/duri') format('truetype');font-display:swap}
@font-face{font-family:'Hafs Quran';src:url('/api/font/hafs') format('truetype');font-display:swap}
:root{--ink:#ecf5ed;--muted:#98aca9;--gold:#e0bb75;--bg:#071310;--card:#0e2421;--card2:#102d28;--stroke:#294039;--green:#49b792;--font-size:35px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;background:var(--bg);color:var(--ink)}body{font-family:'Cairo',Tahoma,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.aurora{position:fixed;pointer-events:none;filter:blur(60px);opacity:.45;z-index:0}.a1{width:550px;height:550px;right:20%;top:-350px;background:#21694c}.a2{width:520px;height:520px;left:-250px;bottom:-330px;background:#1d4c42}.app{height:100vh;display:flex;position:relative;z-index:1;padding:15px;gap:14px}.sidebar{width:288px;flex-shrink:0;border:1px solid #244037;border-radius:20px;background:rgba(10,31,26,.94);display:flex;flex-direction:column;overflow:hidden}.brand{height:107px;display:flex;align-items:center;gap:15px;padding:22px 20px;border-bottom:1px solid var(--stroke)}.brand-icon{height:54px;width:54px;border:1px solid #b5985b;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#1c4037,#0a251e);color:#e3bf78;font-size:34px}.brand b{font-size:20px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:-1px}.side-label{display:flex;justify-content:space-between;margin:22px 17px 11px;font-size:12px;font-weight:800;color:#d3ddd7}.side-label span{color:var(--gold);font-weight:600}.searchwrap{display:flex;align-items:center;margin:0 14px 13px;border:1px solid var(--stroke);border-radius:11px;padding:0 13px;background:#0a1d19}.searchwrap span{font-size:27px;color:#86a69a}.searchwrap input{outline:0;border:0;background:none;color:white;height:43px;width:100%;min-width:0;font-size:12px}.searchwrap input::placeholder{color:#6d8a81}.surah-list{overflow-y:auto;flex:1;padding:0 9px 12px;scrollbar-width:thin;scrollbar-color:#38594f transparent}.surah-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:4px;background:transparent;color:#e9f2eb;border:1px solid transparent;border-radius:12px;text-align:right;transition:.16s}.surah-item:hover{background:#1b3831}.surah-item.active{border-color:#396451;background:linear-gradient(90deg,#203f34,#133026)}.surah-num{height:35px;width:35px;border:1px solid #315c4b;border-radius:11px;display:grid;place-items:center;font-size:12px;color:var(--gold);background:#113026;flex-shrink:0}.surah-label{flex:1;display:flex;flex-direction:column}.surah-label b{font-size:12px}.surah-label small{font-size:10px;color:#8ea69d}.surah-arrow{color:#6d9c84}.side-foot{padding:15px 18px;border-top:1px solid var(--stroke);font-size:10px;color:#a8bbb4;display:flex;gap:8px;align-items:center}.pulse-dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:#51be94;box-shadow:0 0 0 5px rgba(81,190,148,.10)}.main{min-width:0;flex:1;background:rgba(8,25,21,.8);border:1px solid #244037;border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:99px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);padding:0 28px}.top-title{display:flex;align-items:center;gap:10px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.5px}.topbar h1{font-size:21px;margin:4px 0 0;line-height:1.5}.gold{color:var(--gold)}.top-actions{display:flex;gap:9px}.btn{border-radius:11px;padding:11px 17px;border:1px solid transparent;font-size:12px;font-weight:800;white-space:nowrap;transition:filter .16s}.btn:hover{filter:brightness(1.15)}.btn.light{background:#204539;color:#e9f6eb}.btn.border{background:transparent;border-color:#496353;color:#dce8df}.btn.primary{background:linear-gradient(130deg,#bd9859,#e6c982);color:#1c261f}.icon-btn{background:#173329;color:#dfeae1;border:1px solid #345244;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.menu-btn{display:none}.main-scroll{flex:1;overflow-y:auto;padding:22px 26px 24px;scrollbar-width:thin;scrollbar-color:#416457 transparent}.hero{min-height:207px;overflow:hidden;position:relative;border:1px solid #4b5f43;border-radius:18px;background:radial-gradient(circle at 40% -50%,#2a634e,#173d32 60%,#143027 100%);display:flex;align-items:center;justify-content:center;text-align:center}.hero:after,.hero:before{content:'';width:155px;height:155px;border:1px solid #9aaf7e44;position:absolute;transform:rotate(45deg);top:20px;right:-68px}.hero:after{right:auto;left:-68px}.hero-content{position:relative;z-index:1;padding:22px}.hero-deco{position:absolute;left:15%;font-size:280px;opacity:.07;top:-108px;color:#f2d499}.hero-pill{font-size:10px;color:#d9f2da;background:#ffffff13;padding:6px 14px;border-radius:30px;display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff22}.hero h2{font-family:'Amiri',serif;font-size:40px;margin:9px 0 0;color:#fff4cf;font-weight:700;line-height:1.5}.hero p{font-size:11px;color:#bcd3c7;margin:0}.hero-metrics{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:13px}.hero-metrics strong{font-size:16px;display:block;color:#f0d7a5}.hero-metrics small{display:block;font-size:9px;color:#baccc2}.hero-metrics i{height:24px;width:1px;background:#ffffff27}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 4px 15px}.toolbar-right,.toolbar-left{display:flex;align-items:center;gap:9px}.toolbar label{font-size:11px;color:var(--muted)}select{background:#17342b;border:1px solid #365246;color:white;border-radius:10px;padding:9px;font-size:11px;min-width:0}#textsize{width:90px;accent-color:var(--gold)}.sm-btn{border:1px solid #355044;background:#112a23;color:#e5efe7;border-radius:8px;padding:8px;font-size:11px}.notice{color:#d7b87e;font-size:12px;border-radius:10px;background:#463c222e;border:1px solid #9b7d4636;padding:11px 13px;margin:0 0 10px}.notice:empty{display:none}.reading{min-height:320px;padding:22px 25px 34px;background:rgba(10,29,24,.87);border:1px solid #2b4539;border-radius:17px}.reading-title{text-align:center;color:var(--gold);font-family:'Amiri',serif;font-size:24px;margin-bottom:7px}.basmalah{text-align:center;font-family:'Amiri',serif;font-size:29px;color:#f5dfae;margin:0 0 23px;line-height:2}.verses{direction:rtl;text-align:justify;font-family:'Amiri','Traditional Arabic',serif;font-size:var(--font-size);line-height:2.4;word-spacing:2px}.ayah{display:inline;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .1s;cursor:pointer;padding:3px 1px}.ayah.current{background:#2a5c4399;outline:1px solid #529e7566}.word{display:inline;border-radius:7px;transition:background .07s,color .07s;padding:2px 1px}.word:hover{background:#4d6e4c55}.word.active-word{background:#e3bd74;color:#10281b;box-shadow:0 0 18px #c9af605e}.ayah-num-mark{color:#d9bd83;font-size:.65em;white-space:nowrap;margin:0 3px;letter-spacing:1px;display:inline-block;vertical-align:middle}.verse-selected{outline:1px dashed #cfa856!important}.loading-art{text-align:center;font-size:85px;color:#9d8f60;opacity:.65;padding:22px}.loading-art p{font-size:13px;color:#97aba1;font-family:Cairo}.credits{font-size:10px;color:#78958a;text-align:center;padding:17px 5px 0}.player{border-top:1px solid #355144;background:linear-gradient(105deg,#12352a,#0a211b);min-height:106px;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:11px 20px;flex-shrink:0}.player-info{display:flex;align-items:center;gap:12px;width:26%;min-width:140px}.disc{display:grid;place-items:center;height:48px;width:48px;border-radius:50%;border:2px solid #b6965b;background:repeating-radial-gradient(circle at center,#173d2f 0 6px,#214636 6px 9px);color:#e0c58e;font-size:20px}.playing .disc{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-name{min-width:0}.player-name b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name small{font-size:10px;color:#9bb5a8;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{flex:1;min-width:150px;max-width:600px}.play-controls{display:flex;align-items:center;justify-content:center;gap:19px}.play-btn{height:42px;width:42px;border:0;border-radius:50%;background:#e6bf79;color:#193226;font-size:18px;display:grid;place-items:center;padding:0}.control{color:#c9dfd2;background:transparent;border:0}.tiny{font-size:12px}.progress-row{display:flex;align-items:center;gap:9px;color:#96b1a3;font-size:10px;direction:ltr;margin-top:7px}.progress-row input{flex:1;min-width:0;accent-color:var(--gold);height:4px}.player-tools{display:flex;align-items:center;gap:8px}.player-tools select{width:62px;padding:8px 4px;direction:ltr}.sync-indicator{font-size:10px;color:#c7b37d;white-space:nowrap}.drawer{position:fixed;z-index:7;left:0;top:0;bottom:0;width:380px;max-width:95vw;background:#0d2821;box-shadow:0 0 65px #0009;border-right:1px solid #385849;padding:24px;overflow-y:auto;transform:translateX(-105%);transition:.22s}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer h2{font-size:22px;margin:4px 0}.muted{font-size:12px;color:#b2c7bb;line-height:2}.editor-current{display:flex;flex-direction:column;background:#15372b;padding:16px;border-radius:13px;border:1px solid #345745;margin:15px 0}.editor-current small{font-size:11px;color:#a6c3b0}.editor-current strong{font-size:18px;margin:3px 0}.editor-buttons{display:flex;gap:8px;flex-wrap:wrap}.editor-tip{font-size:11px;padding:11px;border-right:3px solid #c6a66f;background:#8b754526;margin-top:15px;color:#dbc99c;line-height:2}.chapter-times{max-height:250px;overflow-y:auto;margin:15px 0;border:1px solid #2d5140;border-radius:10px}.time-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:right;background:transparent;padding:8px 12px;color:#d5e7da;border:0;border-bottom:1px solid #254537;font-size:11px}.time-row:hover,.time-row.selected{background:#20523c}.time-row b{color:#efd19c;direction:ltr}.drawer-bottom{display:flex;flex-direction:column;gap:9px;margin:16px 0}.overlay{display:none;position:fixed;inset:0;z-index:6;background:#0008}.overlay.on{display:block}.toast{position:fixed;bottom:120px;left:28px;z-index:30;background:#e3c184;color:#14271c;padding:12px 19px;border-radius:12px;font-size:12px;font-weight:800;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
/* Window capture / broadcast view */
body.broadcast{overflow:auto;background:radial-gradient(circle at center,#174838,#071b16 68%)}body.broadcast .sidebar,body.broadcast .topbar,body.broadcast .toolbar,body.broadcast .player,body.broadcast .credits,body.broadcast .notice,body.broadcast .hero-metrics,body.broadcast .hero-pill{display:none!important}body.broadcast .app{padding:0;height:100vh}body.broadcast .main{border:0;border-radius:0;background:transparent}body.broadcast .main-scroll{padding:5vh 5vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}body.broadcast .hero{min-height:auto;border:0;background:none;flex:0 0 auto}body.broadcast .hero h2{font-size:clamp(29px,5vw,64px)}body.broadcast .hero p{font-size:clamp(10px,1.5vw,18px)}body.broadcast .reading{width:100%;max-width:1000px;min-height:25vh;display:flex;align-items:center;justify-content:center;padding:30px;background:#03170f77;text-align:center;border:1px solid #c7a5654f;box-shadow:0 15px 60px #0004}.broadcast .verses{text-align:center;line-height:2.3;font-size:clamp(26px,4.2vw,64px)}body.broadcast .reading-title,body.broadcast .basmalah{display:none}.broadcast .ayah:not(.current){display:none}.broadcast .ayah-num-mark{display:none}body.broadcast .broadcast-tools{display:flex}.broadcast-tools{display:none;position:fixed;left:12px;top:12px;z-index:9;gap:8px}.broadcast-tools button{opacity:.3}.broadcast-tools:hover button{opacity:1}
@media(max-width:1050px){.sidebar{width:235px}.topbar{padding:0 18px}.player-tools .sync-indicator{display:none}.player{gap:8px}.main-scroll{padding:18px}.toolbar{gap:8px}}
@media(max-width:730px){.app{padding:0;gap:0}.main{border:0;border-radius:0}.menu-btn{display:grid}.sidebar{position:fixed;right:0;top:0;bottom:0;z-index:11;transform:translateX(105%);transition:.2s;width:82vw;max-width:290px;border-radius:0}.sidebar.mobile-open{transform:none}.topbar{height:81px;padding:0 12px}.topbar h1{font-size:15px}.topbar .eyebrow{font-size:9px}.top-actions .btn{padding:8px}.top-actions .btn span{display:none}.main-scroll{padding:13px 11px 18px}.hero{min-height:173px}.hero h2{font-size:31px}.hero-metrics{gap:17px}.toolbar{padding:14px 1px}.toolbar label{font-size:10px}.toolbar-left{flex-wrap:wrap}.reading{padding:15px 12px}.basmalah{font-size:24px}.verses{line-height:2.45}.player{display:grid;grid-template-columns:1fr auto;gap:2px;min-height:133px;padding:8px 11px}.player-info{width:auto}.player-center{grid-column:1 / -1;grid-row:2}.player-tools{grid-row:1;grid-column:2}.player-tools .icon-btn{width:32px;height:32px}.player-tools select{display:none}.player .disc{width:37px;height:37px}.play-controls{position:absolute;bottom:28px;left:17px;gap:5px}.progress-row{margin-top:0;padding-left:123px}.progress-row span{font-size:9px}.play-btn{height:42px;width:42px}.player-name b{font-size:12px}.drawer{width:min(100%,390px)}}

/* v2.1 — high-contrast verse glow and on-air sync indicators */
.ayah.current{background:linear-gradient(90deg,rgba(80,120,82,.2),rgba(235,193,103,.18),rgba(80,120,82,.2));outline:1px solid rgba(229,188,108,.42);box-shadow:0 0 9px rgba(223,174,78,.22),0 0 22px rgba(223,174,78,.12);text-shadow:0 0 13px rgba(233,193,114,.48);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.word.active-word{background:#e7c77f;color:#0b2419;text-shadow:none;box-shadow:0 0 0 2px rgba(243,207,136,.5),0 0 24px rgba(244,197,100,.68);border-radius:8px}
#autoNextBtn.enabled{color:#eac885;border-color:#b18d55;background:#3a4930;box-shadow:0 0 0 1px #aa8b4c66}
#syncOffset{width:78px;color:#f4e5c8;border:1px solid #456457;background:#132f26;border-radius:9px;padding:6px 7px;font-size:12px;direction:ltr;text-align:center}
.sync-explain{font-size:11px;line-height:1.9;border-right:2px solid #bd995b;background:#2133284a}
body.broadcast .sync-explain{display:none}
.broadcast-empty{display:none;text-align:center;color:#e9c887;font-size:clamp(16px,2.3vw,27px);line-height:1.8;max-width:800px;padding:30px}
body.broadcast .broadcast-empty{display:block}
body.broadcast .reading .verses{width:100%;text-align:center}
body.broadcast .reading{box-shadow:0 20px 75px #030f08ad, inset 0 0 55px #bb9c3e0a;overflow-y:auto}
body.broadcast .ayah.current{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#fff6db;background:rgba(213,176,93,.075);outline:none;border:0;box-shadow:0 0 25px rgba(223,181,95,.07);text-shadow:0 2px 8px #000b,0 0 23px rgba(250,220,155,.55),0 0 52px rgba(239,189,95,.25);line-height:2.05}
body.broadcast .word.active-word{background:#f0d18d;color:#173327;box-shadow:0 0 0 4px #f5d59e3b,0 0 40px #e5ba6091;text-shadow:none}
body.broadcast .verse-arrive{animation:verse-arrive 0.33s ease-out}
@keyframes verse-arrive{from{opacity:.25;filter:blur(5px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(max-width:1050px){.toolbar-left{flex-wrap:wrap}}

/* v3: glow for opening formulas and focus in on-air mode */
.basmalah.current-preface{color:#fff0c0;text-shadow:0 0 15px #d9b26b99,0 0 29px #d5a45488;transition:text-shadow .18s}
body.broadcast .broadcast-empty.active-preface{display:block!important;font-family:'Amiri','Traditional Arabic',serif;font-size:clamp(29px,5vw,60px);font-weight:700;color:#fff3ca;text-shadow:0 2px 12px #000,0 0 22px #edc88999,0 0 48px #dbac5580;line-height:2.1;animation:glow-breath 4s ease-in-out infinite}
body.broadcast .ayah.current{background:rgba(233,192,93,.12);box-shadow:0 0 22px rgba(240,198,111,.16),0 0 52px rgba(240,198,111,.11);outline:1px solid #d9b36f55;text-shadow:0 0 12px #e3b96d99,0 0 33px #f4dfac8a;}
@keyframes glow-breath{50%{text-shadow:0 2px 12px #000,0 0 26px #eccb93cc,0 0 66px #dcb56699}}

/* ================= NOOR QURAN V4 ================= */
:root{--glow-factor:1}
body[data-theme="navy"]{--bg:#071324;--card:#0b2030;--card2:#142b41;--stroke:#2d4358;--green:#53a5b2}
body[data-theme="dark"]{--bg:#050507;--card:#111115;--card2:#191918;--stroke:#403b2c;--green:#c4a35b}
body.modal-open{overflow:hidden}
.modal-cover[hidden],.whatsapp-float[hidden],.admin-form[hidden]{display:none!important}
.modal-cover{position:fixed;inset:0;z-index:90;background:#010c0bde;backdrop-filter:blur(13px);display:flex;justify-content:center;align-items:center;padding:18px;overflow-y:auto}
.modal-card{background:linear-gradient(145deg,#12362d,#071c18);border:1px solid #ac915a88;border-radius:24px;box-shadow:0 30px 90px #0009,inset 0 1px 0 #c5ab6b20;padding:30px;position:relative;color:#f5f0df;width:min(100%,760px);max-height:95vh;overflow:auto;display:flex;flex-direction:column;gap:14px}
.modal-card h2{font-size:clamp(22px,3vw,31px);color:#e8c788;margin:2px 0}.modal-card .muted{line-height:1.9;color:#b9cdc3;font-size:13px;margin:0}.modal-x{position:absolute;left:16px;top:14px;color:#e1c786;background:#ffffff18;border:1px solid #af946a75;border-radius:50%;width:34px;height:34px;font-size:15px}.mode-picks{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:10px 0 12px}.mode-pick{background:#0b211c;border:1px solid #846d4659;padding:18px;border-radius:19px;color:#f4eccb;display:flex;flex-direction:column;align-items:center;gap:12px;transition:.2s}.mode-pick:hover{background:#133e30;border-color:#e3bf81;transform:translateY(-2px)}.mode-pick strong{font-size:16px}.mode-pick small{color:#9dbdb0;font-size:12px}.preview-land,.preview-vert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid #ceaf73;border-radius:11px;background:radial-gradient(circle,#265341,#071d18);color:#f5da9b;text-shadow:0 0 15px #edbc6c9a;box-shadow:inset 0 0 20px #d7af4755}.preview-land{height:119px;width:200px}.preview-vert{width:80px;height:139px}.preview-land b,.preview-vert b{font-size:23px}.preview-land i,.preview-vert i{font-family:'Amiri',serif;font-size:12px;font-style:normal}.preview-vert i{font-size:12px}
.settings-card{max-width:550px}.admin-state{color:#e4cb92;background:#ffffff12;border:1px solid #e8c57b4b;padding:10px 15px;border-radius:13px;font-size:13px;margin:0}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#eae4cf}.admin-form label input:not([type=checkbox]):not([type=range]),.admin-form label select{width:100%;background:#021611;color:#fff;border:1px solid #977b5270;border-radius:10px;padding:11px;min-height:43px;direction:inherit}.admin-form .inline-check{flex-direction:row;align-items:center;gap:9px}.admin-form input[type=checkbox]{width:18px;height:18px;accent-color:#d8b16f}.admin-form input[type=range]{accent-color:#d6b976;cursor:pointer}.admin-form .btn{justify-content:center}.settings-card .btn{min-height:43px}
.whatsapp-float{position:fixed;bottom:152px;left:20px;z-index:28;display:flex;align-items:center;gap:9px;padding:9px 16px 9px 11px;background:#0e7349;border:1px solid #73dbac87;box-shadow:0 7px 30px #0008,0 0 22px #17885433;border-radius:999px;color:white;text-decoration:none;font-family:'Cairo',sans-serif;font-size:12px;font-weight:800;max-width:260px}.whatsapp-float:hover{filter:brightness(1.15);transform:translateY(-1px)}.wa-icon{font-family:sans-serif;font-size:21px;border-radius:50%;background:#fff;color:#087f4b;height:32px;width:32px;display:grid;place-items:center}.wa-caption{display:flex;flex-direction:column;line-height:1.3}.wa-caption small{font-size:10px;opacity:.85;text-align:right;unicode-bidi:plaintext}
body.broadcast{background:#041710}
body.broadcast .app{z-index:2}
body.broadcast::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(60deg,transparent 0 32px,#ecd09c07 32px 33px,transparent 34px 70px),radial-gradient(circle at 45% 18%,#b7973c27,transparent 34%);z-index:0}
body.broadcast .ayah.current{color:#fff1c6!important;text-shadow:0 1px 2px #000,0 0 calc(6px * var(--glow-factor)) #f3d999,0 0 calc(23px * var(--glow-factor)) #d9a64c,0 0 calc(52px * var(--glow-factor)) #dfa84266!important;transition:color .15s}
body.broadcast .word.active-word{box-shadow:0 0 calc(20px * var(--glow-factor)) #f5c469c2,0 0 calc(35px * var(--glow-factor)) #b98f55b3;color:#08201b!important}
body.broadcast .whatsapp-float{bottom:22px;left:50%;transform:translateX(-50%);z-index:12;background:#0d654cdd;box-shadow:0 0 17px #000a}
body.broadcast .broadcast-tools{z-index:34;top:14px;left:16px;gap:5px;padding:4px;background:#05171394;border:1px solid #9f835566;border-radius:10px;backdrop-filter:blur(8px)}
.broadcast-tools button{opacity:.4;color:#ffedc4;font:600 11px 'Cairo',sans-serif;background:#17372b;padding:6px 9px;border:0;border-radius:7px;min-width:28px}
.broadcast-tools button:hover,.broadcast-tools button.selected{opacity:1;color:#10261a;background:#e8cd91}
body.broadcast .hero .hero-deco{opacity:.12}
body.broadcast .hero{padding:5px 0 0}
body.broadcast .hero h2{color:#f4d694;text-shadow:0 0 21px #d6aa7855}
/* Mini-mushaf — the entire page is visible, active verse scrolls into view. */
body.broadcast.mode-mini .main-scroll{width:100%;max-width:1250px;margin:auto;overflow:hidden;padding:6vh 7vw 10vh;gap:15px}
body.broadcast.mode-mini .reading{display:flex!important;flex-direction:column!important;align-items:stretch;justify-content:flex-start;width:min(100%,710px);max-width:710px;height:min(60vh,565px);min-height:350px;overflow-y:auto;padding:26px 34px;background:linear-gradient(155deg,#193c2e,#0d271f 60%,#071b16);border:3px double #c6a367;box-shadow:0 30px 65px #0008,inset 0 0 0 6px #163424,inset 0 0 0 8px #97774755,inset 0 0 30px #ccac5424;border-radius:22px;scrollbar-width:thin;scrollbar-color:#a38950 #10382c}
body.broadcast.mode-mini .reading-title,body.broadcast.mode-mini .basmalah{display:block!important;text-align:center;flex:0 0 auto}
body.broadcast.mode-mini .reading-title{margin-bottom:10px;font-family:'Amiri',serif;font-size:27px}
body.broadcast.mode-mini .basmalah{font-size:27px}
body.broadcast.mode-mini .reading .verses{display:block;width:100%;text-align:justify!important;direction:rtl;font-size:clamp(26px,2.65vw,40px)!important;line-height:2.1!important;overflow:visible}
body.broadcast.mode-mini .reading .ayah{display:inline!important;color:#fbebc9;line-height:2.1;padding:1px 2px}
body.broadcast.mode-mini .reading .ayah:not(.current){opacity:.88}
body.broadcast.mode-mini .reading .ayah-num-mark{display:inline!important;color:#c7a968;font-size:.55em}
body.broadcast.mode-mini .broadcast-empty{position:sticky;bottom:0;z-index:4;padding:5px;background:#122e27e8;font-size:14px}
body.broadcast.mode-mini .broadcast-empty:empty{display:none!important}
/* TikTok 9:16 portrait: single active verse with decorative framing. */
body.broadcast.mode-vertical .app{height:100vh;width:min(100vw,56.25vh);max-width:100vw;margin:0 auto;position:relative;background:radial-gradient(circle at 50% 36%,#224d3e,#071a17 78%);box-shadow:0 0 140px #000b;border-right:2px solid #a88c5744;border-left:2px solid #a88c5744}
body.broadcast.mode-vertical .main-scroll{height:100%;width:100%;overflow:hidden;padding:11vh 6.5% 12vh;gap:7vh;justify-content:center}
body.broadcast.mode-vertical .main-scroll:before{content:"۞";position:absolute;top:2.2%;left:50%;transform:translateX(-50%);font:400 clamp(34px,6vh,80px) 'Amiri',serif;color:#daba7970;text-shadow:0 0 20px #e8c57c66}
body.broadcast.mode-vertical .main-scroll:after{content:"۞ ۞ ۞";position:absolute;bottom:5.2%;left:50%;transform:translateX(-50%);font:400 clamp(16px,3vh,33px) 'Amiri',serif;letter-spacing:20px;white-space:nowrap;color:#d7b76a88}
body.broadcast.mode-vertical .hero{background:transparent!important;flex:0 0 auto;min-height:0;text-align:center;margin:0}
body.broadcast.mode-vertical .hero h2{font-size:clamp(26px,4.25vh,52px)!important;line-height:1.6}
body.broadcast.mode-vertical .hero p{font-size:clamp(10px,1.5vh,18px)!important}
body.broadcast.mode-vertical .reading{background:linear-gradient(150deg,#0a2b23d9,#061c17d9)!important;border:2px solid #d0ac6688;box-shadow:inset 0 0 0 5px #102f26,inset 0 0 0 7px #aa8c5a52,0 15px 50px #0008!important;padding:9% 7%;width:100%;max-height:53vh;min-height:40vh;display:flex;align-items:center;justify-content:center;border-radius:22px;overflow:auto;flex:0 0 auto}
body.broadcast.mode-vertical .reading .verses{width:100%;font-size:clamp(26px,3.9vh,56px)!important;line-height:2.2!important;text-align:center}
body.broadcast.mode-vertical .reading .ayah:not(.current){display:none!important}
body.broadcast.mode-vertical .reading .ayah.current{display:inline!important}
body.broadcast.mode-vertical .broadcast-empty{max-width:100%;font-size:clamp(17px,2.5vh,36px)}
body.broadcast.mode-vertical .whatsapp-float{bottom:4.6%;font-size:clamp(11px,1.2vh,15px)}
body.broadcast.mode-vertical .wa-icon{height:30px;width:30px}
@media(max-width:650px){.modal-card{padding:24px 18px}.mode-picks{gap:8px}.mode-pick{padding:12px 7px}.preview-land{width:135px;height:96px}.preview-vert{width:63px;height:103px}.mode-pick strong{font-size:12px}.mode-pick small{font-size:10px}.whatsapp-float{left:8px;bottom:160px;padding:8px 9px}.wa-caption{display:none}body.broadcast .wa-caption{display:flex}.modal-card h2{font-size:22px}}

/* v4: owner login, settings and two selectable live modes */
[hidden]{display:none!important}
.whatsapp-float{position:fixed;z-index:5;right:24px;bottom:128px;display:flex;gap:10px;align-items:center;background:linear-gradient(120deg,#176c43,#168958);border:1px solid #55ba78;border-radius:100px;color:#fff;text-decoration:none;padding:10px 15px;box-shadow:0 12px 24px #0006;font-size:12px;font-weight:800;transition:transform .16s}
.whatsapp-float:hover{transform:translateY(-3px)}.wa-icon{font-size:25px;line-height:1}.wa-caption{display:flex;flex-direction:column}.wa-caption small{font-size:10px;font-weight:600}
.modal-cover{position:fixed;inset:0;z-index:24;background:rgba(0,8,6,.85);display:grid;place-items:center;padding:18px;overflow-y:auto;backdrop-filter:blur(8px)}
.modal-card{position:relative;background:linear-gradient(145deg,#14392f,#0a201c);border:1px solid #71875d80;border-radius:22px;box-shadow:0 24px 80px #0009;padding:27px;max-width:700px;width:min(100%,700px);text-align:right;color:#f2f4e8}
.modal-card h2{font-size:23px;margin:5px 0 9px;color:#f3d89d}.modal-x{position:absolute;left:15px;top:15px;background:#1c4033;color:#e4e5d7;border:1px solid #55785d;border-radius:10px;width:34px;height:34px;font-size:15px}
.mode-picks{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.mode-pick{background:#092820;border:1px solid #4a6959;border-radius:18px;color:#fff;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:292px;transition:.16s}
.mode-pick:hover,.mode-pick.selected{background:#174132;border-color:#e0bb75;box-shadow:0 0 0 1px #e6bf7966}.mode-pick strong{font-size:15px}.mode-pick small{font-size:10px;color:#b1c8b9}.preview-land,.preview-vert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;background:radial-gradient(circle at 50% 20%,#346c53,#061d17 80%);border:2px solid #967953;border-radius:13px;width:100%;max-width:275px;height:158px;font-family:'Amiri',serif;box-shadow:inset 0 0 24px #ddc38a26}
.preview-land b,.preview-vert b{font-size:23px;color:#eccb8a}.preview-land i,.preview-vert i{font-style:normal;font-size:18px;line-height:1.2}.preview-vert{width:95px;height:185px;gap:14px}.preview-vert i{font-size:15px}
.settings-card{max-width:510px;max-height:min(92vh,850px);overflow-y:auto}.admin-state{font-size:12px;color:#dfc182}.admin-state[data-error=true]{color:#f7a3a3}.admin-form{display:flex;flex-direction:column;gap:12px;margin:15px 0}.admin-form label{font-size:12px;color:#d4e8d6;display:flex;flex-direction:column;gap:5px}.admin-form input:not([type=checkbox]):not([type=range]),.admin-form select{width:100%;padding:12px;border-radius:10px;background:#07231c;color:#fff;border:1px solid #486a55;font-size:13px}.admin-form .inline-check{flex-direction:row;align-items:center;gap:8px}.admin-form .inline-check input{accent-color:#dcb770}.admin-form input[type=range]{accent-color:#deb877}.admin-form .btn{width:100%}
body.theme-navy{--bg:#080f24;--card:#101b35;--card2:#142542;--stroke:#3b4e65;--green:#68a6d3}body.theme-navy .app{filter:hue-rotate(24deg)}body.theme-dark{--bg:#030705;--card:#111310;--card2:#171c16;--stroke:#4a4939;--green:#c5a466}body.theme-dark .app{filter:saturate(.70)}
.ayah.current{box-shadow:0 0 calc(12px * var(--glow-strength,1)) #cba25d7a,0 0 calc(24px * var(--glow-strength,1)) #dab76d44}
body.broadcast .whatsapp-float{display:none!important}
body.broadcast .broadcast-contact{position:fixed;z-index:12;left:50%;transform:translateX(-50%);bottom:3%;width:max-content;max-width:92%;font-size:clamp(10px,1.5vw,19px);background:rgba(5,32,24,.83);padding:8px 20px;border:1px solid #bd9c55;border-radius:100px;color:#f3e3ae;direction:rtl;white-space:nowrap;text-align:center}
/* Small mushaf: several ayat, like a small printed page, with the currently recited verse illuminated. */
body.broadcast.mode-mini .main-scroll{padding:3vh 4vw;justify-content:center}
body.broadcast.mode-mini .hero h2{font-size:clamp(25px,3.4vw,45px)}
body.broadcast.mode-mini .reading{width:min(88vw,1080px);height:70vh;max-height:800px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-start;padding:16px 24px 22px;background:#0e2820eb;border:4px double #a38b5e;border-radius:7px;box-shadow:0 0 0 7px #8a713b2e,inset 0 0 50px #d5b26c10}
body.broadcast.mode-mini .reading-title{display:block;font-size:clamp(16px,2vw,23px);margin:0}
body.broadcast.mode-mini .basmalah{display:block;font-size:clamp(17px,2vw,29px);margin:0}
body.broadcast.mode-mini .verses{font-size:clamp(21px,2.6vw,36px);text-align:justify;line-height:2.5;overflow-y:auto;scrollbar-width:none;flex:1;padding:8px}
body.broadcast.mode-mini .ayah:not(.current){display:inline;opacity:.83}
body.broadcast.mode-mini .ayah-num-mark{display:inline-block;font-size:.62em}
body.broadcast.mode-mini .broadcast-empty{display:block;font-size:17px;padding:9px}
body.broadcast.mode-mini .reading .verses:has(.current) ~ .broadcast-empty{display:none}
/* Vertical TikTok view: 9:16, one large recited ayah on a mobile-friendly canvas */
body.broadcast.mode-vertical .app{height:100dvh;max-height:100dvh}
body.broadcast.mode-vertical .main-scroll{width:min(100%,56.25vh);max-width:100%;margin:auto;padding:5% 5% 9%;min-height:100dvh;background:radial-gradient(circle at 50% 15%,#285842,#06160f 68%);border-left:1px solid #7d6b3d55;border-right:1px solid #7d6b3d55}
body.broadcast.mode-vertical .hero{width:100%}
body.broadcast.mode-vertical .hero h2{font-size:clamp(29px,6vh,49px);line-height:1.4;margin:12px 0}
body.broadcast.mode-vertical .hero p{font-size:clamp(10px,1.7vh,16px)}
body.broadcast.mode-vertical .reading{min-height:40vh;height:auto;max-height:58vh;width:100%;padding:25px 15px;border:3px double #c3a76e;border-radius:18px;background:#0d2c23cc;box-shadow:0 0 44px #080b0788,inset 0 0 35px #e7c56b15}
body.broadcast.mode-vertical .verses{font-size:clamp(28px,4.8vh,55px);line-height:2.15}
body.broadcast.mode-vertical .broadcast-empty{font-size:clamp(23px,4vh,44px);padding:7px;line-height:2.1}
body.broadcast.mode-vertical .reading-title,body.broadcast.mode-vertical .basmalah{display:none}
body.broadcast.mode-vertical .ayah:not(.current){display:none}
body.broadcast.mode-vertical .ayah-num-mark{display:none}
body.broadcast.mode-vertical .word.active-word{background:#f2d6a0;color:#173327}
body.broadcast.mode-vertical .broadcast-contact{bottom:7%;font-size:clamp(12px,1.6vh,18px)}
@media(max-width:600px){.whatsapp-float{right:12px;bottom:138px;padding:9px 12px}.wa-caption{font-size:10px}.mode-picks{gap:8px}.mode-pick{padding:8px;min-height:246px}.preview-land,.preview-vert{height:134px}.preview-vert{height:160px;width:77px}.mode-pick strong{font-size:11px}.mode-pick small{font-size:9px}.modal-card{padding:20px 14px}.modal-card h2{font-size:18px}}

/* Draft timing must remain visibly and explicitly unverified. */
#estimatedToggle{border:1px solid #e9c47b;background:#2b2620;color:#f5ddb0;font-weight:700}
#estimatedToggle.estimated-on{background:#dba44a;color:#1e221f}
.estimate-warning{background:#4d3816;border:1px solid #dba44a;color:#fff1ce;font-weight:600}
.broadcast-estimate{position:fixed;z-index:1000;left:3%;right:3%;bottom:4%;text-align:center;background:rgba(80,41,8,.92);color:#fff2cb;font:700 17px/1.6 system-ui,Arial;padding:10px;border:2px solid #edca76;border-radius:12px;pointer-events:none}
.broadcast-estimate[hidden]{display:none!important}