@font-face{font-family:Amiri Quran;src:url(/fonts/AmiriQuran.ttf)format("truetype");font-display:swap}@font-face{font-family:Readex Pro;src:url(/fonts/ReadexPro.ttf)format("truetype");font-weight:160 700;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn.woff2)format("woff2");font-weight:100 900;font-display:swap}:lang(fa),:lang(ps){--font-ui:"Vazirmatn", "Readex Pro", system-ui, sans-serif;font-family:var(--font-ui)}@font-face{font-family:Noto Nastaliq Urdu;src:url(/fonts/NotoNastaliqUrdu.woff2)format("woff2");font-weight:400 700;font-display:swap}:lang(ur){--font-ui:"Noto Nastaliq Urdu", "Readex Pro", system-ui, sans-serif;font-family:var(--font-ui)}:root{--bg:#f7f3ec;--surface:#eae3d7;--primary:#0e5e6f;--accent:#e07a3f;--error:#b42318;--ink:#0b2f37;--on-dark:#f7f3ec;--line:#0b2f3722;--muted:#0b2f37b3;--dark:#08343d;--live:#d7263d;--text-scale:1;--font-ui:"Readex Pro", system-ui, sans-serif}*{box-sizing:border-box}body{font:400 16px/1.55 var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}.page{flex-direction:column;min-height:100dvh;display:flex}.navbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffe;position:sticky;top:0}.nav-inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand links end";align-items:center;gap:20px;max-width:1120px;height:64px;margin:0 auto;padding:0 clamp(16px,3vw,32px);display:grid}.brand{grid-area:brand;justify-self:start;display:flex}.logo{width:auto;height:26px}.nav-links{grid-area:links;justify-content:center;align-self:stretch;gap:4px;display:flex}.nav-links a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-links a:hover{color:var(--ink)}.nav-links a[aria-current=page]{color:var(--primary);border-bottom-color:var(--primary)}.nav-end{grid-area:end;justify-self:end;align-items:center;gap:10px;display:flex}.sign-out .icon,.brand .mark{display:none}[dir=ltr] .sign-out .icon{transform:scaleX(-1)}@media (width<=640px){.nav-inner{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand.lang out""links links links links";gap:0 8px;height:auto;padding-top:10px}.nav-end{display:contents}.lang-switch{grid-area:lang}.sign-out{grid-area:out}.nav-inner:has(.nav-links){grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"brand.pill lang out""links links links links links"}.nav-inner:has(.nav-links) .logo{display:none}.nav-inner:has(.nav-links) .mark{height:30px;display:block}.nav-inner:has(.nav-links) .credit-pill{grid-area:pill;align-self:center}.brand{grid-area:brand}.logo{height:24px}.nav-links{grid-area:links;justify-content:flex-start;height:44px;margin-top:6px;overflow-x:auto}.nav-inner:not(:has(.nav-links)){padding-bottom:10px}.sign-out{width:38px;padding:0!important}.sign-out .label{display:none}.sign-out .icon{display:block}.lang-switch{padding-inline:12px 30px}}main{flex:1;place-items:start center;padding:clamp(24px,6vh,56px) 16px 48px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1fr);gap:20px;width:min(440px,100%);padding:32px;display:grid}.card.wide{width:min(880px,100%)}.card h1{margin:0;font-size:26px;font-weight:600;line-height:1.2}.muted{color:var(--muted);margin:0}.small{font-size:14px}label{gap:6px;font-size:14px;font-weight:500;display:grid}input{border:1px solid var(--line);height:48px;font:400 16px var(--font-ui);color:var(--ink);background:#fff;border-radius:12px;padding:0 14px}input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}input.code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.btn{white-space:nowrap;background:var(--primary);height:48px;color:var(--on-dark);font:500 16px/1 var(--font-ui);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;transition:background .2s;display:inline-flex}.btn:hover{background:#0b4e5d}.btn:disabled{opacity:.6;cursor:wait}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--ink)}.btn.sm{height:38px;padding:0 16px;font-size:14px}.link{color:var(--primary);font:500 14px var(--font-ui);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.link:disabled{opacity:.6}.alert{color:var(--error);background:#b4231812;border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.check input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:2px 0 0}.check a{color:var(--primary)}.app-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-top:auto;padding:32px 20px 28px;font-size:14px;display:flex}.app-footer a{color:var(--muted)}.app-footer .link{color:var(--muted);font-size:14px}.notice{color:var(--primary);margin:0;font-size:14px}.notice:empty{margin-top:-20px}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);background:var(--bg);border-radius:16px;padding:48px 24px}.spinner{border:3px solid var(--surface);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}select{border:1px solid var(--line);height:48px;font:400 16px var(--font-ui);color:var(--ink);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%230B2F37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:12px;padding-block:0;padding-inline:14px 40px}[dir=rtl] select{background-position:16px}select:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}input,select{width:100%;min-width:0}.stack-sm{gap:8px;display:grid}.field{gap:6px;min-width:0;display:grid}.field>label{font-size:14px;font-weight:500}.field .small{margin-top:2px}@media (width<=480px){.card{padding:24px 20px}}.link.center{justify-self:center}.select{min-width:0;position:relative}.phone-input{grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:8px;display:grid}.phone-input .options{min-width:16rem}.select-box{border:1px solid var(--line);cursor:text;background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding-block:6px;padding-inline:8px 40px;display:flex;position:relative}.select-box.open,.select-box:focus-within{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.select-box input{text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:120px;height:34px;padding:0 6px}.select-box input:focus{outline:0}.chevron{inset-inline-end:16px;border:solid var(--ink);pointer-events:none;border-width:0 1.6px 1.6px 0;width:8px;height:8px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg)}.select-box.open .chevron{margin-top:-2px;transform:rotate(-135deg)}.tag{height:32px;color:var(--primary);background:#0e5e6f14;border-radius:999px;align-items:center;gap:2px;padding-block:0;padding-inline:12px 4px;font-size:14px;font-weight:500;display:inline-flex}.tag button{width:26px;height:26px;color:var(--primary);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:18px;line-height:1}.tag button:hover{background:#0e5e6f1f}.options{z-index:10;border:1px solid var(--line);background:#fff;border-radius:14px;max-height:264px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0b2f3724}.options li{cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:15px;display:flex}.options li.active{background:var(--bg)}.options li.on{color:var(--primary);font-weight:500}.options li.disabled{opacity:.45;cursor:not-allowed}.options .hint{color:var(--muted);font-size:14px;font-weight:400}.options .check{margin-inline-start:auto}.options .no-match{color:var(--muted);cursor:default}.org{background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.org p{margin:2px 0 0}.balance{color:var(--primary);white-space:nowrap;font-weight:600}.lang-switch{border:1px solid var(--line);width:auto;height:38px;font:500 14px var(--font-ui);color:var(--primary);cursor:pointer;background-color:#0000;background-position:right 12px center;border-radius:999px;padding-inline:14px 34px}[dir=rtl] .lang-switch{background-position:12px}.lang-switch:hover{border-color:var(--ink)}.org-side{justify-items:end;gap:4px;display:grid}.org .link.small{font-size:14px}.note{color:var(--muted);background:var(--bg);border-radius:10px;padding:10px 12px}.org-page{gap:20px;width:min(880px,100%);display:grid}.org-page>.card{justify-self:center}.org-page>.card.wide{width:100%}.hero{text-align:center;background:var(--dark);color:var(--on-dark);border-radius:24px;justify-items:center;gap:14px;padding:clamp(36px,7vw,64px) 24px;display:grid}.hero .muted{color:#f7f3ecb3;margin:0}.hero h1{margin:0;font-size:clamp(24px,4vw,32px)}.btn.cta{color:#fff;background:#b5501c;gap:12px;height:64px;padding:0 36px;font-size:20px;font-weight:600;box-shadow:0 10px 30px #e07a3f55}.btn.cta:hover{background:#9e4517}.form-cta,form .btn.cta{width:100%}.rec-dot{background:#fff;border-radius:50%;width:14px;height:14px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ffffff40}@keyframes pulse{50%{box-shadow:0 0 0 8px #ffffff10}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.live-tag{background:var(--live);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;height:28px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.live-tag:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.hero-code{margin:0;font-size:18px}.hero-code strong{letter-spacing:.2em;margin-inline-start:8px;font-size:28px}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.card h2{margin:0;font-size:20px;font-weight:600}a.org{color:inherit;text-decoration:none;transition:box-shadow .15s}a.org:hover{box-shadow:inset 0 0 0 1px var(--primary)}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;height:40px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.segmented label.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);color:var(--primary)}.segmented input,.choice input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;inset:0}.segmented label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.choice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.choices{gap:10px;display:grid}.choice{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;gap:12px;padding:14px 16px;display:flex;position:relative}.choice:before{content:"";border:2px solid var(--line);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:2px}.choice.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.choice.on:before{border:6px solid var(--primary)}.choice>span{gap:2px;display:grid}.listen-switch{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.listen-switch .switch{margin-top:2px;padding:0}.listen-switch>span:last-child{gap:2px;display:grid}.live-screen .timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:18px;font-weight:600}.room-code{background:var(--dark);color:var(--on-dark);text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:20px;display:grid}.room-code strong{letter-spacing:.25em;font-variant-numeric:tabular-nums;padding-inline-start:.25em;font-size:clamp(48px,12vw,72px);line-height:1}.room-code .muted{color:#f7f3ecb3}.btn.danger{background:var(--live);color:#fff}.btn.danger:hover{background:#b81f33}.confirm{background:#d7263d10;border-radius:14px;gap:12px;padding:16px;display:grid}.confirm p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset>legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:500}.label-text{font-size:14px;font-weight:500}.link-box{border:1px solid var(--line);background:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding-block:8px;padding-inline:14px 8px;display:flex}.link-box a{color:var(--primary);overflow-wrap:anywhere;font-weight:500}.card.wide-sm{width:min(560px,100%)}.invited-title{margin:8px 0 -8px;font-size:16px;font-weight:600}.public-head h1,.public-head p{margin:0}.sessions{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sessions li{background:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.packs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pack{border:1px solid var(--line);font:inherit;color:var(--ink);text-align:start;cursor:pointer;background:#fff;border-radius:16px;justify-items:start;gap:4px;padding:18px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.pack:hover{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.pack:disabled{opacity:.6;cursor:wait}.pack .price{font-size:26px;font-weight:700}.price-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.pack .bonus{background:var(--dark);color:var(--on-dark);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.custom{gap:6px;display:grid}.custom>label{font-size:14px;font-weight:500}.custom-row{gap:10px;display:flex}.custom-row .btn{flex-shrink:0}.money{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;align-items:center;height:48px;padding-inline:14px;display:flex}.money:focus-within{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.money span{color:var(--muted)}.money input{border:0;height:46px;padding-inline:6px 0}.money input:focus{outline:0}.custom .small{margin:0}.ok-box{background:#0e5e6f12;border-radius:12px;padding:12px 14px}.plus{color:var(--primary);font-weight:600}.minus{color:var(--ink);font-weight:600}.credit-pill{height:38px;color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums;background:#0e5e6f14;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.credit-pill:hover,.credit-pill[aria-current=page]{background:#0e5e6f24}.credit-pill.low{color:var(--error);background:#d7263d14}.credit-pill .pill-short{display:none}@media (width<=640px){.credit-pill{height:32px;padding:0 10px;font-size:13px}.credit-pill .pill-full{display:none}.credit-pill .pill-short{display:inline}.lang-switch{width:max-content}.nav-links a{padding:0 10px}}a.live-link{color:var(--on-dark);text-decoration:none}a.live-link:hover .btn.cta{background:#9e4517}.sessions li{padding:0}.sessions li>a{color:inherit;border-radius:12px;flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:4px 12px;padding:12px 16px;text-decoration:none;display:flex}.sessions li>a>.small{white-space:nowrap}.sessions li>a:hover{background:#0e5e6f0f}.small-tag{height:22px;padding:0 9px;font-size:11px}.switch{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding-inline-end:14px;font-size:13px;display:inline-flex}.switch input{appearance:none;box-sizing:border-box;cursor:pointer;background:#0b2f3733;border:0;border-radius:999px;flex:none;width:36px;min-width:0;height:20px;margin:0;padding:0;transition:background .15s;position:relative}.switch input:after{content:"";top:2px;background:#fff;border-radius:50%;width:16px;height:16px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:2px}.switch input:checked{background:var(--primary)}.switch input:checked:after{inset-inline-start:18px}.switch input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}main:has(.session-page){grid-template-columns:minmax(0,1fr);place-items:stretch center;padding:0 clamp(12px,3vw,32px)}.session-page{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:min(1200px,100%);min-width:0;height:calc(100dvh - 65px);display:grid}.session-head{align-items:center;gap:10px;min-width:0;padding:12px 0 6px;display:flex}.session-head h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.session-head .org{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1000;min-width:0;overflow:hidden}.session-head>.live-tag,.session-head>.small:first-child{white-space:nowrap;flex-shrink:0}.session-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:8px;display:flex}.session-bar .langs{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;flex:1;min-width:0;padding-inline:0 24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.session-bar .langs::-webkit-scrollbar{display:none}[dir=rtl] .session-bar .langs{-webkit-mask-image:linear-gradient(270deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(270deg,#000 0 calc(100% - 28px),#0000 100%)}.session-bar .pill{scroll-snap-align:start;flex-shrink:0}.langs{gap:8px;display:flex}.pill{background:var(--surface);height:36px;color:var(--ink);font:500 14px var(--font-ui);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:0 16px}.pill:hover{background:#e0d7c8}.pill[aria-pressed=true]{background:var(--primary);color:var(--on-dark)}.pill:focus-visible,.size-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sizes{gap:6px;display:flex}.size-btn{border:1px solid var(--line);width:38px;height:36px;color:var(--ink);font:600 14px var(--font-ui);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;display:inline-grid}.size-btn.big{font-size:18px}.size-btn:disabled{opacity:.4;cursor:default}.listen-btn[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.listen-note{margin:8px 0 0}mark.speaking{color:inherit;box-shadow:0 0 0 3px #cfe6de, 0 3px 0 3px var(--primary);background:#cfe6de;border-radius:6px;transition:background .2s}.session-page:has(>.listen-note){grid-template-rows:auto auto auto minmax(0,1fr)}.session-feed{scroll-behavior:smooth;--text-scale:1;padding:8px 4px 32px;overflow-y:auto}.session-feed .waiting{text-align:center;padding:32px 0}.line{padding:calc(10px * var(--text-scale)) 0;transition:opacity .4s;animation:.4s ease-out rise}.line.old{opacity:.45}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.line{animation:none}.session-feed{scroll-behavior:auto}}.line p{margin:0}.line .ts{font-size:calc(11px * var(--text-scale));letter-spacing:.06em;color:var(--muted);opacity:.8;font-variant-numeric:tabular-nums;margin-bottom:2px;display:block}.line.quran .ts{text-align:start}.line-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.line-top .ts{flex:1}.report-btn{width:28px;height:28px;color:var(--muted);opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin:-6px -6px -6px 0;padding:0;display:grid}.report-btn:hover,.report-btn:focus-visible{opacity:1;background:var(--surface)}.modal.report .report-line{background:var(--surface);color:var(--muted);border-radius:12px;max-height:7.5em;padding:10px 12px;overflow:auto}.modal.report textarea{width:100%;font:inherit;border:1px solid var(--line);resize:vertical;border-radius:12px;padding:12px 14px;font-size:16px}.modal.report textarea:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.line .said{font-size:calc(14px * var(--text-scale));color:var(--muted);line-height:1.7}.line .main{font-size:calc(20px * var(--text-scale));font-weight:500;line-height:1.45}.line .main[dir=auto]:lang(ar){line-height:1.8}.line .main[dir=auto]:lang(ur),.line .said:lang(ur){line-height:2.3}.line.quran{text-align:center;padding-block:calc(18px * var(--text-scale)) calc(10px * var(--text-scale))}.line.quran .q{margin-top:calc(10px * var(--text-scale));font-family:Amiri Quran,Readex Pro,serif;font-size:calc(24px * var(--text-scale));color:var(--primary);text-wrap:balance;line-height:1.95}.line.quran .qt{margin:calc(6px * var(--text-scale)) auto 0;max-width:40em;font-size:calc(17px * var(--text-scale));text-wrap:pretty;line-height:1.5}.line.quran .end{margin-top:calc(12px * var(--text-scale));color:var(--accent);line-height:0}.line.quran .end svg{width:calc(12px * var(--text-scale));height:calc(12px * var(--text-scale))}.line.quran .own{text-align:start;margin-block:calc(4px * var(--text-scale)) calc(14px * var(--text-scale))}.line.quran .end+.own{margin-block:calc(14px * var(--text-scale)) 0}.line .rule{color:var(--muted);white-space:nowrap;font-size:calc(12px * var(--text-scale));letter-spacing:.04em;align-items:center;gap:10px;font-weight:600;display:flex}.line .rule i{background:#0b2f3729;flex:1;height:1px}.code-entry{text-align:center;justify-self:center}.code-entry label{font-size:18px;font-weight:600}@media (width>=1200px){.session-page{width:min(1500px,100%)}.line .main{font-size:calc(30px * var(--text-scale))}.line .said{font-size:calc(19px * var(--text-scale))}.line.quran .q{font-size:calc(38px * var(--text-scale))}.line.quran .qt{font-size:calc(26px * var(--text-scale))}}.bar-end{flex-shrink:0;gap:6px;display:flex}.session-focus{z-index:100;background:var(--bg);display:grid;position:fixed;inset:0}.session-focus .session-feed{border:0;border-radius:0;padding-block:5vh;padding-inline:clamp(20px,6vw,96px)}.focus-controls{top:12px;z-index:1;opacity:.35;gap:6px;transition:opacity .2s;display:flex;position:fixed;inset-inline-end:12px}.focus-controls:hover,.focus-controls:focus-within{opacity:1}.qr-card{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:28px;display:grid}.qr-image{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:16px;width:200px;padding:10px}.qr-image svg{width:100%;height:100%;display:block}.qr-side{justify-items:start;gap:10px;display:grid}.qr-side h2,.qr-side p{margin:0}.qr-link{color:var(--primary);overflow-wrap:anywhere;font-weight:600}@media (width<=560px){.qr-card{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.qr-side{justify-items:center}}::backdrop{background:var(--bg)}:root:fullscreen{background:var(--bg)}.recording{border:1px solid var(--line);background:var(--bg);border-radius:16px;gap:12px;padding:16px;display:grid}.rec-status{color:var(--muted);align-items:center;gap:10px;display:flex}.meter{background:var(--line);border-radius:4px;flex:0 0 72px;height:8px;overflow:hidden}.meter i{background:var(--primary);transform-origin:0;height:100%;transition:transform .1s linear;display:block}[dir=rtl] .meter i{transform-origin:100%}.said-now{overflow-wrap:anywhere;min-height:3.2em;margin:0;font-size:20px;line-height:1.6}.empty .btn{margin-top:12px}.empty p{margin:0}.line.draft .main{color:var(--muted)}.support-strip{background:#e07a3f14;border:1px solid #e07a3f33;border-radius:16px;align-items:center;gap:14px;margin-top:8px;padding:14px 16px;display:flex}.support-icon{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.support-text{flex:1;gap:2px;min-width:0;display:grid}.support-text .small{margin:0}.btn.small-btn{flex-shrink:0;padding:10px 18px;font-size:15px}@media (width<=520px){.support-strip{flex-wrap:wrap}.support-strip .btn{width:100%}}.support{gap:18px;display:grid}.support h1,.support>p{margin:0}.amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.amount{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;gap:2px;padding:14px 16px;display:grid;position:relative}.amount input[type=radio]{opacity:0;pointer-events:none;position:absolute}.amount.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#0e5e6f0a}.amount .price{font-size:22px;font-weight:700}.amount:focus-within{outline:2px solid var(--primary);outline-offset:2px}.custom-amount{grid-template-columns:1fr auto;align-items:center;margin-top:10px}.custom-amount .money{width:130px}.check-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;display:flex;font-weight:400!important}.check-row input{width:18px;height:18px;accent-color:var(--primary);margin-top:4px}.support textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:12px;padding:12px 14px}.support .field>label:not(.check-row){display:block}.support textarea{background:#fff;font-size:16px}.support textarea:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:#0000}.amount{background:#fff}.support-strip .btn.cta{box-shadow:none;padding:10px 20px;font-size:15px}.check-row input{flex-shrink:0;width:18px;height:18px}.supporter-message{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-style:italic;display:block}.support .field .small{margin:0}.sessions li:not(:has(>a)){padding:12px 16px}.amount.invalid{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error);background:#b4231808}.amount.invalid .money{border-color:var(--error)}.field-error{color:var(--error);margin:8px 0 0;font-size:14px}.amount.invalid:focus-within{outline:none}.amount.invalid .money:focus-within{outline-color:var(--error);border-color:#0000}.exports{border-top:1px solid var(--line);grid-column:1/-1;gap:12px;padding-top:20px;display:grid}.exports h3{margin:0;font-size:15px}.exports ul{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.export{border:1px solid var(--line);background:var(--bg);border-radius:16px;align-items:center;gap:14px;min-width:0;padding:12px 14px;display:flex}.export-text{flex:1;gap:2px;min-width:0;display:grid}.export-text .small{margin:0}.export .btn{flex-shrink:0}.thumb{background:linear-gradient(#e07a3f 0 30%,#08343d 30%);border-radius:4px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #08343d33}.thumb.rollup{width:26px;height:62px}.thumb.screen{background:linear-gradient(90deg,#e07a3f 0 45%,#08343d 45%);width:64px;height:36px}.thumb .qr{background-color:#fff;background-image:linear-gradient(90deg,#08343d 2px,#0000 2px),linear-gradient(#08343d 2px,#0000 2px);background-position:0 0;background-repeat:repeat;background-size:4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:2px;position:absolute}.thumb.rollup .qr{width:14px;height:14px;top:13px;left:6px}.thumb.screen .qr{width:18px;height:18px;top:9px;left:22px}.exports{text-align:start;justify-self:stretch}@media (width<=560px){.export{flex-wrap:nowrap}}.money.invalid{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}.money.invalid:focus-within{outline-color:var(--error);box-shadow:none;border-color:#0000}.custom .field-error{margin:0}.text-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:14px;text-decoration:underline}.text-btn:hover{color:var(--ink)}.text-btn:disabled{opacity:.6;cursor:wait}.modal-backdrop{z-index:50;background:#08343d66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;gap:14px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 24px 64px #08343d40}.modal h2,.modal p{margin:0}.setting{border:1px solid var(--line);background:var(--bg);border-radius:16px;gap:6px;padding:16px;display:grid}.setting .small{margin:0}.setting-switch{color:var(--ink);white-space:normal;padding-inline-end:0;font-size:16px}.setting-label{font-weight:600}.switch input:disabled{opacity:.55;cursor:default}.setting-switch{align-items:flex-start}.setting-switch input{margin-top:2px}.demo-banner{color:var(--ink);background:#e07a3f1a;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin:0 0 16px;padding:12px 16px;font-size:14px;display:flex}.demo-banner a{color:#b5501c;white-space:nowrap;font-weight:600;text-decoration:none}.demo-banner a:hover{text-decoration:underline}.session-page:has(>.demo-banner){grid-template-rows:auto auto auto minmax(0,1fr)}.session-page>.demo-banner{margin:10px 0 0;padding:8px 12px;font-size:13px}.details-form{gap:18px;display:grid}.details-form .btn{justify-self:start}.setting-title{margin:6px 0 0;font-size:16px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.grid-2{grid-template-columns:minmax(0,1fr)}}.details-form .row{align-items:center}.details-form .notice:empty{margin:0}.place{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;display:flex}@media (width<=400px){.nav-links{gap:0}.nav-links a{padding:0 9px;font-size:14px}.nav-links a:first-child{padding-inline-start:0}.credit-pill{padding-inline:10px}}.or{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.or:before,.or:after{content:"";background:var(--line,#0b2f3722);flex:1;height:1px}.passkeys{gap:8px;margin:0;padding:0;list-style:none;display:grid}.passkeys li{background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.passkeys li div{gap:2px;min-width:0;display:grid}.month-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.month-bar h1{text-transform:capitalize;margin:0;font-size:24px}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #0b2f3722;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.trash{width:36px;height:36px;color:var(--muted);margin-inline-end:8px}.icon-btn.trash:hover{color:var(--live);border-color:var(--live)}.icon-btn .chev.next,[dir=rtl] .icon-btn .chev{transform:scaleX(-1)}[dir=rtl] .icon-btn .chev.next{transform:none}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.chart-head h2{margin:0;font-size:18px}.legend{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.legend i{background:var(--accent);border-radius:3px;width:10px;height:10px}.chart{grid-template-columns:auto 1fr;gap:10px;margin-top:18px;display:grid}.chart-scale{height:220px;color:var(--muted);text-align:end;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;font-size:12px;display:flex}.chart-bars{background:linear-gradient(#0b2f3714,#0b2f3714) 0 0/100% 1px no-repeat,linear-gradient(#0b2f3714,#0b2f3714) 0 110px/100% 1px no-repeat,linear-gradient(#0b2f3726,#0b2f3726) 0 220px/100% 1px no-repeat;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;height:244px;margin:0;padding:0;list-style:none;display:grid}.chart-bars li{grid-template-rows:220px 24px;align-items:end;min-width:0;display:grid}.chart-bars .bar{background:var(--primary);border-radius:4px 4px 0 0;min-height:0;display:block}.chart-bars .friday .bar{background:var(--accent)}.chart-bars .day{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-bars .friday .day{color:var(--accent);font-weight:600}.table-scroll{overflow-x:auto}.usage-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.usage-table th,.usage-table td{text-align:start;white-space:nowrap;border-bottom:1px solid #0b2f3714;padding:12px 10px}.usage-table thead th{color:var(--muted);font-size:13px;font-weight:600}.usage-table tbody th{font-weight:500}.usage-table tfoot :is(th,td){background:var(--bg);border-bottom:0;font-weight:700}@media (width<=600px){.chart-bars{gap:1px}.chart-bars .day{font-size:9px}.chart-bars li:not(:nth-child(5n+1)) .day{visibility:hidden}.usage-table .wide-only{display:none}.usage-table th,.usage-table td{padding:12px 6px}}@media (width<=340px){.nav-links a{padding:0 7px;font-size:13px}}.mic-hint{text-align:center;margin:0}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.icon-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.icon-btn.primary:hover{filter:brightness(1.1);color:#fff}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-btn:disabled{cursor:progress;opacity:.5}.review-card{gap:14px;display:grid}.review-card h2{margin:0}.review-card p{margin:6px 0 0}.review-star{width:44px;height:44px;color:var(--accent);background:#fdf0e7;border-radius:50%;place-items:center;display:inline-grid}.pay-switch{border:1px solid var(--line);background:#fff;border-radius:999px;justify-self:start;gap:4px;margin:4px 0 18px;padding:4px;display:inline-flex;position:relative}.pay-switch:before{content:"";top:4px;bottom:4px;left:var(--x,4px);width:var(--w,0);background:var(--primary);border-radius:999px;position:absolute}.pay-switch.ready:before{transition:left .3s cubic-bezier(.3,.7,.2,1),width .3s cubic-bezier(.3,.7,.2,1)}.pay-switch label{white-space:nowrap;height:36px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;transition:color .3s;display:inline-flex;position:relative}.pay-switch label.on{color:var(--on-dark)}.pay-switch input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.pay-switch label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.pay-switch .bonus{color:var(--primary);background:#e8f2ef;border-radius:999px;padding:2px 8px;font-size:12px;transition:background .3s,color .3s}.pay-switch label.on .bonus{color:var(--on-dark);background:#ffffff2e}@media (prefers-reduced-motion:reduce){.pay-switch.ready:before,.pay-switch label,.pay-switch .bonus{transition:none}}.speaker-bar{gap:8px;min-width:0;padding:12px 0 8px;display:grid}.speaker-row{align-items:center;gap:10px;min-width:0;display:flex}.speaker-row h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.speaker-row>.live-tag,.speaker-row>.btn{flex-shrink:0}.live-screen .speaker-row .timer{font-size:15px}.speaker-mic{justify-content:space-between;align-items:center;gap:10px;display:flex}.speaker-mic p,.speaker-code{margin:0}.speaker-code strong{letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:18px}.live-screen .session-page,.session-page.live-screen{height:calc(100dvh - var(--head,65px))}.org-sessions li{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.org-sessions li>a{grid-area:1/1/-1/-1;place-content:start stretch;gap:2px;display:grid}.org-sessions li>a>.live-tag{justify-self:start;margin-top:4px}.org-sessions li:has(>.switch)>a>.date-line{align-items:center;min-height:36px;display:flex}.org-sessions li>.switch,.org-sessions li>.icon-btn{z-index:1;grid-row:2;align-self:end;margin-bottom:12px}.org-sessions li>.switch{grid-column:2;height:36px}.org-sessions li>.icon-btn{grid-column:3;margin-inline-end:16px}.speaker-readers{color:var(--muted);margin:0}.sessions li>a>.readers-line{white-space:normal}.readers-locked{color:var(--muted);margin:12px 0 0}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:14px;display:grid}.plan{border:2px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;align-items:stretch;padding:26px 22px 22px;display:flex;position:relative}.plan.popular,.plan.mine{border-color:var(--primary)}.plan p{margin:0}.plan-badge{top:-13px;background:var(--primary);color:var(--on-dark);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;inset-inline-start:22px}.plan h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.plan-purpose{color:var(--muted);font-size:14px;margin-top:2px!important}.plan-price{margin-top:14px!important}.plan-price b{letter-spacing:-.03em;font-size:38px;font-weight:600}.plan-price span{color:var(--muted)}.plan-billed{color:var(--muted);font-size:13px;margin-top:2px!important}.plan-credits{margin-top:6px!important}.plan-save{color:var(--primary);background:#e8f2ef;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:600;margin:12px 0 20px!important}.plan-included{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:600}.plan-features{gap:7px;margin:10px 0 22px;padding:0;font-size:14px;line-height:1.4;list-style:none;display:grid}.plan-features li{padding-inline-start:24px;position:relative}.plan-features li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;inset-inline-start:0}.plan-date{color:var(--primary);margin:-8px 0 12px;font-weight:600}.plan .text-btn{align-self:flex-start;margin-bottom:12px}.plan>.btn{width:100%;margin-top:auto}.celebration{z-index:60}.confetti{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.celebration-card{text-align:center;justify-items:center;padding:32px 28px 26px;animation:.45s cubic-bezier(.2,.9,.3,1.3) pop;position:relative}.celebration-icon{font-size:48px;line-height:1}.celebration-credits{letter-spacing:-.02em;color:var(--primary);font-variant-numeric:tabular-nums;margin:0;font-size:44px;font-weight:700}.celebration-card .btn{width:100%;margin-top:4px}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.celebration-card{animation:none}}.celebration-card .btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
