.edge-atmosphere{pointer-events:none;z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.edge-dots{color:#8c9b7d;opacity:.36;background-image:radial-gradient(circle,currentColor .75px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0009 12%,#0000 34% 66%,#0009 88%,#000);mask-image:linear-gradient(90deg,#000,#0009 12%,#0000 34% 66%,#0009 88%,#000)}.edge-wash{opacity:.65;background:radial-gradient(at 3% 15%,#b8c89c21,#0000 35%),radial-gradient(at 98% 80%,#dbc9ad24,#0000 32%);position:absolute;inset:-5%}.edge-atmosphere[data-variant=stage] .edge-dots{opacity:.52;color:var(--sage,#839a7b);background-size:24px 24px;-webkit-mask-image:radial-gradient(32% 32% at 50% 39%,#0000 15%,#000 95%),linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:radial-gradient(32% 32% at 50% 39%,#0000 15%,#000 95%),linear-gradient(90deg,#0000,#000 10% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.edge-atmosphere[data-variant=stage] .edge-wash{opacity:.35}.edge-wash{animation:14s ease-in-out infinite alternate atmosphere-drift}.edge-atmosphere:not([data-playing=true]) .edge-wash{animation-play-state:paused}@keyframes atmosphere-drift{to{opacity:.38;transform:translate(2%,-2%)scale(1.03)}}@media (width<=600px){.edge-dots{opacity:.28;background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 23% 77%,#000);mask-image:linear-gradient(90deg,#000,#0000 23% 77%,#000)}}.motion-icon{vertical-align:middle;flex-shrink:0;display:inline-block;overflow:visible}.motion-piece{transform-box:fill-box;transform-origin:50%}.motion-icon[data-loop=true] .motion-piece{animation:6.4s cubic-bezier(.65,0,.35,1) infinite both icon-reassemble;animation-delay:calc(var(--piece) * 55ms + var(--icon-phase,0s))}.motion-icon[data-loop=true] .motion-stroke{stroke-dasharray:1;animation:6.4s cubic-bezier(.65,0,.35,1) infinite both icon-draw;animation-delay:calc(var(--piece) * 55ms + var(--icon-phase,0s))}.motion-icon[data-loop=true]:not([data-playing=true]) :is(.motion-piece,.motion-stroke){animation-play-state:paused}@keyframes icon-reassemble{0%,55%,90%,to{transform:none}68%,73%{transform:translate(var(--drift-x), var(--drift-y)) rotate(-5deg)}}@keyframes icon-draw{0%,55%,92%,to{stroke-dashoffset:0;opacity:1}68%{stroke-dashoffset:1px;opacity:1}72%,74%{stroke-dashoffset:1px;opacity:0}76%{stroke-dashoffset:1px;opacity:1}}@media (hover:hover) and (pointer:fine){:is(button,a):hover .motion-icon[data-loop=false] .motion-stroke{stroke-dasharray:1;animation:.55s cubic-bezier(.22,1,.36,1) both icon-hover-draw;animation-delay:calc(var(--piece) * 25ms)}}@keyframes icon-hover-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.auth-story-scene{margin:-28px 0 18px}.auth-page .auth-story{padding-top:5px}.auth-page .auth-story h1{font-weight:550}.auth-page .auth-card{background:#fffcf7e6;border-radius:26px;padding:34px;box-shadow:0 18px 64px #6252310c,inset 0 1px #fff}.auth-page .auth-tabs{border-radius:14px;padding:6px}.auth-page .auth-tabs a{border-radius:10px}.auth-page .auth-card fieldset{border-color:#e0ddce}.auth-page .auth-card input:not([type=checkbox]){background:#fffdf9;border-radius:12px}.auth-page .auth-primary{border-radius:13px;min-height:50px}.early-access-story .early-access-scene{margin:-26px 0 20px}.early-access-page .early-access-card{background:#fffcf7ed;box-shadow:0 18px 64px #6252310c,inset 0 1px #fff}@media (width<=700px){.auth-story-scene,.early-access-story .early-access-scene{display:none}.auth-page .auth-card{border-radius:23px;padding:24px}}.early-access-page{color:#443e34;background:#f9eedc;flex-direction:column;min-height:100svh;display:flex}.early-access-page>header{justify-content:space-between;align-items:center;padding:28px clamp(24px,6vw,100px);display:flex}.early-access-page>header img{width:180px;height:auto;display:block}.early-access-main{box-sizing:border-box;grid-template:"story signup""qr signup"/minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:26px clamp(36px,6vw,88px);width:min(1270px,100%);margin:auto;padding:28px clamp(20px,4vw,52px) 48px;display:grid}.early-access-story{grid-area:story}.early-access-card{grid-area:signup;align-self:center;scroll-margin-top:18px}.launch-jump{color:#435336;text-underline-offset:.25em;align-items:center;gap:8px;margin-top:20px;font-weight:800;display:inline-flex}.early-access-eyebrow{color:#515b3a;letter-spacing:.15em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.early-access-story h1{letter-spacing:-.035em;margin:18px 0;font:650 clamp(54px,6vw,82px)/1.03 Fredoka,sans-serif}.early-access-story>p{font-size:24px;line-height:1.5}.early-access-story .early-access-description{color:#736457;max-width:470px;font-size:18px}.early-access-points{color:#515b3a;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:14px;display:flex}.early-access-points span{align-items:center;gap:8px;display:flex}.early-access-card{background:#fffcf7;border-radius:28px;padding:36px}.early-access-card h2{margin:0 0 12px;font:600 34px Fredoka,sans-serif}.early-access-card p{color:#736457;line-height:1.6}.early-access-card .auth-primary{justify-content:space-between;width:100%}.early-access-note{text-align:center;margin:18px 0 0;font-size:12px}.early-access-privacy{margin:10px 0 14px;font-size:14px}.early-access-privacy a{color:#435336;text-underline-offset:.23em}.early-access-trap{display:none}.early-access-success{text-align:center}.early-access-tick{color:#515b3a;background:#e3e8d3;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 24px;animation:.28s ease-out both early-access-pop;display:grid}.early-access-page>footer{color:#736457;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px;font-size:13px;display:flex}.launch-qr{color:#fff8e9;background:#3c4a33;border-radius:22px;grid-area:qr;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:20px;padding:20px;animation:.55s cubic-bezier(.22,.68,.35,1) .16s both launch-rise;display:grid}.launch-qr-code{aspect-ratio:1;background:#fff;border-radius:12px;display:block;overflow:hidden}.launch-qr-code img{width:100%;height:100%;display:block}.launch-qr h2{margin:0 0 4px;font:600 clamp(20px,2.2vw,27px)/1.12 Fredoka,sans-serif}.launch-qr p{margin:0 0 10px;font-size:14px;line-height:1.45}.launch-qr-actions{flex-wrap:wrap;gap:7px;display:flex}.launch-qr-actions button,.launch-download{min-height:44px;color:inherit;background:0 0;border:1px solid #fff8e98a;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font:750 13px/1.25 Nunito Sans,sans-serif;display:inline-flex}.launch-qr-actions button:hover{background:#fff2}.launch-qr-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.launch-qr-address,.launch-qr-feedback{color:inherit;overflow-wrap:anywhere;margin-top:7px;font-size:12px;display:block}.launch-qr-feedback:empty{display:none}.launch-presentation{color:#302d22;text-align:center;background:#fbf2e2;border:1px solid #ccd1b6;border-radius:24px;width:min(740px,100vw - 24px);max-height:calc(100svh - 24px);padding:0;box-shadow:0 24px 90px #191d18a0}.launch-presentation[open]{animation:.23s ease-out both launch-rise}.launch-presentation::backdrop{background:#161e16e6}.launch-presentation-content{justify-items:center;gap:12px;padding:24px;display:grid;position:relative}.launch-presentation-content>img:first-of-type{width:min(135px,45vw);height:auto}.launch-presentation-content h2{margin:0;font:650 clamp(25px,4vw,44px)/1.15 Fredoka,sans-serif}.launch-presentation-code{border-radius:12px;width:min(420px,72vw,53svh);height:auto}.launch-presentation-content>a{color:#3c4a33;overflow-wrap:anywhere}.launch-presentation-close{min-width:44px;min-height:44px;color:inherit;background:0 0;border:1px solid #cfc4ae;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.launch-download{border-color:#818b70}@keyframes launch-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[dir=rtl] .early-access-story h1{letter-spacing:0;font-family:Tahoma,sans-serif;line-height:1.3}@keyframes early-access-pop{0%{opacity:0;transform:scale(.8)rotate(-12deg)}to{opacity:1;transform:none}}@media (width<=760px){.early-access-main{grid-template:"story""signup""qr"/minmax(0,1fr);gap:28px;padding:24px 20px 40px}.early-access-story h1{font-size:clamp(40px,12vw,52px)}.early-access-story>p{font-size:21px}.early-access-card{padding:26px}.early-access-page>header{padding:20px}.early-access-page>header img{width:150px}}@media (width<=420px){.launch-qr{grid-template-columns:92px minmax(0,1fr);gap:13px;padding:14px}}.obs-link-control{align-items:center;display:flex;position:relative}.obs-link-control .studio-header-action{border-start-end-radius:0;border-end-end-radius:0}.obs-copy-button{border:1px solid var(--sage);width:44px;min-height:44px;color:inherit;background:0 0;border-inline-start:0;border-radius:0 10px 10px 0;place-items:center;display:grid;position:relative}.obs-copy-tooltip{top:calc(100% + 22px);background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:60;border-radius:10px;padding:8px 12px;font-size:12px;transition:opacity .15s;position:absolute;inset-inline-end:0}.obs-copy-button:hover .obs-copy-tooltip,.obs-copy-button:focus-visible .obs-copy-tooltip{opacity:1}.obs-link-error{top:calc(100% + 20px);background:var(--panel);z-index:60;border-radius:12px;width:260px;padding:10px;font-size:12px;position:absolute;inset-inline-end:0}.obs-manual-copy input{width:100%;margin-top:6px;display:block}.obs-receiver-health{top:calc(100% + 4px);white-space:nowrap;color:var(--text);font-size:10px;position:absolute;inset-inline-end:0}.remote-pairing a{overflow-wrap:anywhere}.remote-pairing img{max-width:100%;height:auto;margin:24px 0;display:block}.remote-pairing p{line-height:1.6}.loop-scene{--scene-ink:var(--sage,#839a7b);width:300px;height:240px;color:var(--scene-ink);flex-shrink:0;place-items:center;margin:0 auto;display:grid;position:relative}.loop-scene-orbits{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scene-orbit-line{stroke:currentColor;stroke-width:.8px;opacity:.23}.scene-orbit-inner{stroke-dasharray:2 7;opacity:.27;transform-origin:50%;transform:rotate(27deg)}.scene-orbit{fill:currentColor;transform-origin:150px 120px}.scene-orbit-a{animation:24s linear infinite scene-orbit}.scene-orbit-b{opacity:.65;animation:32s linear infinite reverse scene-orbit}.scene-orbit-b path{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.loop-scene-core{background:color-mix(in srgb, var(--panel,#fffcf7) 80%, transparent);border:1px solid color-mix(in srgb, currentColor 35%, transparent);width:132px;height:132px;box-shadow:0 8px 30px #515b3a08, inset 0 0 0 7px color-mix(in srgb, currentColor 4%, transparent);border-radius:38%;place-items:center;animation:6s ease-in-out infinite scene-core;display:grid}.scene-signal{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;transform-origin:50%;transform-box:fill-box;opacity:.55;animation:2.8s ease-in-out infinite scene-signal}.scene-signal-b{animation-delay:-.9s}.scene-spark{opacity:.35;background:currentColor;border-radius:50%;width:5px;height:5px;animation:4s ease-in-out infinite scene-spark;position:absolute}.scene-spark-a{top:24%;left:22%}.scene-spark-b{width:3px;height:3px;animation-delay:-2s;bottom:19%;right:19%}.loop-scene[data-compact=true]{width:180px;height:144px}.loop-scene[data-compact=true] .loop-scene-core{border-radius:28px;width:82px;height:82px}.loop-scene[data-compact=true] .loop-scene-core>svg{width:54px;height:54px}.loop-scene[data-kind=clock] .motion-piece:nth-child(2){transform-box:view-box;transform-origin:64px 64px;animation:12s linear infinite scene-clock-hand}.loop-scene:not([data-playing=true]) :is(.scene-orbit,.loop-scene-core,.scene-signal,.scene-spark),.loop-scene[data-kind=clock]:not([data-playing=true]) .motion-piece:nth-child(2),.loop-scene[data-paused=true] *{animation-play-state:paused}@keyframes scene-orbit{to{transform:rotate(360deg)}}@keyframes scene-core{50%{transform:translateY(-4px)}}@keyframes scene-signal{50%{opacity:.25;transform:scaleY(.55)}}@keyframes scene-spark{50%{opacity:.12;transform:scale(.6)}}@keyframes scene-clock-hand{to{transform:rotate(360deg)}}@media (width<=600px){.loop-scene{width:240px;height:192px}.loop-scene-core{border-radius:36px;width:112px;height:112px}.loop-scene-core>svg{width:72px;height:72px}}html:has(.studio-tour[open]){overflow:hidden}.studio-tour{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);--tour-ease:cubic-bezier(.22, .68, .35, 1);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.studio-tour::backdrop{background:0 0}.studio-tour-hole{width:var(--tour-width,0px);height:var(--tour-height,0px);transform:translate3d(var(--tour-x,0px), var(--tour-y,0px), 0);transition:transform .24s var(--tour-ease), width .24s var(--tour-ease), height .24s var(--tour-ease);border-radius:16px;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #ecd7aa,0 0 0 200vmax #100e0bca}.studio-tour[open]{animation:.24s ease-out both tour-in}.studio-tour-card{width:min(360px,100% - 24px);max-height:calc(100% - 24px);transform:translate3d(var(--tour-card-x,12px), var(--tour-card-y,12px), 0);border:1px solid var(--border);background:var(--panel);transition:transform .24s var(--tour-ease);border-radius:18px;padding:18px 20px;position:absolute;top:0;left:0;overflow:auto;box-shadow:0 18px 48px #120d0a4d}.studio-tour-top,.studio-tour-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-tour-top{color:var(--muted);font-size:13px;font-weight:800}.studio-tour-top bdi{margin-inline-start:6px}.studio-tour-copy{animation:tour-copy .22s var(--tour-ease) both}.studio-tour-copy h2{margin:8px 0;font:600 27px/1.15 Fredoka,sans-serif}.studio-tour-copy p{margin:0 0 16px;line-height:1.55}.studio-tour button{border:1px solid var(--border);min-height:44px;color:inherit;background:0 0;border-radius:9px;padding:7px 12px;transition:background .15s}.studio-tour button:disabled{opacity:.45}.studio-tour .studio-tour-skip{border-color:#0000}.studio-tour .studio-tour-next{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.studio-tour button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes tour-in{0%{opacity:0}to{opacity:1}}@keyframes tour-copy{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.recitation-studio .recitation-studio-header{min-height:96px;padding-block:14px;box-shadow:0 4px 24px #443e3403}.recitation-studio:has(.studio-live-page) .recitation-studio-header{background:var(--bg);position:sticky;inset-block-start:0}.recitation-studio .recitation-studio-brand{width:clamp(156px,13vw,202px)}.recitation-studio .studio-header-action{min-height:44px;padding:9px 14px;font-size:15px}.recitation-studio .studio-settings-section{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 78%, transparent);border-radius:20px;margin-block:18px;padding:26px;box-shadow:0 4px 22px #443e3403}.recitation-studio .studio-settings-section h2{align-items:center;gap:12px;font-size:25px;display:flex}.recitation-studio .studio-settings-section h2:before{content:"";background:var(--sage);opacity:.65;border-radius:3px;flex-shrink:0;width:5px;height:22px}.recitation-studio .studio-menu-panel{border-radius:23px;padding:14px;box-shadow:0 18px 64px #443e3415}.recitation-studio .studio-menu-link{border-radius:13px;gap:16px;padding:11px 14px}.recitation-studio .studio-menu-link.active{box-shadow:inset 3px 0 0 var(--sage)}[dir=rtl] .recitation-studio .studio-menu-link.active{box-shadow:inset -3px 0 0 var(--sage)}.recitation-studio .studio-tools-trigger{border-color:color-mix(in srgb, var(--sage) 50%, var(--border));padding:12px 20px;box-shadow:0 5px 24px #443e340a}.recitation-studio .studio-tools-panel{padding:22px;box-shadow:0 16px 52px #443e3418}.recitation-studio .studio-tool-shortcuts>button{gap:14px;min-height:50px}.recitation-studio .studio-tool-drawer{border:1px solid var(--border);border-radius:28px 0 0 28px;padding:28px}.recitation-studio .studio-drawer-heading{border-bottom:1px solid var(--border);padding-bottom:17px}.studio-tool-drawer .drawer-scene{margin:4px auto 10px}.studio-tool-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#211d1942}.recitation-studio .studio-field input,.recitation-studio textarea{transition:border-color .16s,box-shadow .16s}.recitation-studio .studio-field input:focus-visible,.recitation-studio textarea:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--sage) 12%, transparent)}.recitation-studio .studio-page-heading>.motion-icon{background:color-mix(in srgb, var(--soft) 55%, transparent);border:1px solid color-mix(in srgb, var(--sage) 35%, transparent);border-radius:28px;width:86px;height:86px;padding:13px}.recitation-studio .studio-recordings-empty{background:color-mix(in srgb, var(--panel) 65%, transparent);border:1px dashed var(--border);border-radius:24px;padding:42px}.replay-library{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 75%, transparent);border-radius:20px;padding:22px}.replay-library li{transition:background-color .16s,border-color .16s}.replay-library li[data-selected=true]{background:var(--soft);border-color:var(--sage)}@media (hover:hover) and (pointer:fine){.recitation-studio .studio-button:hover:not(:disabled){transform:translateY(-2px)}.recitation-studio .studio-button:active:not(:disabled){transform:translateY(0)scale(.98)}.recitation-studio .studio-tool-shortcuts button:hover{background:var(--soft)}}@media (width<=700px){.recitation-studio .studio-header-actions .studio-header-action{white-space:nowrap;gap:7px;padding-inline:8px;font-size:13px}.recitation-studio .studio-header-actions .obs-link-control{flex:1;min-width:0}.recitation-studio .studio-header-actions .obs-link-control>a{flex:1}.recitation-studio .recitation-studio-header{gap:12px;min-height:90px;padding-block:12px}.recitation-studio .recitation-studio-brand{width:156px}.recitation-studio .studio-settings-section{border-radius:17px;padding:22px 18px}.recitation-studio .studio-page-heading>.motion-icon{border-radius:21px;width:64px;height:64px;padding:9px}.recitation-studio .studio-tool-drawer{border-radius:24px 24px 0 0;padding:22px}.studio-tool-drawer .drawer-scene{height:112px;transform:scale(.85)}}.replay-empty-library{text-align:center;color:var(--muted);padding-block:8px 20px}.replay-empty-library>p{max-width:35ch;margin:8px auto 0}.following-line .following-line-text .ayah-end,.ayah-end{vertical-align:.05em;white-space:nowrap;background:0 0;border-radius:0;place-items:center;block-size:.72em;inline-size:.72em;margin-inline-start:.16em;padding:0;display:inline-grid;position:relative}.ayah-end svg{width:100%;height:100%;position:absolute;inset:0}.following-line .following-line-text .ayah-end-number,.ayah-end-number{font-variant-numeric:tabular-nums;letter-spacing:normal;color:inherit;padding:0;font-family:Arial,sans-serif;font-size:.3em;font-weight:600;line-height:1}.ayah-end[data-digits="3"]>.ayah-end-number,.following-line .following-line-text .ayah-end[data-digits="3"]>.ayah-end-number{font-size:.24em}.translation-ayah-end{text-align:center;margin-top:.65em;font-size:48px;line-height:1}.quick-recitation-control{bottom:max(20px, env(safe-area-inset-bottom));z-index:30;position:fixed;left:50%;transform:translate(-50%)}.quick-recitation-control button{color:#fff;background:#515b3a;border:1px solid #ffffff30;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:126px;min-height:50px;padding:12px 20px;transition:background-color .18s,min-width .2s,transform .15s;display:flex;box-shadow:0 5px 18px #352a2318}.quick-recitation-control[data-playing=true] button{background:#a13d32;min-width:166px}.quick-recitation-control button:active{transform:scale(.96)}.quick-recitation-icon{place-items:center;animation:.18s ease-out quick-icon-enter;display:grid}@keyframes quick-icon-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.quick-recitation-control{margin-block-start:12px;position:static;transform:none}.quick-recitation-control button{min-width:116px}.quick-recitation-control[data-playing=true] button{min-width:142px}}.following-line{--line-fade-left:#000;--line-fade-right:#000;direction:ltr;width:100%;min-width:0;margin-inline:auto;position:relative;overflow:hidden}.following-line .following-line-reference{white-space:nowrap;visibility:hidden;pointer-events:none;width:max-content;min-width:0;margin:0;padding:0;position:absolute}.following-line[data-overflow=true]{-webkit-mask-image:linear-gradient(to right, var(--line-fade-left), #000 5%, #000 95%, var(--line-fade-right));mask-image:linear-gradient(to right, var(--line-fade-left), #000 5%, #000 95%, var(--line-fade-right))}.following-line[data-fade-left=true]{--line-fade-left:transparent}.following-line[data-fade-right=true]{--line-fade-right:transparent}.following-line .following-line-text{white-space:nowrap;text-align:center;width:max-content;min-width:100%;margin:0;padding-block:.18em;transition:transform .28s cubic-bezier(.22,.61,.36,1);position:relative}.following-line-text>span{border-radius:.15em}.recognition-options{text-align:start;border-top:1px solid var(--border);width:min(100%,560px);margin:12px auto;padding-block:12px}.recognition-options summary{cursor:pointer;align-content:center;min-height:44px;font-weight:700;display:list-item}.recognition-options p{color:var(--muted);font-size:13px;line-height:1.6}.recognition-options-fields{flex-wrap:wrap;gap:12px;margin-block:12px;display:flex}.recognition-options-fields>*{flex:1;min-width:0}.recognition-options label{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.recognition-options input{width:20px;height:20px;accent-color:var(--accent)}.studio-signal-indicators{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;margin:4px 0 12px;font-size:12px;display:flex}.studio-signal-check{flex-direction:column;gap:5px;width:min(100%,360px);min-width:0;display:flex}.studio-recognition-connection{align-items:center;gap:8px;display:flex}.studio-signal-reading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.studio-input-db{font-variant-numeric:tabular-nums;text-align:end;min-width:80px;color:var(--text)}.studio-signal-track{border-radius:3px;grid-template-columns:repeat(32,minmax(0,1fr));gap:3px;width:100%;height:15px;display:grid;position:relative;overflow:hidden}.studio-signal-track i{background:var(--border);border-radius:2px;height:100%}.studio-signal-track[data-measured=true] i[data-band=quiet],.studio-signal-track[data-measured=true] i[data-band=loud]{background:#b3443830}.studio-signal-track[data-measured=true] i[data-band=good]{background:#4e7b5530}.studio-signal-track[data-measured=true] i[data-band=high]{background:#a3772430}.studio-signal-track[data-measured=true] i[data-filled=true][data-band=quiet],.studio-signal-track[data-measured=true] i[data-filled=true][data-band=loud]{background:#b34438}.studio-signal-track[data-measured=true] i[data-filled=true][data-band=good]{background:#4e7b55}.studio-signal-track[data-measured=true] i[data-filled=true][data-band=high]{background:#a37724}.studio-input-marker{background:var(--text);width:2px;box-shadow:0 0 0 1px var(--bg);transition:inset-inline-start .12s linear;position:absolute;top:0;bottom:0;transform:translate(-50%)}.studio-input-scale{font-variant-numeric:tabular-nums;opacity:.75;justify-content:space-between;font-size:10px;display:flex}.studio-connection-dot{background:#b34438;border-radius:50%;width:7px;height:7px}.studio-recognition-connection[data-tone=green] .studio-connection-dot{background:#4e7b55;box-shadow:0 0 0 3px #4e7b551c}.studio-recognition-connection[data-tone=amber] .studio-connection-dot{background:#a37724}.studio-feature-stage{text-align:center;width:100%;animation:.24s ease-out both studio-enter}.studio-stage-icon{aspect-ratio:1;border:2px solid var(--sage);width:clamp(100px,12vw,168px);color:var(--sage);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.studio-stage-icon svg{width:55%;height:55%}.studio-feature-stage h1{margin:0 0 16px;font-size:clamp(30px,4vw,56px)}.studio-stage-countdown{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:16px 0 32px;font-size:clamp(76px,12vw,180px);line-height:1.1}.studio-stage-announcement{overflow-wrap:anywhere;white-space:pre-wrap;max-width:28ch;margin:20px auto 32px;font-size:clamp(28px,4vw,62px);line-height:1.5}.studio-stage-caption{color:var(--muted);font-size:clamp(22px,2.5vw,32px)}.studio-stage-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.studio-feature-stage[data-kind=timer][data-running=true] .studio-stage-icon svg{animation:12s linear infinite studio-clock-turn}.studio-feature-stage[data-kind=khutbah] .studio-stage-icon svg,.studio-feature-stage[data-kind=announcement] .studio-stage-icon svg{animation:3s ease-in-out infinite studio-stage-breathe}@keyframes studio-clock-turn{to{transform:rotate(360deg)}}@keyframes studio-stage-breathe{50%{transform:translateY(-4px)scale(1.04)}}.translation-language-select{text-align:start;width:min(100%,660px);margin:16px auto}.appearance-dock>.translation-language-select{padding-inline:20px}.studio-live-page{isolation:isolate;position:relative}.studio-live-page>:is(.studio-listening-stage,.listening-controls,.studio-small-status,.studio-error){z-index:1;position:relative}.studio-live-page>.edge-atmosphere{border-radius:48px;inset:-38px -5% 0}.studio-live-page .studio-listening-stage{gap:24px;padding-top:0}.studio-ready .studio-listening-art{margin-block:-24px 10px}.studio-ready h1{text-wrap:balance;font-weight:600}.studio-ready>p{font-weight:500}.studio-live-page .studio-start-button{background:var(--accent);border-color:var(--accent);width:min(100%,292px);min-height:60px;color:var(--accent-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 75%, #000), 0 14px 32px #515b3a13;border-radius:17px;font-size:20px;position:relative;overflow:hidden}.studio-start-button:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff15,#0000 65%);animation:9s ease-in-out infinite start-light;position:absolute;inset:0;transform:translate(-120%)}.studio-live-page[data-started=true] .studio-start-button:after{opacity:0;animation:none}.studio-stage-art{margin:-20px auto 12px}.studio-live-page .listening-controls{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:23px;width:min(100%,680px);padding:20px 24px 0;box-shadow:0 8px 32px #443e3405}.studio-live-page .listening-control-bar .studio-microphone-select{background:var(--panel);border-color:var(--border);border-radius:13px}.studio-live-page .listening-control-bar .studio-sound-test{border-color:var(--border);background:var(--panel);border-radius:13px}.studio-live-page .studio-test-feedback:empty{display:none}.studio-live-page .studio-recognition-connection{background:color-mix(in srgb, var(--soft) 65%, transparent);border-radius:999px;width:fit-content;margin-inline:auto;padding:6px 12px}.studio-live-page .studio-small-status{margin-top:22px;font-size:13px}@keyframes start-light{0%,72%,to{transform:translate(-120%)}92%{transform:translate(120%)}}@media (width<=700px){.studio-ready .studio-listening-art{margin-block:-14px 8px}.studio-live-page .studio-listening-stage{gap:14px;min-height:0;padding-block:12px 24px}.studio-live-page .listening-controls{border-radius:20px;padding:14px 14px 0}.studio-live-page>.edge-atmosphere{inset-inline:-20px}.studio-live-page .studio-start-button{min-height:56px;font-size:18px}}.studio-live-page[data-started=true] .edge-wash{animation-play-state:paused}.studio-appearance-page .appearance-heading{padding-block:5px 12px}.studio-appearance-page .appearance-heading h1{align-items:center;gap:12px;font-weight:600;display:flex}.appearance-heading h1>svg{color:var(--sage)}.studio-appearance-page .appearance-preview .studio-display-stage{border-radius:22px;overflow:hidden;box-shadow:0 12px 36px #443e3408}.studio-appearance-page .appearance-dock{border-radius:20px;overflow:hidden;box-shadow:0 8px 26px #443e3404}.studio-appearance-page .appearance-dock-toolbar{background:color-mix(in srgb, var(--soft) 35%, var(--panel))}.studio-appearance-page .appearance-dock-tabs>button{border-radius:11px;transition:color .18s,background-color .18s,transform .18s}.studio-appearance-page .appearance-dock-tabs>button[aria-selected=true]{box-shadow:0 2px 8px #443e3408}.studio-appearance-page .appearance-dock-panel{animation:.22s cubic-bezier(.22,1,.36,1) both editor-panel-in}.studio-appearance-page .studio-appearance-actions{background:color-mix(in srgb, var(--panel) 90%, transparent);border:1px solid var(--border);border-radius:17px;padding:16px 20px}@keyframes editor-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.email-confirmation{color:#443e34;text-align:center;background:#fffcf7;border:1px solid #ded5c8;border-radius:28px;width:min(460px,100% - 32px);padding:32px;box-shadow:0 24px 90px #352a2326}.email-confirmation[open]{animation:.28s cubic-bezier(.2,.8,.2,1) both letter-arrive}.email-confirmation::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#352a2366;animation:.25s ease-out both mail-backdrop}.email-confirmation h2{margin:14px 0;font:650 clamp(32px,6vw,42px) Fredoka,sans-serif}.email-confirmation p{line-height:1.65}.email-confirmation .email-note{color:#736457;font-size:14px}.email-close{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.email-art{width:160px;height:160px;margin:0 auto 18px;position:relative}.email-art img{object-fit:contain;filter:hue-rotate(205deg)saturate(.32);width:100%;height:100%}.email-check{color:#fffcf7;box-sizing:content-box;background:#515b3a;border-radius:50%;padding:8px;animation:.28s .2s both letter-arrive;position:absolute;bottom:8px;right:8px}.email-confirmation .auth-primary{justify-content:center;width:100%;margin-top:12px}@keyframes letter-arrive{0%{opacity:0;transform:translateY(18px)scale(.95)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes mail-backdrop{0%{opacity:0}to{opacity:1}}.prayer-screen{color:#443e34;text-align:center;background:#f9eedc;min-height:100svh;padding:clamp(24px,4vw,64px);font-family:Nunito Sans,sans-serif}.prayer-screen header,.prayer-screen footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.prayer-screen a{color:inherit}.prayer-screen h1{margin:32px 0 12px;font-size:clamp(30px,4vw,64px)}.prayer-clock{font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,48px)}.prayer-countdown{font-variant-numeric:tabular-nums;margin:12px 0 36px;font-size:clamp(54px,12vw,180px)}.prayer-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin:32px 0;display:grid}.prayer-grid article{border:1px solid #839a7b;border-radius:20px;padding:24px 12px}.prayer-grid article[data-next=true]{background:#e7e9d8}.prayer-grid p{margin:8px;font-size:clamp(24px,3vw,46px)}.prayer-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(24px,3vw,46px)}.prayer-offsets{flex-wrap:wrap;gap:16px;display:flex}.prayer-offsets label{flex:1;min-width:100px}.prayer-auto-control{text-align:center;margin:10px auto}.prayer-screen button{color:inherit;background:0 0;border:1px solid #839a7b;border-radius:12px;padding:12px 20px}@media (width<=700px){.prayer-grid{grid-template-columns:repeat(2,1fr)}.prayer-screen{padding:20px}}.tilawah-menu-page{isolation:isolate;color:#fff0d9;--menu-ease:cubic-bezier(.2, .75, .3, 1);--menu-shadow-direction:90deg;background:#231509;grid-template:"actions verse"/max-content minmax(0,1fr);align-content:center;align-items:center;gap:clamp(18px,4vw,90px);min-height:100svh;padding:96px clamp(24px,6vw,124px);display:grid;position:relative;overflow:clip}.tilawah-menu-page:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--menu-shadow-direction:270deg}.menu-landscape,.menu-sunlight{z-index:-2;pointer-events:none;position:absolute;inset:0}.menu-landscape{animation:22s ease-in-out infinite alternate menu-camera}.menu-landscape img{object-fit:cover;object-position:center 46%;width:100%;height:100%;display:block}.menu-sunlight{z-index:-1;background:linear-gradient(var(--menu-shadow-direction), #170d06bb, #170d064a 46%, transparent 78%), linear-gradient(0deg, #170d06a0 0%, #170d0633 44%, transparent 70%)}.menu-utilities{animation:menu-arrive .45s var(--menu-ease) both;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:clamp(18px,4vw,48px) clamp(24px,6vw,124px) auto}.menu-utilities a{color:inherit;transition:background .18s ease, transform .18s var(--menu-ease);background:#1c110b96;border:1px solid #fff0d97a;border-radius:999px;padding:10px 16px;text-decoration:none}.menu-content{grid-area:actions;width:fit-content;max-width:100%}.menu-verse{text-align:center;color:#fff2db;text-shadow:0 2px 10px #1a0d02;min-width:0;animation:menu-arrive .65s .22s var(--menu-ease) both;grid-area:verse;margin:0}.menu-verse blockquote{text-wrap:balance;margin:0;font:400 clamp(34px,5.7vw,106px)/1.65 Uthmani,Amiri Quran,serif}.menu-verse figcaption{margin-block-start:4px;font:700 clamp(13px,1.3vw,18px)/1.5 Nunito Sans,sans-serif}.menu-content>h1{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.menu-brand{width:clamp(190px,24vw,350px);animation:menu-arrive .62s 80ms var(--menu-ease) both;background:#f9edda;border-radius:22px;padding:12px 24px;display:block;box-shadow:0 16px 44px #110a0666}.menu-brand img,.menu-brand svg{width:100%;height:auto;display:block}.menu-destinations{justify-items:start;gap:clamp(20px,3.4vw,52px);margin-top:clamp(26px,4vw,60px);display:grid}.menu-studio-link{color:#35291c;animation:menu-arrive .62s .175s var(--menu-ease) both;transition:background .18s ease, transform .18s var(--menu-ease);background:#f9edda;border-radius:999px;align-items:center;gap:clamp(12px,2vw,25px);padding:clamp(14px,2vw,28px) clamp(20px,3.1vw,48px);font-family:Fredoka,sans-serif;font-size:clamp(24px,4vw,48px);font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 5px #d0ae7f,0 14px 45px #12090080}.menu-studio-link svg{flex-shrink:0;width:.88em;height:.88em}.menu-studio-link .menu-studio-arrow{width:.6em;height:.6em;transition:transform .18s var(--menu-ease)}.menu-secondary-links{animation:menu-arrive .6s .27s var(--menu-ease) both;flex-wrap:wrap;align-items:center;gap:10px clamp(10px,2vw,25px);display:flex}.menu-secondary-links>*{min-height:44px;color:inherit;transition:background .18s ease, transform .18s var(--menu-ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:4px 8px;font:750 clamp(15px,1.8vw,27px)/1.2 Nunito Sans,sans-serif;text-decoration:none;display:inline-flex}.menu-secondary-links svg{width:1.15em;height:1.15em}.tilawah-menu-page :is(a,button):focus-visible{outline-offset:5px;outline:3px solid #efca89}.menu-studio-link:active{transform:translateY(3px)}@media (hover:hover) and (pointer:fine){.menu-studio-link:hover{background:#fff7e9;transform:translateY(-3px)}.menu-studio-link:hover .menu-studio-arrow{transform:translate(3px,-3px)}.menu-utilities a:hover,.menu-secondary-links>:hover{background:#fff0d929;transform:translateY(-2px)}}.menu-viewer-dialog{border:1px solid var(--border);background:var(--panel);width:min(460px,100vw - 28px);max-height:calc(100svh - 28px);color:var(--text);border-radius:22px;padding:0;box-shadow:0 24px 80px #100a0880}.menu-viewer-dialog[open]{animation:menu-arrive .24s var(--menu-ease) both}.menu-viewer-dialog::backdrop{background:#120d0abf}.menu-viewer-panel{padding:24px;position:relative}.menu-viewer-panel h2{margin:0 45px 14px 0}.menu-viewer-close{min-width:44px;min-height:44px;position:absolute;inset:10px 10px auto auto}@keyframes menu-camera{0%{transform:scale(1.025)}to{transform:scale(1.085)translate(-.7%)}}@keyframes menu-arrive{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}@media (width<=860px){.tilawah-menu-page{padding-block:85px max(56px, env(safe-area-inset-bottom));grid-template:"verse""actions"/minmax(0,1fr);align-content:end}.menu-landscape img{object-position:67% 48%}.menu-sunlight{background:linear-gradient(#0000 20%,#170d0680 54%,#170d06dc 100%)}.menu-verse{margin-block-end:clamp(6px,2vh,18px)}.menu-verse blockquote{font-size:clamp(34px,8.7vw,64px)}.menu-brand{border-radius:16px;padding:10px 16px}}.policy-page,.page-recovery{color:#443e34;background:#f9eedc;min-height:100svh}.policy-header{justify-content:space-between;align-items:center;padding:clamp(16px,3vw,28px) clamp(20px,6vw,100px);display:flex}.policy-header img{width:clamp(112px,20vw,180px);height:auto;display:block}.policy-paper{box-sizing:border-box;background:#fffaf1;border:1px solid #d8cfbb;border-radius:24px;width:min(800px,100% - 36px);margin:12px auto clamp(24px,5vw,64px);padding:clamp(20px,5vw,56px)}.policy-paper h1,.page-recovery h1{margin:16px 0 26px;font:650 clamp(36px,7vw,64px)/1.12 Fredoka,sans-serif}.policy-paper .policy-updated{color:#5b5347;font-size:.875rem}.policy-paper:lang(ar) h1,.page-recovery:lang(ar) h1{font-family:inherit}.policy-paper section{margin-block:22px}.policy-paper section:last-child{margin-block-end:0}.policy-paper h2{margin:0 0 6px;font-size:clamp(18px,3.5vw,22px)}.policy-paper p{margin:0;font-size:16px;line-height:1.7}.policy-links,.policy-resources{flex-wrap:wrap;align-items:center;gap:8px 16px;display:inline-flex}.policy-links a,.policy-resources a{color:inherit;text-underline-offset:.22em}.policy-links a[aria-current=page]{font-weight:800}.policy-resources a{padding-block:6px}.page-recovery{box-sizing:border-box;align-content:center;justify-items:start;padding:24px max(20px,50% - 320px);display:grid}.page-recovery p{margin:0 0 20px}.page-recovery .policy-links{gap:10px 20px}.page-recovery button{cursor:pointer;color:inherit;background:#fffaf1;border:1px solid #8c9472;border-radius:8px;padding:8px 12px}@font-face{font-family:Uthmani;src:url(/fonts/UthmanicHafs_V22.woff2)format("woff2");font-display:swap}@font-face{font-family:Amiri Quran;src:url(/fonts/AmiriQuran-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Quran Nastaleeq;src:url(/fonts/kfgqpc-nastaleeq.woff2)format("woff2");font-display:swap}@font-face{font-family:Surah Name V2;src:url(/fonts/surah-name-v2.woff2)format("woff2");font-display:block}@font-face{font-family:Quran Symbols;src:url(/fonts/quran-symbols.woff2)format("woff2");font-display:block}:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f7f3ea;--panel:#fffcf7;--text:#352a23;--muted:#736457;--border:#ded5c8;--accent:#515b3a;--accent-ink:#fffdf8;--selected:#e8eadf;--soft:#efe9dd;--clay:#a64d35;--error:#a2382b;--space:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-mode=dark]{--bg:#211d19;--panel:#2d2722;--text:#f1e8db;--muted:#bdae9c;--border:#4b4137;--accent:#b5c396;--accent-ink:#211d19;--selected:#393e2f;--soft:#332c25;--clay:#e4aa91;--error:#f1a494;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-density=compact]{--space:24px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}button,input,select{border-radius:10px}button{transition:background .16s,color .16s,border-color .16s}a{transition:color .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}p{line-height:1.65}img{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--border);margin:24px 0}button:not(.button){font-weight:inherit}input,select{max-width:100%;color:var(--text);background:var(--panel);border:1px solid var(--border)}select{text-overflow:ellipsis;width:100%;min-height:44px;padding:11px 32px 11px 12px}input[type=number]{width:100%;min-height:44px;padding:10px}summary{cursor:pointer;align-content:center;min-height:44px}details[open]>summary{margin-bottom:12px}button:disabled:hover{transform:none}.small{font-size:12px}.muted{color:var(--muted)}.skip-link{z-index:100;background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:14px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.page-width{max-width:1120px;margin-inline:auto;padding-inline:40px}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin-bottom:16px;font-size:10px;font-weight:600;display:flex}.tiny-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.button{background:var(--accent);min-height:46px;color:var(--accent-ink);border:1px solid var(--accent);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 21px;font-size:13px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.08)}.button-secondary{color:var(--text);border-color:var(--border);background:0 0}.button-secondary:hover:not(:disabled){background:var(--soft);filter:none}.button-small{min-height:44px;padding:10px 17px}.text-button{min-height:44px;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--clay)}.icon-button{background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--soft)}.button-group{border:1px solid var(--border);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.button-group .icon-button{border-radius:0}.brand{letter-spacing:-.65px;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:600;display:inline-flex}.brand-symbol{display:none}.brand-light{font-weight:400}.brand-period{color:var(--clay)}.brand-small{font-size:17px}.tag{letter-spacing:1.1px;border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:5px;padding:7px 9px;font-size:9px}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Variable.ttf)format("truetype");font-weight:300 700;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans-Variable.ttf)format("truetype");font-weight:200 1000;font-stretch:75% 125%;font-display:swap}.landing-page{--welcome-bg:#f9eedc;--welcome-ink:#443e34;--welcome-green:#b0bfa2;--welcome-highlight:#d7e0b5;--welcome-out:cubic-bezier(.22, 1, .36, 1);--landing-muted:#716456;--landing-border:#dcd3c2;--landing-olive:#515b3a;--landing-sage:#e0e6d6;--landing-clay:#efdfd1;background:var(--welcome-bg);color:var(--welcome-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100svh;font-family:Nunito Sans,Segoe UI,sans-serif;font-size:20px}html:has(.landing-page){scroll-behavior:smooth}.landing-loading{color:#443e34;background:#f9eedc;place-items:center;min-height:100svh;display:grid}.landing-page :is(a,button):focus-visible{outline:3px solid var(--landing-olive);outline-offset:5px}.landing-page :is(section,footer){scroll-margin-top:116px}.landing-page button{color:inherit}.landing-page a{text-decoration:none}.landing-container{width:86%;max-width:1640px;margin-inline:auto}.landing-page h1,.landing-page h2,.landing-page h3{letter-spacing:-.025em;font-family:Fredoka,Arial Rounded MT Bold,sans-serif;font-weight:700}.landing-page h2{margin:0 0 28px;font-size:clamp(46px,4.7vw,76px);line-height:1.06}.landing-page h3{font-size:34px;line-height:1.15}.landing-logo{width:100%;height:auto;display:block}.landing-hero{background:var(--welcome-bg);flex-direction:column;min-height:100svh;padding-top:140px;display:flex;position:relative}.hero-decorations{pointer-events:none;position:absolute;inset:0}.hero-decorations img{object-fit:contain;position:absolute}.hero-corner{opacity:.2;width:min(27vw,450px);height:auto;bottom:20px;right:20px}.landing-hero-grid{flex:1;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:center;gap:5.5%;padding-block:68px 96px;display:grid;position:relative}.landing-hero-copy{min-width:0;container-type:inline-size}.landing-hero h1{letter-spacing:-.015em;margin:0;font-size:clamp(80px,22cqw,200px);line-height:.86}.landing-hero h1 span{white-space:nowrap;animation:landing-enter .75s var(--welcome-out) both;display:block}.landing-hero h1 span:first-child{animation-delay:.1s}.landing-hero h1 span:last-child{color:var(--landing-olive);animation-delay:.19s}.landing-hero-subtitle{letter-spacing:-.04em;animation:landing-enter .7s .29s var(--welcome-out) both;margin:28px 0 36px;font-size:clamp(22px,4.95cqw,43px);font-weight:450;line-height:1.4}.landing-cta{background:var(--landing-olive);min-height:60px;color:var(--welcome-bg);letter-spacing:-.025em;transition:transform .15s var(--welcome-out);border-radius:12px;justify-content:center;align-items:center;gap:24px;padding:16px 32px;font-size:clamp(22px,2.1vw,33px);font-weight:800;line-height:1.4;display:inline-flex}.landing-cta svg{width:1em;height:1em;transition:transform .18s var(--welcome-out)}.landing-cta:active{transform:scale(.97)}.landing-text-link{align-items:center;gap:12px;min-height:48px;font-size:18px;font-weight:800;display:inline-flex}.landing-text-link svg{transition:transform .18s var(--welcome-out)}.landing-scroll-cue{z-index:1;min-height:44px;color:var(--landing-muted);justify-content:center;align-items:center;gap:12px;margin:0 auto 26px;padding:10px;font-size:14px;display:flex;position:relative}.landing-recitation{min-width:0;animation:landing-enter .85s .35s var(--welcome-out) both;margin:0;padding-bottom:24px;position:relative;container-type:inline-size}.recitation-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recitation-toolbar>div{gap:2px;display:flex}.recitation-rule{background:var(--welcome-green);width:24%;height:2px}.recitation-toolbar button{opacity:.7;background:0 0;border:0;place-items:center;min-width:44px;height:44px;display:grid}.recitation-toolbar button:hover{opacity:1}.landing-recitation .quran-arabic{letter-spacing:0;white-space:nowrap;text-align:start;margin:0 0 14px;padding-block:4px;font-family:Uthmani,Traditional Arabic,serif;font-size:clamp(45px,15.4cqw,88px);font-weight:400;line-height:1.8}.landing-page .sample-word{min-width:44px;font:inherit;line-height:inherit;color:inherit;background:0 0;border:0;border-radius:.15em;padding:.04em .02em;position:relative}.sample-word:focus-visible{outline-offset:1px!important}.sample-translation{letter-spacing:-.04em;margin:0;font-size:clamp(21px,6.55cqw,34px);line-height:1.5}.welcome-reference{color:var(--landing-muted);margin:12px 0 0;font-size:clamp(16px,4.8cqw,25px);line-height:1.5}.sample-reciter{color:var(--landing-muted);margin:18px 0 0;font-size:12px;line-height:1.6}.sample-reciter span{white-space:nowrap}.sample-error{color:#96372a;margin-top:12px;font-size:15px}.landing-page [data-reveal]{transition:opacity .65s var(--welcome-out), transform .65s var(--welcome-out)}.landing-page[data-motion=ready] [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(18px)}@keyframes landing-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.landing-cta:hover svg,.landing-text-link:hover svg{transform:translate(5px)}}@media (width<=1100px){.landing-container{width:88%}.landing-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5%}.landing-hero h1{font-size:22cqw}.landing-recitation .quran-arabic{font-size:15.3cqw}.sample-translation{font-size:6.55cqw}.landing-hero-subtitle{font-size:4.95cqw}.sample-reciter span{display:none}}@media (width<=700px){.landing-container{width:calc(100% - 48px)}.landing-hero{padding-top:112px}.landing-hero-grid{grid-template-columns:minmax(0,1fr);align-content:center;gap:50px;padding-block:38px 54px}.landing-hero h1{font-size:min(22cqw,132px)}.landing-hero-subtitle{margin:22px 0 28px;font-size:clamp(18px,4.95cqw,29px)}.landing-cta{gap:20px;padding:14px 25px;font-size:23px}.landing-recitation{width:min(100%,440px);padding-bottom:0}.landing-recitation .quran-arabic{margin-bottom:10px;font-size:14.5cqw}.sample-translation{font-size:6.15cqw}.welcome-reference{font-size:4.8cqw}.sample-reciter{margin-top:12px}.sample-reciter span{display:inline}.hero-corner{opacity:.13;width:40vw}.landing-scroll-cue{margin-bottom:12px;font-size:12px}.landing-page h2{font-size:clamp(42px,9.5vw,64px)}.landing-page h3{font-size:29px}}.landing-header{z-index:40;transition:transform .26s var(--welcome-out);background:0 0;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto;transform:translateY(0)}.landing-studio-return{border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;font-weight:750;display:inline-flex}@media (width<=600px){.landing-header-inner{gap:8px}.landing-studio-return{padding-inline:10px;font-size:14px}}.landing-header.header-hidden{pointer-events:none;transform:translateY(-105%)}.landing-header:has(:focus-visible){transition:none}.landing-header.header-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9eedcd6;border-bottom-color:#dcd3c2a6}.landing-header-inner{align-items:center;gap:32px;min-height:112px;display:flex}.landing-brand{flex-shrink:0;width:clamp(185px,15vw,260px);display:block}.landing-nav{align-items:center;gap:clamp(22px,2.4vw,46px);margin-left:auto;display:flex}.landing-nav :is(a,button){align-items:center;min-height:44px;font-size:18px;font-weight:700;display:inline-flex}.landing-nav button{background:0 0;border:0;padding:0}.landing-header-options{margin-left:2px;position:relative}.landing-menu-toggle{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.header-mobile-icon{display:none}.landing-nav-options{border:1px solid var(--landing-border);background:var(--welcome-bg);width:280px;animation:landing-enter .18s var(--welcome-out) both;border-radius:14px;padding:16px;position:absolute;top:calc(100% + 16px);right:0;box-shadow:0 12px 36px #443e3412}.landing-nav-options>p{color:var(--landing-muted);text-transform:uppercase;letter-spacing:.08em;margin:2px 10px 10px;font-size:12px}.landing-nav-options>button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px;font-size:15px;display:flex}.landing-nav-options>button[aria-pressed=true]{background:#e4e6d5}.landing-nav-options>span{padding:10px;font-size:13px;display:block}.landing-mobile-links{display:none}@media (width<=1100px){.landing-header-inner{gap:20px;min-height:100px}.landing-nav{display:none}.landing-header-options{margin-left:auto}.header-preferences-icon{display:none}.header-mobile-icon{display:block}.landing-mobile-links{border-bottom:1px solid var(--landing-border);flex-direction:column;margin-bottom:16px;padding-bottom:14px;display:flex}.landing-mobile-links :is(a,button){background:0 0;border:0;align-items:center;min-height:46px;padding:10px;font-size:17px;font-weight:700;display:flex}}@media (width<=600px){.landing-header-inner{min-height:90px}.landing-brand{width:175px}.landing-nav-options{width:min(280px,100vw - 48px)}}.landing-header{transform-origin:top;transition:transform .32s cubic-bezier(.2,.9,.25,1.12),opacity .2s ease-out}.landing-header.header-hidden{opacity:0;transition-timing-function:cubic-bezier(.4,0,.7,.2);transform:translateY(-110%)rotate(-.7deg)}.landing-header-options{display:none}@media (width<=1100px){.landing-header-options{display:block}}.landing-section{padding-block:clamp(80px,9vw,150px);position:relative}.landing-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--landing-muted);align-items:center;gap:14px;margin:0 0 24px;font-size:13px;font-weight:800;display:flex}.landing-kicker:before{content:"";background:var(--welcome-green);flex-shrink:0;width:32px;height:2px}.landing-body-copy{letter-spacing:-.025em;max-width:39ch;margin:0;font-size:clamp(21px,1.9vw,29px);line-height:1.65}.landing-side-layout{grid-template-columns:minmax(0,1fr) minmax(130px,18%);align-items:center;gap:clamp(48px,5.5vw,110px);display:grid}.landing-side-symbol{opacity:.3;pointer-events:none;width:100%;padding:12px}.landing-side-symbol img{object-fit:contain;width:100%;height:auto;display:block}.landing-introduction{background:var(--landing-clay);padding-block:clamp(72px,7vw,110px)}.landing-introduction .landing-kicker{color:var(--landing-olive)}@media (width<=1100px){.landing-side-layout{grid-template-columns:minmax(0,1fr) 130px;gap:36px}}@media (width<=850px){.landing-side-layout{grid-template-columns:minmax(0,1fr)}.landing-side-symbol{display:none}}@media (width<=600px){.landing-section{padding-block:70px}.landing-introduction{padding-top:64px;padding-bottom:38px}.landing-kicker{margin-bottom:20px;font-size:11px}.landing-body-copy{font-size:21px}}.landing-process{--welcome-bg:var(--landing-sage);background:var(--welcome-bg);padding-block:clamp(80px,8vw,140px)}.process-heading{text-align:center}.process-heading .landing-kicker{color:var(--landing-olive);letter-spacing:.2em;justify-content:center;font-size:16px}.process-heading .landing-kicker:before{display:none}.landing-page .process-heading h2{margin-bottom:0;font-size:clamp(44px,5.5vw,92px)}.process-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin:clamp(48px,6vw,90px) 0 0;padding:0;list-style:none;display:grid}.process-journey>li{text-align:center;min-width:0;position:relative}.process-number{background:var(--landing-olive);width:54px;height:54px;color:var(--welcome-bg);border-radius:50%;place-items:center;margin-inline:auto;font-size:24px;font-weight:800;display:grid}.process-illustration{justify-content:center;align-items:center;height:clamp(170px,17vw,270px);margin-block:8px 20px;display:flex;position:relative;container-type:inline-size}.process-journey>li:not(:last-child):after{content:"";background:var(--welcome-green);width:39%;height:2px;position:absolute;top:calc(62px + clamp(85px,8.5vw,135px));left:91%}.process-journey>li:not(:last-child):before{content:"•••";z-index:1;background:var(--welcome-bg);color:#9dab88;letter-spacing:4px;width:15%;font-size:20px;position:absolute;top:calc(46px + clamp(85px,8.5vw,135px));left:103%}.process-microphone{width:100%;max-height:100%;overflow:visible}.process-follow{width:100%}.process-arabic{white-space:nowrap;margin:0 0 3px;font-family:Uthmani,Traditional Arabic,serif;font-size:17cqw;font-weight:400;line-height:2}.process-highlight{background:var(--welcome-highlight);border-radius:.18em;padding:.08em .05em}.process-translation{white-space:nowrap;margin:0;font-size:clamp(15px,1.55vw,25px);line-height:1.4}.landing-page .process-journey h3{margin:0 0 12px;font-size:clamp(38px,4.3vw,70px)}.process-follow-step h3{color:var(--landing-olive)}.process-journey>li>p{margin:0;font-size:clamp(18px,1.65vw,27px);line-height:1.5}.process-share .display-devices{width:86%}.process-wavebar{transform-box:fill-box;transform-origin:50%}.landing-process [data-revealed] .process-wavebar{animation:1.5s ease-in-out 2 process-wave}.landing-process [data-revealed] .process-highlight{animation:3.8s ease-in-out process-word}@keyframes process-wave{0%,to{transform:scaleY(.72)}45%{transform:scaleY(1.12)}}@keyframes process-word{0%,25%{opacity:.55}60%,to{opacity:1}}@media (width<=1000px) and (width>=701px){.process-journey{gap:4%}.process-translation{font-size:14px}.process-journey>li>p{font-size:17px}.process-illustration{height:170px}.process-journey>li:not(:last-child):after{top:147px}.process-journey>li:not(:last-child):before{top:131px}}@media (width<=700px){.landing-process{padding-block:70px}.process-heading .landing-kicker{font-size:12px}.landing-page .process-heading h2{font-size:clamp(42px,8vw,60px)}.process-journey{grid-template-columns:1fr;gap:54px;margin-top:42px}.process-journey>li{width:min(100%,380px);margin-inline:auto}.process-number{width:44px;height:44px;font-size:20px}.process-illustration{height:190px;margin-block:8px 10px}.process-microphone{width:90%}.process-arabic{font-size:16cqw}.process-translation{font-size:20px}.landing-page .process-journey h3{font-size:48px}.process-journey>li>p{font-size:20px}.process-journey>li:not(:last-child):after{width:2px;height:20px;top:auto;bottom:-36px;left:50%}.process-journey>li:not(:last-child):before{display:none}}.display-devices{aspect-ratio:1.5;width:100%;color:var(--welcome-ink);position:relative}.device-connection{width:100%;height:100%;fill:var(--landing-olive);position:absolute;inset:0;overflow:visible}.device-connection path{fill:none;stroke:var(--landing-olive);stroke-width:1.5px}.display-monitor{width:87%;transition:transform .26s var(--welcome-out), opacity .26s ease;transform-origin:50%;position:absolute;top:14%;left:0}.monitor-frame{aspect-ratio:16/10;background:var(--welcome-ink);border-radius:9px;padding:7px;position:relative;box-shadow:0 2px #746451}.device-screen{background:var(--welcome-bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.device-status{aspect-ratio:1;z-index:1;background:#81946b;border-radius:50%;width:1.8%;position:absolute;top:5%;right:4%}.device-passage{z-index:1;text-align:center;width:94%;padding-bottom:9%;position:relative}.device-arabic{white-space:nowrap;margin:0 0 1.5%;font-family:Uthmani,Traditional Arabic,serif;font-size:9.8cqw;font-weight:400;line-height:1.9}.device-translation{letter-spacing:-.025em;margin:0;font-size:3.95cqw;line-height:1.45}.device-reference{color:#6c654f;margin:4% 0 0;font-size:2.8cqw;line-height:1.4}.device-loading{font-size:3cqw}.device-landscape{pointer-events:none;width:100%;height:23%;position:absolute;inset:auto 0 0}.monitor-neck{background:var(--welcome-ink);width:6%;height:22px;margin-inline:auto;display:block}.monitor-foot{background:var(--welcome-ink);border-radius:4px;width:40%;height:7px;margin-inline:auto;display:block}.display-phone{aspect-ratio:.48;background:var(--welcome-ink);width:21.5%;transition:transform .26s var(--welcome-out), opacity .26s ease;transform-origin:100% 100%;border:2px solid #6c6050;border-radius:25px;padding:5px;position:absolute;bottom:0;right:0}.display-phone .device-screen{border-radius:18px}.phone-notch{background:var(--welcome-ink);border-radius:0 0 7px 7px;width:46%;height:3%;position:absolute;top:0;left:27%}.display-phone .device-passage{width:94%;padding-bottom:8%}.display-phone .device-arabic{white-space:normal;margin-bottom:12%;font-size:12cqw;line-height:1.9}.display-phone .device-translation{padding-inline:5%;font-size:9.2cqw;line-height:1.5}.display-phone .device-reference{margin-top:15%;font-size:7cqw}.display-phone .device-status{width:5%;top:8%;right:11%}.display-devices-mini .display-monitor{width:80%;top:8%}.display-devices-mini .monitor-frame{aspect-ratio:1.5;box-shadow:none;border-radius:7px;padding:5px}.display-devices-mini .display-phone{border:0;border-radius:13px;width:29%;padding:3px}.display-devices-mini .display-phone .device-screen{border-radius:9px}.display-devices-mini .monitor-neck{height:12px}.display-devices-mini .monitor-foot{height:5px}.display-devices-mini .device-reference,.display-devices-mini .device-status{display:none}.display-devices-mini .device-translation{font-size:4cqw}.display-devices-mini .display-phone .device-translation{font-size:9cqw}.display-devices-mini .device-landscape{height:15%}.landing-community{text-align:center;background:#ede3d5;padding-bottom:60px}.landing-community .landing-kicker{color:var(--landing-olive);letter-spacing:.18em;justify-content:center}.landing-community .landing-kicker:before{display:none}.landing-page .landing-community h2{margin:0 0 25px;font-size:clamp(46px,5.8vw,100px);line-height:1.05}.community-subtitle{margin:0 auto 45px;font-size:clamp(21px,2vw,32px);line-height:1.5}.community-illustration{direction:ltr;width:100%;max-width:1500px;height:auto;margin-inline:auto;display:block}@media (width<=600px){.landing-community{padding-bottom:38px}.landing-page .landing-community h2{font-size:clamp(38px,9vw,54px)}.community-subtitle{margin-bottom:24px;font-size:20px}}.landing-faq{--welcome-bg:#e5eadc;background:var(--welcome-bg)}.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:8%;display:grid}.landing-faq .landing-kicker{color:var(--landing-olive);margin-bottom:28px}.landing-faq .landing-kicker:before{display:none}.landing-page .landing-faq h2{font-size:clamp(48px,5.7vw,94px);line-height:1.05}.faq-item{border-top:1px solid #b5a78f}.faq-item:last-of-type{border-bottom:1px solid #b5a78f}.landing-page .faq-item h3{margin:0;font-size:clamp(24px,2.2vw,37px);line-height:1.3}.faq-item h3 button{text-align:start;width:100%;min-height:100px;font:inherit;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.faq-toggle{background:var(--landing-olive);width:40px;height:40px;color:var(--welcome-bg);border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.faq-answer p{max-width:48ch;margin:0 0 32px;font-size:clamp(19px,1.7vw,27px);line-height:1.65}.faq-answer:not([hidden]){animation:faq-answer-enter .2s var(--welcome-out)}.faq-contact{align-items:center;gap:14px;min-height:48px;margin-top:32px;font-size:clamp(19px,1.7vw,27px);display:inline-flex}@keyframes faq-answer-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (width<=850px){.faq-grid{grid-template-columns:minmax(0,1fr);gap:32px}.faq-item h3 button{min-height:90px}}@media (width<=600px){.faq-item h3 button{gap:16px;font-size:23px}.faq-toggle{flex-basis:34px;width:34px;height:34px}.faq-answer p{font-size:19px}}.landing-invitation{background:var(--landing-olive);color:var(--welcome-bg);text-align:center;padding-block:clamp(90px,9vw,160px);position:relative}.invitation-kicker{text-transform:uppercase;letter-spacing:.24em;margin:0 0 40px;font-size:15px;font-weight:800}.landing-page .landing-invitation h2{letter-spacing:-.025em;margin:0 0 30px;font-size:clamp(64px,18.5vw,300px);line-height:1.05}.invitation-subtitle{margin:0 0 40px;font-size:clamp(22px,2.5vw,42px);line-height:1.5}.invitation-cta{background:var(--welcome-bg);min-height:60px;color:var(--landing-olive);transition:transform .18s var(--welcome-out);border-radius:999px;justify-content:center;align-items:center;gap:20px;padding:14px 36px;font-size:clamp(22px,2vw,30px);font-weight:800;display:inline-flex}.landing-invitation .invitation-cta:focus-visible{outline-color:var(--welcome-bg)}.invitation-cta:active{transform:scale(.97)}.invitation-petal,.invitation-arches{width:clamp(36px,5vw,75px);height:auto;fill:var(--welcome-green);pointer-events:none;position:absolute}.invitation-petal{top:35px;right:4%}.invitation-arches{bottom:35px;left:4%}@media (width<=600px){.invitation-kicker{margin-bottom:28px;font-size:11px}.invitation-subtitle{max-width:24ch;margin-inline:auto;font-size:21px}.invitation-petal{top:22px}.invitation-arches{bottom:22px}}.landing-invitation .quran-symbol-glyph{margin-block-end:.18em;font:400 clamp(32px,5vw,66px)/1.15 Quran Symbols;display:block}.landing-contact{background:var(--welcome-bg);padding:110px 0 30px}.landing-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;padding-bottom:90px;display:grid}.contact-invitation{color:var(--landing-muted);margin:16px 0 0;font-size:19px}.landing-contact-details{align-self:center;min-width:0}.whatsapp-contact-card{background:#e6eadb;border:1px solid #c4cdb6;border-radius:18px;align-items:center;gap:20px;min-height:124px;padding:25px;display:flex}.whatsapp-contact-card>.whatsapp-copy{flex:1}.whatsapp-contact-card strong{font-size:clamp(19px,1.55vw,25px);font-weight:850;line-height:1.25;display:block}.whatsapp-copy>span{color:#536145;margin-top:7px;font-size:15px;line-height:1.5;display:block}.whatsapp-card-arrow{transition:transform .18s var(--welcome-out);flex-shrink:0}.contact-detail{align-items:center;gap:17px;min-height:44px;margin:19px 0 0;font-size:20px;line-height:1.5;display:flex}.contact-detail>span{border:1px solid var(--landing-border);width:42px;height:42px;color:var(--landing-olive);border-radius:50%;place-items:center;display:grid}.landing-footer-main{border-top:1px solid var(--landing-border);align-items:center;gap:32px;padding-block:34px;display:flex}.footer-brand{flex-shrink:0;width:190px}.landing-footer-main>p{color:var(--landing-muted);margin:0;font-size:16px;line-height:1.5}.landing-footer-main nav{align-items:center;gap:25px;margin-left:auto;display:flex}.landing-footer-main nav :is(a,button){white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:0;font-size:15px;display:inline-flex}.landing-footer-small{color:var(--landing-muted);justify-content:space-between;gap:24px;font-size:12px;line-height:1.8;display:flex}.landing-footer-small a{text-underline-offset:3px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.whatsapp-contact-card:hover .whatsapp-card-arrow{transform:translate(3px,-3px)}}@media (width<=1100px){.landing-contact-grid{gap:6%}.whatsapp-contact-card{gap:16px;padding:20px}.landing-footer-main{flex-wrap:wrap;gap:24px}.landing-footer-main nav{margin-left:auto}.landing-footer-main>p{display:none}}@media (width<=800px){.landing-contact{padding-top:74px}.landing-contact-grid{grid-template-columns:minmax(0,1fr);gap:40px;padding-bottom:60px}.landing-contact-details{max-width:600px}.contact-copy-break{display:none}.whatsapp-contact-card strong{font-size:22px}.landing-footer-main{align-items:flex-start}.landing-footer-main nav{flex-wrap:wrap;gap:20px;margin-left:0}.landing-footer-small{flex-direction:column;gap:10px}}@media (width<=480px){.whatsapp-contact-card{gap:14px;min-height:116px;padding:20px 16px}.whatsapp-contact-card strong{font-size:19px}.whatsapp-copy>span{font-size:13px}.whatsapp-card-arrow{width:20px}.contact-detail,.contact-invitation{font-size:18px}}.social-mark{isolation:isolate;pointer-events:none;--social-color:#25b959;flex-shrink:0;place-items:center;width:88px;height:88px;display:inline-grid;position:relative}.social-mark.tiktok-mark{--social-color:#807866;width:76px;height:76px}.social-badge{color:#fff;background:#25b959;border-radius:50%;place-items:center;width:68%;height:68%;animation:4.8s ease-in-out infinite social-badge-settle;display:grid;box-shadow:0 4px 12px #246b3210}.tiktok-mark .social-badge{background:#171713;animation-duration:4.2s}.social-symbol{width:57%;height:57%;display:block}.social-symbol>svg{width:100%;height:100%;display:block;overflow:visible}.social-orbit{width:100%;height:100%;color:var(--social-color);position:absolute;inset:0;overflow:visible}.social-ring{stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:100;transform-origin:50px 50px;animation:4.8s cubic-bezier(.65,0,.35,1) infinite social-ring-draw;transform:rotate(-90deg)}.social-orbit-dot{fill:currentColor;transform-origin:50px 50px;animation:4.8s cubic-bezier(.65,0,.35,1) infinite social-dot-orbit}.whatsapp-handset{transform-origin:12px 12px;animation:4.8s ease-in-out infinite whatsapp-ring}.tiktok-mark .social-ring{stroke-dasharray:22 78;animation:4.2s cubic-bezier(.65,0,.35,1) infinite tiktok-ring-turn}.tiktok-mark .social-orbit-dot{display:none}.tiktok-mark .social-symbol{animation:4.2s ease-in-out infinite tiktok-note-beat}.tiktok-echo-back{animation:4.2s ease-in-out infinite tiktok-cyan-split}.tiktok-echo-front{animation:4.2s ease-in-out infinite tiktok-pink-split}.social-mark:not([data-playing=true]) *{animation-play-state:paused}@keyframes social-badge-settle{0%,12%,72%,to{transform:scale(1)}26%{transform:scale(1.045)}38%{transform:scale(.985)}48%{transform:scale(1)}}@keyframes social-ring-draw{0%{stroke-dashoffset:100px;opacity:0}10%{opacity:.55}42%,64%{stroke-dashoffset:0;opacity:.55}90%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes social-dot-orbit{0%{opacity:0;transform:rotate(0)}12%{opacity:.7}68%{opacity:.7}88%,to{opacity:0;transform:rotate(360deg)}}@keyframes whatsapp-ring{0%,18%,48%,to{transform:rotate(0)}24%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}36%{transform:rotate(-8deg)}42%{transform:rotate(5deg)}}@keyframes tiktok-note-beat{0%,15%,63%,to{transform:translateY(0)rotate(0)}28%{transform:translateY(-2px)rotate(-7deg)}40%{transform:translateY(1px)rotate(5deg)}52%{transform:translateY(-1px)rotate(-2deg)}}@keyframes tiktok-cyan-split{0%,14%,68%,to{transform:translate(-.7px,-.5px)}30%{transform:translate(-2.1px,-1.3px)}47%{transform:translate(-.3px,-.2px)}}@keyframes tiktok-pink-split{0%,14%,68%,to{transform:translate(.7px,.5px)}30%{transform:translate(2.1px,1.3px)}47%{transform:translate(.3px,.2px)}}@keyframes tiktok-ring-turn{0%,12%{opacity:.25;transform:rotate(-90deg)}55%{opacity:.7}85%,to{opacity:.25;transform:rotate(270deg)}}.landing-page .tiktok-contact{text-align:left;border-radius:12px;align-items:center;gap:14px;width:min(100%,370px);min-height:88px;margin-top:10px;padding:4px 0;display:flex}.social-contact-copy{flex-direction:column;flex:1;gap:4px;display:flex}.social-contact-copy strong{font-size:20px;font-weight:850;line-height:1.3}.social-contact-copy>span{color:var(--landing-muted);font-size:13px;font-weight:450;line-height:1.5}.tiktok-contact>svg{color:var(--landing-muted);transition:transform .18s var(--welcome-out)}@media (hover:hover) and (pointer:fine){.tiktok-contact:hover>svg{transform:translate(2px,-2px)}}@media (width<=480px){.social-mark.whatsapp-mark{width:78px;height:78px}.social-mark.tiktok-mark{width:68px;height:68px}.landing-page .tiktok-contact{gap:12px}.social-contact-copy strong{font-size:19px}}.welcome-guide{color:var(--welcome-ink);background:var(--welcome-bg);border:1px solid var(--landing-border);opacity:0;width:min(540px,100% - 32px);max-height:calc(100svh - 32px);transition:opacity .22s var(--welcome-out), transform .22s var(--welcome-out), display .22s allow-discrete, overlay .22s allow-discrete;border-radius:20px;padding:42px;font-family:Nunito Sans,sans-serif;overflow-y:auto;transform:translateY(12px)scale(.98)}.welcome-guide[open]{opacity:1;transform:none}.welcome-guide::backdrop{opacity:0;transition:opacity .22s var(--welcome-out), display .22s allow-discrete, overlay .22s allow-discrete;background:#443e34}.welcome-guide[open]::backdrop{opacity:.24}@starting-style{.welcome-guide[open]{opacity:0;transform:translateY(12px)scale(.98)}.welcome-guide[open]::backdrop{opacity:0}}.welcome-guide-close{justify-content:flex-end;margin:-22px -22px 0 0;display:flex}.welcome-guide-close button{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.welcome-guide h2{margin-bottom:30px;font-size:36px;line-height:1.1}.welcome-guide ol{padding-inline-start:24px}.welcome-guide li{margin-bottom:24px;padding-inline-start:8px}.welcome-guide li::marker{color:var(--landing-olive);font-weight:800}.welcome-guide h3{margin-bottom:4px;font-family:Nunito Sans,sans-serif;font-size:19px;font-weight:800}.welcome-guide p{margin-bottom:0;font-size:15px;line-height:1.6}.welcome-guide-note{border-top:1px solid var(--landing-border);padding-top:20px}.welcome-guide-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;display:flex}.welcome-guide .welcome-cta{min-height:48px;color:var(--welcome-bg);background:var(--welcome-ink);border-radius:10px;padding:12px 20px;font-size:18px;font-weight:800}.welcome-guide-actions>a:last-child{text-underline-offset:4px;align-content:center;min-height:44px;font-size:13px;text-decoration:underline}@media (width<=600px){.welcome-guide{padding:30px 24px}.welcome-guide h2{font-size:32px}.welcome-guide-close{margin:-14px -10px 0 0}}.overlay-canvas{aspect-ratio:16/9;background:#c6b8a1;width:100%;position:relative;overflow:hidden;container-type:inline-size}.scene-image{z-index:0;z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scene-dark{background:#292923}.scene-dark .scene-image{filter:brightness(.32)saturate(.55)}.scene-label{z-index:3;z-index:3;color:#4b463d;background:#fff8;border-radius:5px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;display:flex;position:absolute;top:18px;left:20px}.scene-dark .scene-label{color:#e5dccd;background:#211d1980}.scene-label .tiny-dot{background:currentColor;width:4px;height:4px}.overlay-position{z-index:2;bottom:var(--overlay-bottom);width:var(--overlay-width);margin-inline:auto;position:absolute;inset-inline:0}.placement-center .overlay-position{align-content:center;display:grid;inset-block:0}.overlay-content{scale:var(--overlay-fit,none);transform-origin:bottom}.placement-center .overlay-content{transform-origin:50%}.quran-display{color:var(--display-text);text-align:center;isolation:isolate;border-radius:var(--display-radius);overflow-wrap:anywhere;padding:1.6cqw 2.8cqw;position:relative}.quran-display.with-panel:before{content:"";background:var(--display-panel);opacity:var(--panel-opacity);border-radius:inherit;z-index:-1;position:absolute;inset:0}.quran-arabic{font-family:Uthmani,Traditional Arabic,Noto Naskh Arabic,serif;font-size:var(--arabic-size);line-height:var(--arabic-line-height);word-break:normal;overflow-wrap:normal;margin:0 0 .65cqw;font-weight:400}.font-arabic .quran-arabic{font-family:Traditional Arabic,Noto Naskh Arabic,serif}.font-nastaleeq .quran-arabic{font-family:Quran Nastaleeq,Uthmani,serif}.quran-marked-word{font-family:Amiri Quran,Uthmani,serif;line-height:0}.surah-title-glyph{white-space:nowrap;font:400 1.65em/1 Surah Name V2;display:inline-block}.quran-arabic span{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px}.quran-arabic .current-word{background:var(--display-highlight)}.quran-translation{font-size:var(--translation-size);text-wrap:pretty;max-width:66ch;margin:0 auto;line-height:1.6}.ayah-translation{width:100%;min-width:0}.ayah-text{white-space:normal;text-wrap:pretty}.ayah-translation>[data-collapsed=true]{-webkit-line-clamp:var(--translation-preview-lines,3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.translation-expand{min-height:44px;color:var(--accent,currentColor);text-underline-offset:.23em;background:0 0;border:0;align-items:center;padding-inline:10px;font-size:.85rem;font-weight:750;text-decoration:underline;display:inline-flex}.phrase-translation-stack{display:grid}.phrase-translation-stack>p{grid-area:1/1;align-self:start}.phrase-translation-stack>[aria-hidden=true]{visibility:hidden;-webkit-user-select:none;user-select:none}.phrase-translation-credit{margin-block:.5em 0;font-size:11px;line-height:1.4;display:block}.phrase-translation-credit a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.display-overlay .phrase-translation-credit{font-size:clamp(8px,.6cqw,13px)}.quran-reference{color:var(--display-accent);justify-content:center;align-items:center;gap:.65cqw;margin:1cqw 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72cqw;display:flex}.reference-divider{opacity:.6;background:currentColor;border-radius:50%;width:2px;height:2px}.without-panel{text-shadow:0 1px 4px #0008}.display-viewer{--display-radius:12px;padding:24px;container-type:normal}.display-viewer .quran-arabic{margin-bottom:16px}.display-viewer .quran-reference{gap:10px;margin-top:20px;font-size:11px}.display-loading,.display-cleared{text-align:center;color:var(--muted);padding:30px;font-size:12px}.scene-transparent{background:0 0}.treatment-fade:before{z-index:1;z-index:1;content:"";background:linear-gradient(to top, var(--fade-panel) 0%, var(--fade-panel) 28%, transparent 100%);height:58%;opacity:var(--fade-opacity);pointer-events:none;position:absolute;inset:auto 0 0}.quran-treatment-fade.with-panel:before{background:0 0}.display-viewer.quran-treatment-fade.with-panel:before{background:linear-gradient(to top, var(--display-panel) 70%, transparent)}.quran-display.has-glow .quran-arabic{text-shadow:0 0 var(--display-glow) var(--display-glow-color)}.quran-display .current-word{transition:background-color .18s}.obs-output{width:100vw;height:100vh}.obs-output .overlay-canvas{aspect-ratio:auto;height:100vh}.overlay-route,.overlay-route #root{background:0 0!important}.overlay-route .skip-link{display:none}.obs-output .overlay-content{width:fit-content;max-width:100%;margin-inline:auto}.obs-output .quran-display{padding:.65cqw 1.4cqw}.obs-output .quran-arabic{font-size:calc(var(--arabic-size) * 1.25)}.obs-output .quran-translation{font-size:calc(var(--translation-size) * 1.25);line-height:1.4}.obs-output .quran-reference{margin-block-start:.45cqw}.obs-output{background:0 0!important}html:has(.obs-output){background:0 0!important}html:has(.obs-output) body{background:0 0!important}html:has(.obs-output) #root{background:0 0!important}html:has(.obs-output){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:hidden}.obs-output .display-loading{display:none}.reader-passage{width:100%;min-width:0;container-type:inline-size}.reader-passage .quran-display{text-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.reader-passage .quran-display.with-panel:before{display:none}.reader-passage .quran-arabic{font-size:calc(clamp(28px, min(5.9cqw, 7.5svh), 68px) * var(--reader-scale));text-wrap:pretty;margin:0 0 clamp(10px,1.5cqw,24px);padding-block:.08em;line-height:1.65}.reader-passage .quran-arabic span{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.15em;padding-block:.025em}.reader-passage .quran-translation{font-size:calc(clamp(16px, 2.25cqw, 27px) * var(--reader-translation-scale) * max(.85, var(--reader-scale)));text-wrap:pretty;max-width:60ch;margin:0 auto;line-height:1.5}.reader-passage .quran-reference{color:var(--muted);gap:10px;margin-top:24px;font-family:inherit;font-size:clamp(14px,1.5cqw,21px)}.studio-appearance-grid{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:38px;display:grid}.studio-display-settings{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:14px;padding:0 20px}.studio-settings-group:not(:last-child){border-bottom:1px solid var(--border)}.studio-settings-group>h2{margin:0;font-size:25px}.studio-accordion-button{width:100%;min-height:72px;color:inherit;text-align:start;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.studio-accordion-button svg{transition:transform .22s var(--studio-ease);flex-shrink:0}.studio-settings-group[data-open=true]>h2 svg{transform:rotate(180deg)}.studio-accordion-body{animation:studio-enter .24s var(--studio-ease);padding-bottom:16px}.studio-preset-chips{gap:7px;margin:4px 0 24px;display:flex}.studio-preset-chips>button{border:1px solid var(--border);min-width:0;min-height:48px;color:inherit;background:0 0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:12px;line-height:1.4;display:flex}.studio-preset-chips i{border-radius:50%;flex-shrink:0;width:16px;height:16px}.studio-preset-chips>button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.studio-preset-chips svg{display:none}.color-field{justify-content:space-between;align-items:center;gap:16px;margin-block:15px;font-size:16px;display:flex}.color-field>div{border:1px solid var(--border);background:var(--panel);border-radius:9px;align-items:center;gap:7px;padding:3px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:0;width:40px;height:40px;padding:3px}.color-field input:not([type=color]){direction:ltr;background:0 0;border:0;width:90px;min-height:40px;padding:6px;font-size:14px}.studio-reset-section{min-height:44px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;align-items:center;padding:4px 0;font-size:14px;text-decoration:underline;display:inline-flex}.studio-more-colors{color:var(--muted);margin-block:12px;font-size:14px}.studio-more-colors summary{min-height:44px}.studio-display-preview{min-width:0;position:sticky;top:24px}.studio-preview-tabs{background:color-mix(in srgb, var(--border) 40%, transparent);border:1px solid var(--border);border-radius:10px;gap:3px;max-width:100%;margin-bottom:14px;padding:3px;display:inline-flex}.studio-preview-tabs>button{min-height:44px;color:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:8px 20px;font-size:15px;display:flex}.studio-preview-tabs>button[aria-pressed=true]{background:var(--soft);color:var(--accent);font-weight:800}.studio-display-stage{min-height:240px;animation:studio-enter .24s var(--studio-ease);background:#443e34;border-radius:14px;overflow:hidden}.studio-display-stage .overlay-canvas{background:#443e34}.studio-display-stage:has(.studio-viewer-preview){place-items:center;min-height:480px;padding:25px;display:grid}.studio-viewer-preview{border-radius:22px;width:300px;max-width:100%;min-height:400px;padding:25px 12px}.studio-viewer-preview>p{text-align:center;margin:0 0 35px;font-size:14px}.studio-preview-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;font-size:13px;display:flex}.studio-preview-caption>span{align-items:center;gap:6px;display:flex}.studio-readable{color:var(--accent)}.studio-output-links{flex-wrap:wrap;gap:24px;margin-top:22px;font-size:14px;display:flex}.studio-output-links a{align-items:center;min-height:44px;display:flex}.studio-appearance-actions{z-index:10;border-top:1px solid var(--border);background:var(--bg);align-items:center;gap:14px;margin-top:24px;padding-block:18px;display:flex;position:sticky;bottom:0}.studio-appearance-actions>p{color:var(--muted);margin:0;margin-inline-start:auto;font-size:14px}.range-field{margin-block:20px}.range-field>div{justify-content:space-between;align-items:center;gap:14px;font-size:16px;display:flex}.number-input{border:1px solid var(--border);border-radius:8px;align-items:center;gap:5px;padding-inline-end:8px;font-size:12px;display:inline-flex}.number-input input[type=number]{background:0 0;border:0;width:60px;min-height:44px;padding:8px;font-size:15px}.range-field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:44px;margin-top:5px}.field{flex-direction:column;gap:9px;font-size:16px;display:flex}.field>select{font-size:15px}.field-help{color:var(--muted);margin:14px 0;font-size:14px;line-height:1.7}.toggle-field{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:16px;font-size:16px;display:flex;position:relative}.toggle-field>span:first-child{flex:1;min-width:0}.toggle-field small{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.6;display:block}.toggle-field input{opacity:0;cursor:pointer;width:48px;height:44px;position:absolute;inset-inline-end:0}.toggle-track{pointer-events:none;background:var(--border);border-radius:999px;flex-shrink:0;width:48px;height:28px;display:block;position:relative}.toggle-track:after{content:"";background:var(--panel);border-radius:50%;width:22px;height:22px;transition:transform .2s ease-out;position:absolute;top:3px;left:3px}.toggle-field input:checked+.toggle-track{background:var(--accent)}.toggle-field input:checked+.toggle-track:after{transform:translate(20px)}.toggle-field input:focus-visible+.toggle-track{outline:3px solid var(--accent);outline-offset:4px}.notice.warning{color:var(--error);font-size:14px;line-height:1.7}@media (width<=1000px){.studio-appearance-grid{grid-template-columns:290px minmax(0,1fr);gap:24px}.studio-display-settings{padding-inline:16px}.studio-preset-chips>button{padding:8px 4px;font-size:11px}.studio-preset-chips i{width:12px;height:12px}.studio-appearance-actions{flex-wrap:wrap}.studio-appearance-actions>p{max-width:40ch}}@media (width<=800px){.studio-appearance-grid{grid-template-columns:minmax(0,1fr);gap:28px}.studio-display-preview{position:static}.studio-display-settings{padding-inline:20px}.studio-preset-chips>button{font-size:15px}.studio-display-stage{min-height:0}.studio-appearance-actions>p{order:4;width:100%;max-width:none;margin:0}.studio-appearance-actions>button:first-child{margin-inline-end:auto}.studio-appearance-actions .studio-button{min-height:48px;padding-inline:14px;font-size:14px}.studio-preview-tabs>button{padding-inline:15px}}.viewer-page{--reader-gutter:clamp(20px, 6vw, 112px);isolation:isolate;flex-direction:column;min-height:100svh;font:18px Nunito Sans,Segoe UI,sans-serif;display:flex;position:relative}.viewer-header{z-index:30;min-height:88px;padding:16px var(--reader-gutter) 20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid;position:relative}.reader-brand{direction:ltr;width:clamp(136px,15vw,190px);display:block}.reader-brand img{width:100%;height:auto;display:block}.reader-mosque{min-width:0;color:var(--reader-frame);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.reader-mosque svg{flex-shrink:0;width:22px;height:22px}.reader-mosque bdi{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reader-header-actions{grid-column:3;align-items:center;gap:clamp(12px,2.5vw,36px);display:flex}.reader-header-actions>.rounded-select .rounded-select-trigger,.reader-options-trigger{border:1.5px solid var(--reader-frame);min-height:52px;color:inherit;background:0 0;border-radius:12px;font-size:20px;font-weight:700}.reader-header-actions>.rounded-select .rounded-select-trigger{min-width:150px;padding-inline:18px}.reader-options-trigger{min-width:62px;padding:8px 14px}.reader-main{width:calc(100% - 2 * var(--reader-gutter));flex:1;min-width:0;max-width:1440px;margin:0 auto;display:flex}.reader-frame{border:2px solid var(--reader-frame);background:var(--reader-paper);width:100%;min-width:0;min-height:min(66svh,740px);box-shadow:-13px 14px 0 color-mix(in srgb, var(--accent) 65%, transparent);flex-direction:column;padding:clamp(22px,2vw,36px) clamp(24px,4vw,70px) clamp(20px,2.5vh,30px);display:flex;position:relative}.reader-frame:before{content:"";border:1px solid var(--reader-frame);pointer-events:none;position:absolute;inset:16px}.reader-frame-corner{z-index:1;color:var(--reader-frame);pointer-events:none;width:40px;height:40px;position:absolute}.corner-top-start{top:16px;left:16px}.corner-top-end{top:16px;right:16px;transform:scaleX(-1)}.corner-bottom-start{bottom:16px;left:16px;transform:scaleY(-1)}.corner-bottom-end{bottom:16px;right:16px;transform:scale(-1)}.reader-session{border-bottom:1px solid color-mix(in srgb, var(--reader-frame) 65%, transparent);color:var(--reader-frame);justify-content:space-between;align-items:baseline;gap:18px;padding-bottom:14px;display:flex}.reader-session h1{letter-spacing:.16em;text-transform:uppercase;text-align:start;margin:0;font-size:clamp(16px,1.9vw,28px);font-weight:800;line-height:1.4}.reader-session .surah-title-glyph{align-self:center;font-size:clamp(19px,2vw,27px)}.reader-session>p{letter-spacing:.14em;white-space:nowrap;margin:0;font-size:clamp(18px,1.9vw,28px);font-weight:800}.reader-verse{text-align:center;flex:1;align-items:center;width:100%;min-width:0;padding-block:clamp(16px,2.6vh,34px) 12px;display:grid}.reader-verse .reader-passage .quran-arabic{margin-block-end:0}.reader-verse .reader-passage .ayah-text{max-inline-size:25em;margin-inline:auto}.reader-verse .reader-passage .quran-arabic span{border-radius:.13em}.reader-translation-label{color:var(--reader-frame);letter-spacing:.22em;text-transform:uppercase;margin:clamp(10px,1.5vh,16px) 0 12px;font-size:clamp(10px,1.1cqw,15px);font-weight:800;line-height:1.6}.reader-translation-label:before{content:"";background:currentColor;width:2px;height:16px;margin:0 auto 10px;display:block}.reader-verse .reader-passage .quran-translation{font-weight:500}.viewer-page[data-reading-mode=translation] .reader-translation-label:before{display:none}.viewer-page[data-reading-mode=translation]{--translation-preview-lines:4}.viewer-page[data-reading-mode=translation] .reader-translation-label{margin-top:0}.reader-empty{color:var(--muted);max-width:30ch;margin:20px auto;font-size:clamp(20px,3vw,32px);line-height:1.7}.reader-save-error{color:var(--muted);text-align:center;font-size:14px}.reader-bottom-bar{z-index:20;padding:14px var(--reader-gutter) max(16px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:space-between;align-items:center;gap:16px;display:grid;position:relative}.reader-follow-status{align-items:center;gap:14px;margin:0;font-size:clamp(13px,1.5vw,22px);line-height:1.5;display:flex}.reader-follow-status>span{background:var(--muted);opacity:.6;border-radius:2px;flex-shrink:0;width:14px;height:14px}.reader-follow-status[data-following=true]>span{background:var(--reader-frame);opacity:1}.reader-bottom-actions{justify-self:end;align-items:center;gap:18px;display:flex}.reader-mode-switch{min-width:0}.reader-mode-switch .reading-mode-compact{border-color:var(--border);background:0 0;flex-wrap:nowrap}.reader-mode-switch .reading-mode-compact button[aria-pressed=true]{color:var(--text)}.reader-mode-switch .reading-mode-compact button{min-height:44px}.reader-fullscreen{width:48px;min-height:48px;color:var(--reader-frame);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.reader-fullscreen svg{width:32px;height:32px}.reader-options{min-width:0;position:relative}.reader-options-panel{inset-inline-end:0;border:1px solid var(--border);background:var(--panel);text-align:start;opacity:0;visibility:hidden;pointer-events:none;border-radius:18px;width:min(350px,100vw - 36px);max-height:calc(100svh - 130px);padding:24px;position:absolute;top:calc(100% + 12px);overflow-y:auto;box-shadow:0 14px 46px #211d1920}.reader-options[data-open=true] .reader-options-panel{opacity:1;visibility:visible;pointer-events:auto}.reader-bottom-bar .reader-options-panel{top:auto;bottom:calc(100% + 12px)}.reader-options-panel h2{margin:0 0 20px;font:600 25px/1.3 Fredoka,sans-serif}.reader-options-label{margin-bottom:8px;font-size:14px;font-weight:750;display:block}.reader-reset{text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin:8px 0 14px;padding:0;font-size:13px;text-decoration:underline}.reader-controls{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;display:flex}.reader-size-controls{gap:4px;display:flex}.reader-controls button{border:1px solid var(--border);min-width:48px;min-height:48px;color:inherit;background:0 0;border-radius:10px;place-items:center;font-size:20px;display:grid}.reader-controls button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.reader-footer{color:var(--muted);border-top:1px solid var(--border);margin-top:20px;padding-top:12px;font-size:12px;line-height:1.75}.reader-footer a{text-underline-offset:3px;text-decoration:underline}.reader-footer summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.reader-footer>a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.viewer-page[data-focus=true] .viewer-header,.viewer-page[data-focus=true] .reader-session{display:none}.viewer-page[data-focus=true] .reader-main{margin-top:24px}.viewer-page[data-focus=true] .reader-frame{min-height:calc(100svh - 122px)}.reader-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.viewer-page[data-reader-mode=dark] .reader-brand{background:#f9eedc;border-radius:8px;padding:4px 10px}[dir=rtl] .reader-session h1,[dir=rtl] .reader-translation-label,[dir=rtl] .reader-options-panel h2{letter-spacing:0;font-family:Tahoma,Segoe UI,sans-serif}.reader-controls button:hover,.reader-options-trigger:hover,.reader-fullscreen:hover{background:var(--soft)}@media (width<=760px){.viewer-page{--reader-gutter:clamp(17px, 5vw, 24px)}.viewer-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:72px;padding-block:12px 16px}.reader-brand{width:clamp(96px,30vw,150px)}.reader-header-actions{grid-column:2;gap:10px}.reader-header-actions>.rounded-select .rounded-select-trigger{border-radius:9px;min-width:92px;min-height:44px;padding-inline:9px;font-size:14px}.reader-options-trigger{border-radius:9px;min-width:44px;min-height:44px;padding:7px 9px;font-size:17px}.reader-mosque{grid-area:2/1/auto/-1;font-size:13px}.reader-frame{min-height:min(52svh,520px);box-shadow:-7px 9px 0 color-mix(in srgb, var(--accent) 65%, transparent);padding:23px clamp(16px,5vw,27px)}.reader-frame:before{inset:9px}.reader-frame-corner{width:25px;height:25px}.corner-top-start{top:9px;left:9px}.corner-top-end{top:9px;right:9px}.corner-bottom-start{bottom:9px;left:9px}.corner-bottom-end{bottom:9px;right:9px}.reader-session{gap:10px;padding-bottom:12px}.reader-session h1{letter-spacing:.13em;font-size:13px}.reader-session>p{letter-spacing:.08em;font-size:15px}.reader-verse{padding-block:14px}.reader-translation-label{letter-spacing:.15em;margin:9px 0 8px;font-size:10px}.reader-translation-label:before{height:12px;margin-bottom:8px}.reader-verse .reader-passage .quran-translation{font-size:calc(clamp(16px, 4.7cqw, 22px) * var(--reader-translation-scale) * max(.95, var(--reader-scale)));line-height:1.5}.reader-bottom-bar{padding-top:16px;padding-bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:12px}.reader-mode-switch{grid-area:1/1/auto/-1;justify-self:center;width:100%;max-width:380px}.reader-mode-switch .reading-mode-compact{width:100%;padding:3px;display:flex}.reader-mode-switch .reading-mode-compact button{flex:1;min-width:0;min-height:44px;padding-inline:8px;font-size:11px}.reader-mode-switch .reading-mode-compact button:last-child{flex:1.65}.reader-follow-status{gap:9px;font-size:13px}.reader-follow-status>span{width:9px;height:9px}.reader-fullscreen{width:44px;min-height:44px}.reader-fullscreen svg{width:26px;height:26px}.reader-options-panel{top:80px;width:auto;max-height:calc(100svh - 106px);padding:22px;position:fixed;inset-inline:18px}.reader-bottom-bar .reader-options-panel{inset-inline:auto 0;width:min(350px,100vw - 36px);position:absolute;top:auto}}.language-select{min-height:44px;color:inherit;flex-shrink:0;align-items:center;gap:6px;display:inline-flex;position:relative}.language-select select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;max-width:115px;min-height:44px;padding:8px 21px 8px 4px;font-size:15px;font-weight:700}.language-select>svg:last-child{pointer-events:none;position:absolute;right:1px}.language-select option{background:var(--panel,#f9eedc);color:var(--text,#443e34)}.landing-header-inner{gap:24px}.landing-header .language-select{margin-inline-start:5px}.landing-header .landing-header-options{margin-inline-start:0}.landing-brand,.footer-brand,.brand{direction:ltr}[dir=rtl] .language-select select{padding-inline:4px 21px}[dir=rtl] .language-select>svg:last-child{left:1px;right:auto}[dir=rtl] .landing-page{font-family:Segoe UI,Tahoma,sans-serif}[dir=rtl] .landing-page :is(h1,h2,h3){letter-spacing:0;font-family:Tahoma,Segoe UI,sans-serif;line-height:1.4}[dir=rtl] .landing-hero h1{font-size:22cqw;line-height:1.25}[dir=rtl] .landing-hero-subtitle{letter-spacing:0;line-height:1.7}[dir=rtl] :is(.landing-kicker,.invitation-kicker,.eyebrow,.tag,.sidebar-version){letter-spacing:0}[dir=rtl] .landing-nav{margin-left:0;margin-inline-start:auto}[dir=rtl] .landing-nav-options{left:0;right:auto}[dir=rtl] .landing-nav-options>button{text-align:start}[dir=rtl] .process-journey>li:not(:last-child):after{left:auto;right:91%}[dir=rtl] .process-journey>li:not(:last-child):before{left:auto;right:103%}[dir=rtl] .landing-page .landing-invitation h2{font-size:clamp(64px,13vw,210px)}[dir=rtl] :is(.landing-cta,.invitation-cta,.faq-contact)>svg{transform:scaleX(-1)}.viewer-header .language-select select{font-size:12px}.contact-detail bdi{unicode-bidi:isolate}@media (width<=1100px){.landing-nav{display:none}.landing-header .language-select{margin-inline-start:auto}.landing-mobile-links{border-bottom:1px solid var(--landing-border);flex-direction:column;margin-bottom:16px;padding-bottom:14px;display:flex}.landing-mobile-links :is(a,button){background:0 0;border:0;align-items:center;min-height:46px;padding:10px;font-size:17px;font-weight:700;display:flex}.header-preferences-icon{display:none}.header-mobile-icon{display:block}}@media (width<=600px){.landing-header-inner{gap:10px}.landing-header .landing-brand{width:137px}.landing-header .language-select{gap:3px}.landing-header .language-select select{max-width:98px;padding-inline-end:18px;font-size:13px}.landing-header .language-select>svg:first-child{display:none}.viewer-header{flex-wrap:wrap;gap:12px}.viewer-header .brand{margin-inline-end:auto}[dir=rtl] .process-journey>li:not(:last-child):after{left:auto;right:50%}}.recitation-studio{--bg:#f9eedc;--panel:#fffcf7;--text:#443e34;--muted:#716456;--accent:#515b3a;--accent-ink:#fffcf7;--border:#d8cebc;--soft:#e7e9d8;--error:#9d362a;--sage:#839a7b;--studio-ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);min-height:100svh;color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:18px Nunito Sans,Segoe UI,sans-serif;position:relative;overflow-x:clip}:root[data-mode=dark] .recitation-studio{--bg:#211d19;--panel:#2d2722;--text:#f1e8db;--muted:#c4b8a8;--accent:#b5c396;--accent-ink:#211d19;--border:#554a3d;--soft:#3c4430;--error:#f4aa9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.recitation-studio :is(h1,h2,h3){letter-spacing:-.025em;font-family:Fredoka,Arial Rounded MT Bold,sans-serif;font-weight:700;line-height:1.15}.recitation-studio :is(button,input,select,a){-webkit-tap-highlight-color:transparent}.recitation-studio a{color:inherit;text-decoration:none}.recitation-studio :is(button,select,input,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.recitation-studio-header{border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:28px;width:100%;min-height:clamp(104px,9vw,146px);margin-inline:auto;padding:18px clamp(20px,4vw,64px);display:flex;position:relative}.recitation-studio-brand{direction:ltr;flex-shrink:0;width:clamp(180px,17vw,260px);margin-inline-end:auto;display:block}.recitation-studio-brand img{width:100%;height:auto;display:block}:root[data-mode=dark] .recitation-studio-brand{background:#f9eedc;border-radius:12px;padding:8px 12px}.studio-header-actions{gap:14px;display:flex}.studio-header-action{border:1px solid var(--sage);min-height:48px;color:inherit;transition:transform .16s var(--studio-ease), background-color .16s ease;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:17px;font-weight:650;display:inline-flex}.studio-header-action:focus-visible{background:var(--soft)}.studio-header-action:active{transform:scale(.97)}.recitation-studio-header{animation:studio-enter .26s var(--studio-ease) both}.recitation-studio-main{width:calc(100% - 120px);max-width:1480px;margin-inline:auto;padding-block:44px 28px}.studio-route{min-width:0;animation:studio-enter .26s var(--studio-ease) both}.studio-page-heading{margin-bottom:36px}.studio-page-heading h1{margin:0 0 9px;font-size:clamp(36px,3.5vw,54px)}.studio-page-heading p{color:var(--muted);margin:0;font-size:clamp(20px,2vw,27px);line-height:1.5}.recitation-studio button{cursor:pointer}.recitation-studio button:disabled{cursor:not-allowed;opacity:.45}.studio-button{border:1px solid var(--accent);background:var(--accent);min-height:52px;color:var(--accent-ink);transition:transform .16s var(--studio-ease), opacity .16s ease;border-radius:11px;justify-content:center;align-items:center;gap:12px;padding:13px 26px;font:800 17px/1.4 Nunito Sans,Segoe UI,sans-serif;display:inline-flex}.studio-button:active:not(:disabled){transform:scale(.97)}.studio-button-secondary{border-color:var(--border);color:var(--text);background:0 0}.studio-icon-button{width:44px;height:44px;color:inherit;transition:transform .16s var(--studio-ease), background-color .16s ease;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;place-items:center;padding:9px;display:inline-grid}.studio-icon-button:active{transform:scale(.93)}.studio-icon-button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.studio-quiet-link,.studio-access-link{min-height:44px;color:var(--accent);text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:4px 0;font-size:16px;text-decoration:underline;display:inline-flex}.studio-muted-note{color:var(--muted);font-size:15px;line-height:1.65}.studio-error{color:var(--error);font-size:15px}.studio-save-warning{max-width:1000px;color:var(--error);margin:20px auto;padding:14px 20px;font-size:15px}.studio-settings-page{max-width:1040px;margin-inline:auto}.studio-settings-section{border-bottom:1px solid var(--border);animation:studio-enter .4s 50ms var(--studio-ease) both;padding-block:24px}.studio-settings-section h2,.studio-profile-heading h2{margin:0 0 20px;font-size:28px}.studio-test-row{align-items:end;gap:24px;margin-top:22px;display:flex}.studio-test-row>div{flex:1;min-width:0}.studio-test-row p{color:var(--muted);margin:0 0 10px;font-size:16px}.studio-test-row .studio-input-meter{border:0;gap:9px;width:100%;max-width:none;height:44px;padding:0}.studio-test-row .studio-input-meter span{flex:1;max-width:25px;height:26px}.studio-small-status{min-height:1.6em;color:var(--muted);margin:12px 0 0;font-size:15px}.studio-advanced{border-bottom:1px solid var(--border);padding-block:16px}.studio-advanced summary{justify-content:space-between;align-items:center;font:700 27px Fredoka,sans-serif;list-style:none;display:flex}.studio-advanced summary::-webkit-details-marker{display:none}.studio-advanced summary svg{transition:transform .18s var(--studio-ease)}.studio-advanced[open] summary svg{transform:rotate(180deg)}.studio-advanced p{color:var(--muted);animation:studio-enter .2s var(--studio-ease);font-size:16px}.studio-form-actions{justify-content:flex-end;align-items:center;gap:14px;padding-block:24px;display:flex}.studio-form-actions p{margin:0;color:var(--accent);margin-inline-end:auto;font-size:15px}.studio-field{flex-direction:column;gap:9px;margin-bottom:22px;font-size:17px;font-weight:700;display:flex}.studio-field input{border-radius:10px;width:100%;min-height:52px;padding:13px 16px;font-size:18px;font-weight:400;transition:border-color .15s}.studio-field input::placeholder{color:var(--muted);opacity:.8}.studio-profile-heading{align-items:center;gap:20px;margin-block:28px 24px;display:flex}.studio-profile-heading>span{background:var(--soft);width:68px;height:68px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.studio-profile-heading h2{margin:0}.studio-profile-fields{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.studio-access-link{justify-content:start;gap:12px;text-decoration:none}.studio-dialog{border:1px solid var(--border);background:var(--panel);width:min(500px,100% - 40px);max-height:85svh;color:var(--text);animation:studio-enter .22s var(--studio-ease);border-radius:20px;padding:32px;font-family:inherit}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#211d1959}.studio-dialog-close{position:absolute;inset:12px 12px auto auto}.studio-dialog h2{margin:20px 0;font-size:32px}.studio-dialog p{font-size:18px;line-height:1.7}.recitation-studio .toggle-field{padding-block:20px;font-size:19px}.recitation-studio .toggle-field small{font-size:16px}.recitation-studio .toggle-track{transition:background-color .16s}.recitation-studio .toggle-track:after{transition:transform .22s var(--studio-ease)}[dir=rtl] .recitation-studio{font-family:Segoe UI,Tahoma,sans-serif}[dir=rtl] .recitation-studio :is(h1,h2,h3,summary){letter-spacing:0;font-family:Tahoma,Segoe UI,sans-serif;line-height:1.5}[dir=rtl] .studio-dialog-close{inset-inline:auto 12px}@keyframes studio-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.studio-button:hover:not(:disabled){transform:translateY(-2px)}.studio-icon-button:hover{background:var(--soft)}.studio-access-link:hover svg{transform:translate(4px)}}@media (width<=1000px){.recitation-studio-main{width:calc(100% - 64px)}.recitation-studio-brand{width:160px}.recitation-studio-header{gap:18px}}@media (width<=700px){.recitation-studio-header{grid-template-columns:minmax(0,1fr) 46px;gap:14px;padding:16px 20px;display:grid}.studio-header-actions{grid-area:2/1/auto/-1;justify-content:flex-end;gap:10px}.studio-header-action{flex:1;gap:8px;min-height:44px;padding-inline:10px;font-size:14px}.recitation-studio-brand{width:158px}.recitation-studio-main{width:calc(100% - 40px);padding-block:28px 20px}.studio-page-heading{margin-bottom:24px}.studio-page-heading h1{font-size:36px}.studio-page-heading p{font-size:20px}.studio-test-row{flex-direction:column;align-items:stretch;gap:15px}.studio-profile-fields{grid-template-columns:1fr;gap:0}.studio-form-actions{flex-wrap:wrap}.studio-form-actions>p{width:100%}.studio-button{padding-inline:18px;font-size:16px}.studio-settings-section h2{font-size:26px}.recitation-studio .toggle-field{font-size:18px}.recitation-studio .toggle-field small{font-size:15px}}.studio-menu{flex-shrink:0;position:relative}.studio-menu-button{width:52px;height:52px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.studio-menu-button span{width:28px;height:3px;transition:transform .24s var(--studio-ease), opacity .14s ease;background:currentColor;border-radius:99px}.studio-menu[data-open=true] .studio-menu-button span:first-child{transform:translateY(9px)rotate(45deg)}.studio-menu[data-open=true] .studio-menu-button span:nth-child(2){opacity:0;transform:scaleX(.5)}.studio-menu[data-open=true] .studio-menu-button span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.studio-menu-panel{border:1px solid var(--border);background:var(--panel);opacity:0;transform-origin:100% 0;visibility:hidden;width:360px;max-width:calc(100vw - 40px);max-height:calc(100svh - 150px);transition:opacity .18s ease, transform .24s var(--studio-ease), visibility 0s .24s;border-radius:18px;padding:18px;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;overflow-y:auto;transform:translateY(-10px)scale(.98)}.studio-menu[data-open=true] .studio-menu-panel{visibility:visible;opacity:1;transition:opacity .18s ease, transform .24s var(--studio-ease), visibility 0s;transform:translateY(0)scale(1)}.studio-menu-link{opacity:0;min-height:48px;transition:opacity .18s ease, transform .24s var(--studio-ease), background-color .15s ease;border-radius:12px;align-items:center;gap:20px;padding:10px 12px;font-size:17px;line-height:1.4;display:flex;transform:translateY(-7px)}.studio-menu[data-open=true] .studio-menu-link{opacity:1;transform:none}.studio-menu-link.active{background:var(--soft);color:var(--accent);font-weight:800}.studio-menu-link svg{transition:transform .18s var(--studio-ease);flex-shrink:0}.studio-menu-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:14px 8px 0;display:flex}.studio-menu-footer .language-select{min-width:0}.studio-menu-footer .language-select select{width:100%;font-size:16px}.studio-mode-buttons{border-inline-start:1px solid var(--border);gap:4px;padding-inline-start:12px;display:flex}.studio-menu :is(button,a):focus-visible{outline-offset:2px}[dir=rtl] .studio-menu-panel{transform-origin:0 0}@media (hover:hover) and (pointer:fine){.studio-menu-link:hover{background:var(--soft)}.studio-menu-link:hover svg{transform:translateY(-2px)}.studio-menu:not([data-open=true]) .studio-menu-button:hover span:nth-child(2){transform:translate(3px)}}@media (width<=700px){.studio-menu-button{width:46px;height:46px}.studio-menu-panel{width:320px;max-height:calc(100svh - 100px);padding:12px;overflow-y:auto}.studio-menu-link{gap:16px;min-height:46px;font-size:17px}}.studio-live-page{text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - clamp(104px,9vw,146px) - 72px);display:flex}.studio-listening-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:calc(100% - 320px);max-width:1040px;min-height:420px;padding-block:12px 48px;display:flex;transform:none}.studio-microphone-select .rounded-select-trigger{background:0 0;border:0;padding-inline:0}.studio-microphone-select .rounded-select{flex:1;min-width:0}html:has(.recitation-studio){scrollbar-gutter:stable}.recitation-studio:has(.studio-menu[data-open=true]) .studio-listening-stage{transform:none}.studio-ready,.studio-live-passage{width:100%;animation:studio-enter .24s var(--studio-ease) both}.studio-mic-disc{aspect-ratio:1;border:3px solid var(--sage);width:clamp(136px,13.5vw,208px);color:var(--sage);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.studio-mic-disc>svg{width:58%;height:58%}.studio-ready h1{margin:0 0 14px;font-size:clamp(38px,4.15vw,68px)}.studio-ready>p{color:var(--muted);margin:0;font-size:clamp(21px,1.8vw,28px);font-weight:650}.studio-start-button{background:var(--text);border-color:var(--text);color:var(--bg);width:min(100%,310px);min-height:64px;animation:studio-enter .26s 60ms var(--studio-ease) both;font-size:24px}.studio-live-passage .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-live-arabic{letter-spacing:0;margin:0 0 12px;padding-block:8px;font:400 clamp(46px,6.7vw,96px)/1.9 Uthmani,Traditional Arabic,serif}.studio-live-arabic>span:not([data-current-group])>span:not(.quran-marked-word){-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.16em;padding:.05em .035em;transition:background-color .18s}.studio-active-word{background:var(--soft)}.studio-live-translation{max-width:65ch;margin:0 auto 8px;font-size:clamp(18px,1.9vw,28px);line-height:1.5}.studio-tracking-mode{max-width:100%}.studio-tracking-mode .reading-mode-compact button{min-width:72px;min-height:44px;padding-inline:10px}.studio-live-reference{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:19px;display:flex}.listening-controls{width:min(100%,660px);animation:studio-enter .26s .1s var(--studio-ease) both}.listening-control-bar{justify-content:center;gap:16px;display:flex}.studio-microphone-select{border:1px solid var(--sage);text-align:start;border-radius:8px;align-items:center;gap:12px;min-width:0;min-height:52px;padding:4px 16px;display:flex}.listening-control-bar .studio-microphone-select{flex:1}.studio-microphone-select>svg{pointer-events:none;flex-shrink:0}.studio-microphone-select select{appearance:none;width:100%;min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:18px}.studio-sound-test{border:1px solid var(--sage);min-height:52px;color:inherit;white-space:nowrap;transition:transform .16s var(--studio-ease), background-color .16s ease;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:8px 20px;font-size:18px;display:inline-flex}.studio-sound-test[aria-pressed=true],.studio-sound-test:focus-visible{background:var(--soft)}.studio-sound-test:active:not(:disabled){transform:scale(.97)}.studio-volume{min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:16px;margin-top:18px;display:flex}.studio-volume>label{font-size:18px}.volume-capsules{width:420px;max-width:65%;height:44px;position:relative}.volume-capsules>div{pointer-events:none;align-items:center;gap:9px;height:100%;display:flex}.volume-capsules span{background:var(--border);height:26px;transition:background-color .18s ease, transform .18s var(--studio-ease);border-radius:999px;flex:1}.volume-capsules span[data-filled=true]{background:var(--sage)}.volume-capsules input{opacity:0;cursor:pointer;width:100%;height:44px;min-height:44px;margin:0;position:absolute;inset:0}.volume-capsules:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.studio-test-feedback{min-height:24px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.studio-demo-note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.studio-timer-status{color:var(--muted);margin:0;font-size:15px}.studio-timer-status bdi{font-variant-numeric:tabular-nums;margin-inline-start:8px}.studio-announcement-preview{border:1px solid var(--sage);max-width:600px;animation:studio-enter .2s var(--studio-ease);border-radius:10px;padding:12px 24px}.studio-announcement-preview small{color:var(--muted);font-size:12px}.studio-announcement-preview p{overflow-wrap:anywhere;margin:6px 0 0}.studio-input-meter{justify-content:center;align-items:center;gap:7px;height:40px;display:flex}.studio-input-meter span{background:var(--border);transform-origin:50%;border-radius:999px;width:6px;height:25px}.studio-input-meter[data-active=true] span{background:var(--accent);animation:.95s ease-in-out infinite alternate studio-level}.studio-input-meter[data-active=true] span:nth-child(3n){animation-duration:.68s}@keyframes studio-level{0%{opacity:.55;transform:scaleY(.32)}to{opacity:1;transform:scaleY(1)}}@media (hover:hover) and (pointer:fine){.studio-sound-test:hover:not(:disabled),.studio-header-action:hover{background:var(--soft);transform:translateY(-1px)}.volume-capsules:hover span[data-filled=true]{transform:scaleY(1.1)}}@media (width<=999px){.studio-listening-stage{width:100%;max-width:760px;min-height:380px}.studio-live-page{min-height:calc(100svh - 260px)}}@media (width<=600px){html:has(.recitation-studio){scrollbar-gutter:auto}.studio-live-page{min-height:0}.studio-listening-stage{gap:24px;min-height:360px;padding-block:12px 32px}.studio-mic-disc{border-width:2px;width:122px;margin-bottom:22px}.studio-ready h1{font-size:36px}.studio-ready>p{font-size:20px}.studio-start-button{width:260px;min-height:56px;font-size:21px}.studio-live-arabic{font-size:44px;line-height:2}.studio-live-translation{font-size:17px}.studio-live-reference{font-size:14px}.listening-control-bar{gap:10px}.studio-microphone-select{gap:7px;padding-inline:10px}.studio-microphone-select select{font-size:14px}.studio-sound-test{white-space:normal;gap:7px;padding-inline:10px;font-size:14px}.studio-volume{gap:8px;margin-top:14px}.studio-volume>label{font-size:15px}.volume-capsules{flex:1;min-width:0;max-width:none}.volume-capsules>div{gap:5px}.volume-capsules span{height:22px}}@media (height<=700px) and (width>=1000px){.studio-listening-stage{gap:20px;min-height:330px;padding-bottom:28px}.studio-mic-disc{width:120px;margin-bottom:18px}.studio-ready h1{font-size:44px}}.recitation-studio-main:has(.studio-live-page){width:calc(100% - clamp(32px,4vw,76px));max-width:none}.studio-live-page .studio-listening-stage{width:100%;max-width:none}.studio-live-page .studio-live-arabic{font-size:clamp(44px,4.3vw,96px)}.studio-live-page .studio-live-arabic.ayah-text{max-width:25em;margin-inline:auto;font-size:clamp(32px,3.8vw,76px);line-height:1.8}.studio-ayah-cue{min-height:36px;color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-block:0 10px;font-size:13px;display:flex}.studio-ayah-cue bdi{border:1px solid var(--border);color:var(--text);border-radius:8px;padding-inline:8px;font:400 25px/1.35 Uthmani,Traditional Arabic,serif}.studio-live-page.font-nastaleeq :is(.studio-live-arabic,.studio-ayah-cue bdi){font-family:Quran Nastaleeq,Uthmani,serif}.recognized-panel-shell{z-index:15;width:min(290px,100vw - 72px);transition:transform .24s var(--studio-ease);direction:ltr;position:fixed;bottom:24px;left:16px;transform:translate(calc(-100% - 16px))}.recognized-panel-shell[data-open=true]{transform:translate(0)}.recognized-panel-content{border:1px solid var(--border);background:var(--panel,var(--bg));border-radius:18px;padding:18px 20px;box-shadow:0 6px 24px #352a230a}[dir=rtl] .recognized-panel-content{direction:rtl}.recognized-panel-content h2{color:var(--text);margin:0 0 12px;font:700 15px Nunito Sans,sans-serif}.recognized-panel-content p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}.recognized-panel-content p[lang=ar]{color:var(--text);font:400 22px/1.8 Uthmani,serif}.recognized-panel-content small{display:none}.recognized-panel-handle{border:1px solid var(--border);background:var(--bg);width:32px;min-height:44px;color:var(--text);border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.recognized-panel-handle svg{transition:transform .24s var(--studio-ease)}.recognized-panel-shell:not([data-open=true]) .recognized-panel-handle svg{transform:rotate(180deg)}@media (width<=600px){.recognized-panel-shell{bottom:84px}}.studio-menu-group{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.studio-menu-group h2{letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-family:Nunito Sans,sans-serif;font-size:12px;font-weight:800}.studio-tools-menu{inset-inline-end:clamp(20px,3vw,48px);bottom:max(20px, env(safe-area-inset-bottom));z-index:35;position:fixed}.studio-tools-trigger{border:1px solid var(--border);background:var(--panel);min-height:48px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:16px;font-weight:800;transition:background-color .16s;display:flex;box-shadow:0 4px 20px #211d190a}.studio-tools-trigger[aria-expanded=true]{background:var(--soft)}.studio-tools-glyph{flex-direction:column;justify-content:center;gap:5px;width:18px;height:20px;display:flex}.studio-tools-glyph i{width:18px;height:2px;transition:transform .2s var(--studio-ease);background:currentColor;border-radius:2px;display:block}.studio-tools-menu[data-open=true] .studio-tools-glyph i:first-child{transform:translateY(3.5px)rotate(45deg)}.studio-tools-menu[data-open=true] .studio-tools-glyph i:last-child{transform:translateY(-3.5px)rotate(-45deg)}.studio-tools-panel{inset-inline-end:0;border:1px solid var(--border);background:var(--panel);opacity:0;visibility:hidden;transform-origin:100% 100%;width:min(330px,100vw - 40px);max-height:calc(100svh - 116px);transition:opacity .18s ease, transform .2s var(--studio-ease), visibility 0s .2s;border-radius:20px;padding:20px;position:absolute;bottom:calc(100% + 12px);overflow-y:auto;transform:translateY(8px)scale(.98);box-shadow:0 12px 36px #211d1912}.studio-tools-menu[data-open=true] .studio-tools-panel{opacity:1;visibility:visible;transition-delay:0s;transform:none}.studio-tools-panel .studio-menu-group:first-child{border-top:0;margin-top:0;padding-top:0}.studio-tools-panel .studio-menu-group+.studio-menu-group{margin-top:18px;padding-top:18px}.studio-tools-panel .studio-tool-shortcuts button{border-radius:12px}.recitation-studio:has(.studio-tools-menu) .recitation-studio-main{padding-bottom:92px}[dir=rtl] .studio-tools-panel{transform-origin:0 100%}.studio-tool-shortcuts{grid-template-columns:1fr;gap:3px;display:grid}.studio-tool-shortcuts button{text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;min-height:44px;padding:8px 12px;font-size:16px;display:flex}.studio-tool-shortcuts button:focus-visible,.studio-manual-states button:focus-visible{background:var(--soft)}.studio-manual-states{gap:5px;display:flex}.studio-manual-states button{border:1px solid var(--border);min-height:44px;color:inherit;background:0 0;border-radius:7px;flex:1;padding:6px;font-size:13px}.studio-manual-states button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.studio-tool-drawer{border:0;border-inline-start:1px solid var(--sage);background:var(--bg);width:min(440px,100%);max-width:100%;height:100%;max-height:100svh;color:var(--text);animation:studio-drawer-enter .22s var(--studio-ease) both;border-radius:0;margin:0;padding:28px;font-family:inherit;font-size:17px;position:fixed;inset:0 0 0 auto}.studio-tool-drawer::backdrop{background:#211d1940;animation:.22s both studio-backdrop-enter}.studio-tool-drawer[data-closing=true]{animation:studio-drawer-exit .2s var(--studio-ease) both}.studio-tool-drawer[data-closing=true]::backdrop{animation:.2s both studio-backdrop-exit}.studio-drawer-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;display:flex}.studio-drawer-heading h2{margin:0;font-size:32px}.studio-tool-drawer p{line-height:1.7}.studio-tool-drawer textarea{resize:vertical;border:1px solid var(--border);background:var(--panel);min-height:120px;max-height:45svh;color:var(--text);font:inherit;border-radius:9px;width:100%;padding:13px}.studio-tool-drawer textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.studio-drawer-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.studio-drawer-actions .studio-button{padding-inline:16px;font-size:15px}.recitation-studio a.studio-button{color:var(--accent-ink)}.studio-tool-feedback{color:var(--muted);min-height:1.7em;font-size:14px}.studio-timer-value{text-align:center;font-variant-numeric:tabular-nums;margin:28px 0;font:600 64px Fredoka,sans-serif}.studio-viewer-qr{border:1px solid var(--border);border-radius:10px;width:min(256px,100%);height:auto;margin:24px auto;display:block}.studio-recordings-empty{max-width:600px;padding:48px 0}.studio-recordings-empty>svg{color:var(--accent)}.studio-recordings-empty h2{margin:20px 0 12px;font-size:32px}.studio-recordings-empty p{color:var(--muted);line-height:1.8}@keyframes studio-drawer-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes studio-drawer-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(24px)}}@keyframes studio-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes studio-backdrop-exit{0%{opacity:1}to{opacity:0}}@media (hover:hover) and (pointer:fine){.studio-tool-shortcuts button:hover{background:var(--soft)}}@media (width<=600px){.studio-tool-drawer{padding:22px}.studio-drawer-heading h2{font-size:29px}}.studio-manual-actions{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.studio-manual-actions button{border:1px solid var(--border);background:var(--bg);min-height:76px;color:var(--text);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font:600 13px/1.4 Nunito Sans,sans-serif;display:flex}.studio-manual-actions button[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.studio-manual-actions button:hover,.studio-tool-shortcuts button:hover{background:var(--soft)}.studio-manual-states{background:var(--bg);border:1px solid var(--border);border-radius:14px;gap:2px;padding:4px}.studio-manual-states button{border:0;border-radius:10px}.studio-tools-panel .studio-tool-shortcuts button{color:var(--text);padding:12px}.rounded-select{width:100%;min-width:0}.rounded-select-trigger{border:1px solid var(--border,#ded5c8);background:var(--panel,#fffcf7);width:100%;min-height:46px;color:inherit;text-align:start;font:inherit;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:16px;display:flex}.rounded-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-select-trigger>svg{flex-shrink:0;transition:transform .18s}.rounded-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.rounded-select-trigger[aria-expanded=true]{border-color:var(--accent,#515b3a)}.rounded-select-popup{z-index:1000;border:1px solid;border-radius:14px;padding:6px;font:600 15px Nunito Sans,sans-serif;animation:.16s ease-out both select-enter;position:fixed;overflow-y:auto;box-shadow:0 10px 28px #352a2317}.rounded-select-popup [role=option]{cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:11px 13px;display:flex}.rounded-select-popup [data-active=true]{background:color-mix(in srgb, currentColor 9%, transparent)}.rounded-select-popup [aria-selected=true]{font-weight:850}.language-select .rounded-select-trigger{background:0 0;border-color:#0000;padding-inline:6px;font-size:15px;font-weight:800}.language-select .rounded-select{width:auto;min-width:110px}.language-select>svg{flex-shrink:0}@keyframes select-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=600px){.landing-header .language-select .rounded-select{width:100px;min-width:100px}.landing-header .language-select .rounded-select-trigger{gap:5px;padding-inline:3px;font-size:13px}.landing-header .language-select .rounded-select-trigger>svg{width:14px}}.recitation-studio:has(.studio-appearance-page) .recitation-studio-header{min-height:76px;padding-block:10px}.recitation-studio:has(.studio-appearance-page) .recitation-studio-brand{width:145px}.recitation-studio:has(.studio-appearance-page) .recitation-studio-main{width:calc(100% - 72px);padding-block:20px 16px}.studio-appearance-page{max-width:1280px;margin-inline:auto}.appearance-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.appearance-heading h1{margin:0;font-size:clamp(28px,2.5vw,38px)}.appearance-heading .studio-preview-tabs{background:0 0;margin:0}.appearance-heading .studio-preview-tabs>button{min-width:86px;min-height:36px;padding:7px 16px;font-size:14px}.appearance-heading .studio-preview-tabs>button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.appearance-preview{min-width:0}.appearance-preview .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appearance-preview .studio-display-stage{border:1px solid var(--border);background:var(--soft);border-radius:14px;min-height:0;animation:none}.appearance-preview .overlay-canvas{background:var(--soft)}.appearance-preview .scene-label{display:none}.appearance-preview .scene-image{pointer-events:none}.appearance-preview .studio-display-stage:has(.studio-viewer-preview){background:var(--soft);min-height:500px;padding:28px}.appearance-preview .studio-viewer-preview{border:5px solid #443e34;border-radius:30px;width:300px;min-height:450px;padding:34px 12px 20px;position:relative}.viewer-preview-notch{background:#443e34;border-radius:0 0 12px 12px;width:90px;height:12px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.appearance-preview-toolbar{min-height:48px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;font-size:12px;display:flex}.appearance-preview-toolbar p{margin:0}.appearance-preview-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.appearance-preview-button{color:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px;font-size:12px;display:inline-flex}.appearance-scene-warning{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.6}.appearance-dock{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 40%, transparent);border-radius:16px;padding:10px 20px 0}.appearance-dock-toolbar{justify-content:center;align-items:center;gap:clamp(24px,4vw,60px);display:flex}.appearance-dock-tabs{border-inline-end:1px solid var(--border);gap:8px;padding-inline-end:clamp(20px,3vw,50px);display:flex}.appearance-dock-tabs>button{min-width:84px;min-height:64px;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:background-color .16s;display:flex}.appearance-dock-tabs>button[aria-selected=true]{border-color:var(--border);background:var(--soft)}.reading-mode-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.reading-mode-choices button{border:1px solid var(--border);min-height:44px;color:inherit;background:var(--panel);border-radius:8px;padding:8px 14px}.reading-mode-choices button[aria-pressed=true]{color:var(--accent);background:var(--soft)}.reading-mode-compact{border:1px solid var(--border);border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:flex}.reading-mode-compact button{background:0 0;border:0;border-radius:999px;min-width:80px;min-height:36px;padding:7px 15px;font-size:13px}.reading-mode-compact button[aria-pressed=true]{font-weight:800}.appearance-dock-toolbar .toggle-field{border:0;flex-direction:row-reverse;gap:12px;min-height:44px;padding-block:0;font-size:13px}.appearance-dock-toolbar .toggle-field input{inset-inline:0 auto}.appearance-dock-toolbar .toggle-track{width:42px;height:24px}.appearance-dock-toolbar .toggle-track:after{width:18px;height:18px}.appearance-dock-toolbar .toggle-field input:checked+.toggle-track:after{transform:translate(18px)}.appearance-dock-panel{animation:appearance-pane-enter .18s var(--studio-ease) both;padding:14px 0 0}.appearance-dock-panel:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:8px}.presentation-presets{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 28px;display:flex}.presentation-preset-grid{grid-template-columns:repeat(3,minmax(0,160px));gap:16px;display:grid}.presentation-preset{min-width:0;color:inherit;background:0 0;border:0;padding:0}.preset-art{width:160px;height:58px;color:var(--preset-text);background:url(/images/preview/mosque-reference.png) 50% 60%/cover;border-radius:6px;justify-content:center;align-items:flex-end;padding:10px 12px;display:flex;position:relative}.preset-art:before{content:"";border:1px solid var(--border);border-radius:inherit;position:absolute;inset:0}.presentation-preset[aria-pressed=true] .preset-art:before{border:2px solid var(--accent);border-radius:9px;inset:-4px}.preset-art-caption{background:var(--preset-panel);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:28px;display:flex}.preset-art-caption i,.preset-art-caption b,.preset-art-caption em{background:currentColor;border-radius:3px;width:55%;height:2px}.preset-art-caption b{opacity:.7;width:65%;height:1px}.preset-art-caption em{opacity:.5;width:20%;height:1px}.preset-art-fade .preset-art-caption{background:linear-gradient(#0000 20%,#171c15ed);width:100%;height:100%;padding-top:28px;position:absolute;inset:0}.preset-art-minimal .preset-art-caption{background:0 0}.preset-art-focus{align-items:center}.preset-art-check{background:var(--accent);width:17px;height:17px;color:var(--accent-ink);border-radius:50%;padding:2px;position:absolute;top:4px;right:4px}.presentation-preset strong{min-height:22px;margin-top:8px;font-size:13px;font-weight:750;display:block}.preset-more{color:var(--muted);padding-top:8px;font-size:12px}.preset-more summary{cursor:pointer;align-items:center;gap:7px;min-height:44px;list-style:none;display:flex}.preset-more summary::-webkit-details-marker{display:none}.preset-more[open]{padding-top:0}.preset-more[open] summary{margin-bottom:10px}.editor-advanced{margin-top:2px}.editor-advanced>summary{min-height:44px;color:var(--muted);cursor:pointer;text-underline-offset:3px;justify-content:center;align-items:center;font-size:12px;text-decoration:underline;display:flex}.editor-advanced[open]{border-top:1px solid var(--border);margin-top:12px}.appearance-color-controls{max-width:720px;margin-inline:auto}.appearance-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px 36px;padding:12px 8px;display:grid}.appearance-control-grid>hr{display:none}.appearance-control-grid .field{margin-block:12px;font-size:14px}.appearance-control-grid .field-help{font-size:12px}.appearance-control-grid .range-field{margin-block:8px}.appearance-control-grid .range-field>div{font-size:14px}.appearance-control-grid .toggle-field{min-height:64px;font-size:14px}.appearance-dock-panel>.field-help{margin:0 8px;font-size:12px}.appearance-dock-panel>.studio-reset-section,.editor-advanced>.studio-reset-section{margin-inline:auto;font-size:12px;display:flex}.studio-appearance-page .studio-appearance-actions{border-top:0;gap:12px;margin-top:0;padding-block:14px;position:static}.studio-appearance-page .studio-appearance-actions>p{align-items:center;gap:8px;margin:0 auto 0 0;font-size:12px;line-height:1.5;display:flex}.studio-appearance-page .studio-appearance-actions>button{min-height:44px;padding:10px 22px;font-size:14px}.appearance-contrast-alert{color:var(--error);justify-content:space-between;align-items:center;gap:20px;display:flex}.appearance-contrast-alert p{font-size:14px}[dir=rtl] .studio-appearance-page .studio-appearance-actions>p{margin-inline:0 auto}@keyframes appearance-pane-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.appearance-preview-button:hover,.appearance-dock-tabs>button:hover{background:var(--soft)}}@media (width<=1100px){.appearance-dock-toolbar{flex-wrap:wrap;gap:12px 24px}.appearance-dock-tabs{padding-inline-end:24px}.appearance-dock-toolbar .toggle-field{min-height:44px}.appearance-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.recitation-studio:has(.studio-appearance-page) .recitation-studio-main{width:calc(100% - 32px);padding-top:12px}.recitation-studio:has(.studio-appearance-page) .recitation-studio-header{grid-template-columns:minmax(0,1fr) 46px}.recitation-studio:has(.studio-appearance-page) .studio-header-actions{display:none}.appearance-heading{align-items:center;gap:8px}.appearance-heading h1{font-size:27px}.appearance-heading .studio-preview-tabs>button{min-width:54px;min-height:38px;padding-inline:10px;font-size:12px}.appearance-preview-toolbar>div{gap:2px}.appearance-preview-toolbar p{padding-top:8px;font-size:11px}.appearance-preview-button{padding-inline:5px;font-size:11px}.appearance-preview .studio-display-stage:has(.studio-viewer-preview){min-height:450px;padding:14px}.appearance-dock{padding:8px 10px 0}.appearance-dock-toolbar{justify-content:space-between;gap:10px 6px}.appearance-dock-tabs{border:0;justify-content:stretch;gap:6px;width:100%;padding:0}.appearance-dock-tabs>button{flex:1;min-width:0;min-height:58px;font-size:12px}.reading-mode-compact{flex:1}.reading-mode-compact button{flex:1;min-width:0;padding-inline:8px;font-size:11px}.appearance-dock-toolbar .toggle-field{justify-content:flex-end;gap:12px;width:100%}.presentation-presets{display:block}.presentation-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preset-art{width:100%;height:52px;padding-inline:7px}.presentation-preset strong{font-size:11px}.preset-more{padding-top:0}.preset-more summary{justify-content:center}.appearance-control-grid{grid-template-columns:1fr;gap:8px;padding-inline:2px}.studio-appearance-page .studio-appearance-actions{flex-wrap:wrap;gap:8px;position:sticky}.studio-appearance-page .studio-appearance-actions>p{order:4;width:100%;margin:0;padding-top:3px}.studio-appearance-page .studio-appearance-actions>button{min-height:44px;padding-inline:13px;font-size:13px}.studio-appearance-page .studio-appearance-actions>button:nth-child(2){margin-inline-end:auto}}.reading-mode-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-mode-compact{flex-wrap:wrap}.auth-page{color:#443e34;--panel:#fffcf7;--border:#d8cebc;--accent:#515b3a;--text:#443e34;background:#f9eedc;min-height:100svh;font:16px Nunito Sans,sans-serif}.studio-account-service{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 22px;font-size:15px;display:flex}.studio-account-service p{margin:0}.studio-account-service a,.studio-menu-auth-link{text-underline-offset:4px;align-items:center;min-height:44px;font-size:14px;display:inline-flex;text-decoration:underline!important}.auth-page>header{justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:24px 40px;display:flex}.auth-page>header img{width:190px;height:auto;display:block}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:90px;max-width:1240px;margin:auto;padding:54px 40px 80px;display:grid}.auth-story{padding-top:30px;position:sticky;top:70px}.auth-kicker{letter-spacing:.16em;color:#515b3a;font-size:11px;font-weight:850}.auth-story h1{letter-spacing:-.03em;margin:24px 0;font:700 clamp(44px,5vw,72px)/1.08 Fredoka,sans-serif}.auth-story>p{color:#736457;max-width:30ch;font-size:22px;line-height:1.8}.auth-story>div{color:#736457;border-top:1px solid #d8cebc;align-items:flex-start;gap:14px;max-width:36ch;margin-top:36px;padding-top:24px;display:flex}.auth-story>div svg{color:#515b3a;flex-shrink:0;margin-top:3px}.auth-story>div p{margin:0;font-size:14px;line-height:1.8}.auth-card{background:#fffcf7;border:1px solid #d8cebc;border-radius:20px;min-width:0;padding:30px}.auth-tabs{background:#f0eadf;border-radius:12px;gap:6px;margin-bottom:28px;padding:5px;display:flex}.auth-tabs a{text-align:center;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:800}.auth-tabs a[aria-current=page]{color:#515b3a;background:#fffcf7}.auth-card h2{margin:0 0 24px;font:650 30px/1.2 Fredoka,sans-serif}.auth-card fieldset{border:0;margin:20px 0 0;padding:0}.auth-card legend{margin-bottom:16px;padding:0;font-size:16px;font-weight:850}.auth-field{flex-direction:column;gap:8px;margin-bottom:18px;font-size:14px;font-weight:750;display:flex}.auth-field input{color:#443e34;background:#fffcf7;border:1px solid #d8cebc;border-radius:10px;width:100%;min-height:48px;padding:11px 13px;font:400 16px Nunito Sans,sans-serif}.auth-field-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-password{position:relative}.auth-password input{padding-inline-end:52px}.auth-password button{inset-inline-end:4px;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:2px}.auth-consent{align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;line-height:1.7;display:flex}.auth-consent input{accent-color:#515b3a;flex-shrink:0;width:19px;height:19px}.auth-primary{color:#fffcf7;background:#515b3a;border:1px solid #515b3a;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;font:800 15px Nunito Sans,sans-serif;display:inline-flex}.auth-card form>.auth-primary{width:100%}.auth-help,.auth-notice,.auth-message,.auth-error{font-size:12px;line-height:1.8}.auth-notice{border:1px solid #d8cebc;border-radius:8px;padding:12px}.auth-error{color:#a2382b}.auth-demo-link{text-underline-offset:4px;align-items:center;min-height:44px;margin-top:20px;font-size:12px;text-decoration:underline;display:inline-flex}.auth-status-actions{flex-wrap:wrap;gap:12px;display:flex}.auth-status-actions button,.admin-heading>button,.admin-review-actions>button:not(.auth-primary){background:0 0;border:1px solid #d8cebc;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:12px 16px;display:inline-flex}.admin-main{max-width:1120px;margin:40px auto;padding:0 32px 60px}.admin-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.admin-heading h1{margin:12px 0;font:700 clamp(36px,4vw,54px)/1.2 Fredoka,sans-serif}.admin-request{background:#fffcf7;border:1px solid #d8cebc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:24px;display:flex}.admin-request h2{margin:0 0 8px;font:650 26px Fredoka,sans-serif}.admin-request p{overflow-wrap:anywhere;margin:8px 0}.admin-request summary{cursor:pointer;min-height:44px;padding-top:12px;font-size:13px}.admin-review-actions{gap:10px;display:flex}.admin-empty{text-align:center;color:#515b3a;border:1px solid #d8cebc;border-radius:16px;padding:52px}[dir=rtl] .auth-story h1,[dir=rtl] .auth-card h2,[dir=rtl] .admin-heading h1{letter-spacing:0;font-family:Tahoma,sans-serif;line-height:1.5}@media (width<=900px){.auth-layout{gap:40px}}@media (width<=700px){.auth-page>header{padding:20px}.auth-page>header img{width:150px}.auth-layout{grid-template-columns:1fr;gap:20px;padding:10px 20px 40px}.auth-story{padding:20px 0;position:static}.auth-story h1{margin:16px 0;font-size:42px}.auth-story>p{font-size:18px}.auth-story>div{display:none}.auth-card{padding:22px}.auth-field-pair{grid-template-columns:1fr;gap:0}.admin-request,.admin-heading{flex-direction:column;align-items:flex-start}.admin-main{padding:0 20px 40px}}.landing-page .landing-hero{min-height:min(1080px,100svh);padding-top:128px}.landing-page .landing-hero-grid{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;gap:44px;width:min(90%,1380px);padding-block:42px 54px}.landing-page .landing-hero-copy{container-type:normal}.landing-page .landing-hero h1{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(42px,5.25vw,86px);font-weight:650;line-height:1.06}.landing-page .landing-hero h1 span{white-space:normal}.landing-page .landing-hero-subtitle{letter-spacing:-.025em;color:var(--landing-muted);margin:24px auto 30px;font-size:clamp(21px,2.05vw,32px)}.landing-page .landing-cta{border:1px solid #ffffff30;min-width:236px;font-size:clamp(20px,1.8vw,27px);box-shadow:0 3px #384229,0 10px 24px #515b3a13}.hero-features{color:var(--landing-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:25px;font-size:14px;display:flex}.hero-features>span{align-items:center;gap:7px;display:inline-flex}.hero-features>span+span:before{content:"";background:#a8b09a;border-radius:50%;width:3px;height:3px;margin-inline-end:10px}.landing-page .landing-recitation{background:#fffcf7d9;border:1px solid #9aaa8e;border-radius:26px;width:min(100%,970px);margin-inline:auto;padding:12px 32px 22px;box-shadow:0 12px 42px #7862440b,0 2px 5px #78624408}.landing-page .recitation-toolbar{min-height:44px;margin:0}.recitation-label{color:var(--landing-muted);align-items:center;gap:9px;font-size:12px;display:flex}.landing-page .landing-recitation .quran-arabic{text-align:center;margin-block:0 6px;font-size:clamp(42px,7.3cqw,78px);line-height:1.8}.landing-page .sample-translation{font-size:clamp(20px,2.7cqw,29px)}.landing-page .welcome-reference{margin-top:7px;font-size:16px}.landing-page .sample-reciter{opacity:.8;margin-top:8px;font-size:10px}.landing-page .sample-word-active{background:#e1e6cb}.landing-page .sample-word{transition:background-color .2s}.landing-page .landing-scroll-cue{margin-bottom:10px;font-size:12px}.landing-page .landing-header-inner{min-height:100px}.landing-header .language-select-compact>svg{display:none}.landing-header .language-select-compact .rounded-select{width:62px;min-width:62px}.landing-header .language-select-compact .rounded-select-trigger{gap:8px;min-width:62px;padding-inline:9px}.landing-page .landing-brand{width:clamp(165px,15vw,220px)}.landing-page .landing-nav{gap:clamp(18px,1.9vw,30px)}.landing-page .landing-nav :is(a,button){font-size:16px;position:relative}.landing-nav>:is(a,button):after{content:"";bottom:4px;transform-origin:0;background:currentColor;height:1px;transition:transform .18s;position:absolute;inset-inline:0;transform:scaleX(0)}.landing-nav>:is(a,button):hover:after{transform:scaleX(1)}.landing-page .landing-studio-return{border-color:#a3af94;border-radius:12px;padding-inline:18px;font-size:15px}.landing-page .landing-introduction{background:#efe6d8;border-block:1px solid #e4dac8}.landing-page .landing-side-symbol{opacity:.6;color:#6c7c56}.landing-page .landing-side-symbol .motion-icon{width:100%;height:auto}.landing-page .landing-side-layout{max-width:1200px}.section-motion-mark{color:var(--landing-olive);margin:0 auto 24px}.landing-page .landing-process{background:#e5eadb}.process-illustration>.motion-icon{color:#72845f;width:48%;height:auto}.process-translation-mark{inset-inline-end:0;color:#748360;opacity:.65;position:absolute;top:56px}.process-journey>li{--reveal-order:0}.process-journey>li:nth-child(2){--reveal-order:1}.process-journey>li:nth-child(3){--reveal-order:2}.process-journey>li{transition:transform .24s cubic-bezier(.22,1,.36,1)}.landing-screens{background:#f9eedc;overflow:hidden}.screen-showcase{grid-template-columns:1fr 1.1fr;align-items:center;gap:7%;display:grid}.screen-showcase h2 span{color:var(--landing-olive)}.screen-destinations{flex-wrap:wrap;gap:7px;margin-block:30px 24px;display:flex}.screen-destinations button{color:var(--welcome-ink);background:0 0;border:1px solid #d0c9b8;border-radius:12px;align-items:center;gap:8px;min-height:46px;padding:10px 13px;font:750 14px Nunito Sans,sans-serif;display:inline-flex}.screen-destinations button[aria-pressed=true]{background:var(--landing-olive);color:#fffcf7;border-color:var(--landing-olive)}.screen-destination-copy{max-width:37ch;min-height:5em;color:var(--landing-muted);font-size:21px;line-height:1.65;animation:.22s ease-out both landing-enter}.screen-showcase-art{padding:35px 0 12px;position:relative}.screen-halo{background:radial-gradient(#e8ecd775,#0000 68%);border:1px solid #d9dfc8;border-radius:50%;position:absolute;inset:3% -7% 0}.screen-halo:after{content:"";border-radius:inherit;opacity:.5;border:1px dashed #bdc8ae;position:absolute;inset:7%}.screen-caption{color:var(--landing-muted);justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:14px;display:flex}.screen-showcase .display-devices[data-destination=phone] .display-phone{transform:translate(-85%,-6%)scale(1.28)}.screen-showcase .display-devices[data-destination=phone] .display-monitor{opacity:.3;transform:translate(-5%)scale(.92)}.screen-showcase .display-devices[data-destination=mosque] .display-monitor{transform:translate(5%)scale(1.06)}.screen-showcase .display-devices[data-destination=mosque] .display-phone{opacity:.3;transform:translate(15%)scale(.9)}.landing-page .landing-community{background:#f0e7da}.landing-page .landing-faq{background:#e6eadc}.landing-page .faq-toggle{transition:transform .22s cubic-bezier(.22,1,.36,1)}.landing-page .faq-item:has([aria-expanded=true]) .faq-toggle{transform:rotate(180deg)}.landing-page .landing-invitation{overflow:hidden}.landing-page .landing-invitation:before{content:"";opacity:.13;pointer-events:none;background-image:radial-gradient(circle,#f9eedc 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000);mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000)}.landing-page .landing-invitation>.landing-container{position:relative}@media (hover:hover) and (pointer:fine){.landing-cta:hover{transform:translateY(-2px)}.process-journey>li:hover{transform:translateY(-6px)}.screen-destinations button:hover:not([aria-pressed=true]){background:#e6e9d9}}@media (width<=1100px){.landing-page .landing-hero-grid{gap:32px;padding-block:32px 36px}.landing-page .landing-hero h1{font-size:clamp(45px,6vw,68px)}.screen-showcase{gap:5%}.screen-destination-copy{font-size:18px}}@media (width<=700px){.landing-page .landing-hero{min-height:100svh;padding-top:102px}.landing-page .landing-hero-grid{gap:32px;width:calc(100% - 40px);padding-block:28px 30px}.landing-page .landing-hero h1{font-size:clamp(37px,7.7vw,54px);line-height:1.1}.landing-page .landing-hero h1 span+span{margin-top:7px}.landing-page .landing-hero-subtitle{max-width:27ch;margin-block:20px 25px;font-size:20px}.landing-page .landing-recitation{border-radius:20px;padding:9px 16px 17px}.landing-page .landing-recitation .quran-arabic{margin-block:0 9px;font-size:10.5cqw;line-height:1.9}.landing-page .sample-translation{font-size:clamp(18px,5.2cqw,24px);line-height:1.5}.landing-page .welcome-reference{font-size:13px}.recitation-label{gap:5px;font-size:10px}.recitation-label>svg{width:24px}.hero-features{gap:11px;margin-top:22px;font-size:12px}.hero-features>span+span:before{margin-inline-end:2px}.landing-page .landing-brand{width:clamp(104px,32vw,137px)}.landing-page .landing-header-inner{gap:8px;width:calc(100% - 32px);min-height:86px}.landing-page .landing-studio-return{margin-inline-start:auto;padding-inline:11px;font-size:13px}.landing-header-options{margin-left:0}.landing-header .language-select-compact{margin-inline-start:0}.landing-header .language-select-compact .rounded-select{width:54px;min-width:54px}.landing-header .language-select-compact .rounded-select-trigger{gap:6px;min-width:54px;padding-inline:7px;font-size:13px}.landing-header .landing-menu-toggle{width:44px;padding:8px}.screen-showcase{grid-template-columns:1fr;gap:35px}.screen-showcase-art{width:min(100%,530px);margin-inline:auto}.screen-destination-copy{min-height:5em;font-size:19px}.screen-destinations button{gap:5px;padding:9px;font-size:12px}.screen-destinations .motion-icon{width:23px;height:23px}.process-translation-mark{inset-inline-end:12px;top:56px}}:root{--motion-out:cubic-bezier(.22, 1, .36, 1);--motion-soft:cubic-bezier(.65, 0, .35, 1)}.viewer-page,.prayer-screen,.remote-page{isolation:isolate;position:relative}.viewer-page>:not(.edge-atmosphere,.viewer-header,.reader-bottom-bar),.prayer-screen>:not(.edge-atmosphere),.remote-page>:not(.edge-atmosphere){z-index:1;position:relative}.viewer-page>.edge-atmosphere{opacity:.6;position:fixed}.viewer-page[data-focus=true]>.edge-atmosphere{display:none}.prayer-motion-mark{color:#839a7b;margin:22px auto}.remote-page{max-width:900px;min-height:100svh;margin-inline:auto;padding:40px 24px;font-family:Nunito Sans,sans-serif}.remote-page>.motion-icon{color:var(--accent);margin-block:36px 22px;display:block}.remote-studio-link{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.remote-page h1{overflow-wrap:anywhere;font:600 clamp(34px,5vw,50px)/1.1 Fredoka,sans-serif}:is(.auth-page,.early-access-page,.recitation-studio){isolation:isolate;position:relative}:is(.auth-page,.early-access-page)>:not(.edge-atmosphere){z-index:1;position:relative}.recitation-studio>.edge-atmosphere{position:fixed}.recitation-studio>.edge-atmosphere .edge-dots{opacity:.22;-webkit-mask-image:linear-gradient(90deg,#000,#0000 18% 82%,#000);mask-image:linear-gradient(90deg,#000,#0000 18% 82%,#000)}.recitation-studio-main{z-index:1;position:relative}.recitation-studio .recitation-studio-header{background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom-color:color-mix(in srgb, var(--border) 65%, transparent)}.recitation-studio .studio-header-action{background:color-mix(in srgb, var(--panel) 40%, transparent);border-color:color-mix(in srgb, var(--sage) 60%, transparent);border-radius:12px}.recitation-studio .studio-mic-disc,.recitation-studio .studio-stage-icon{border:1px solid color-mix(in srgb, var(--sage) 55%, transparent);background:radial-gradient(circle, var(--panel), color-mix(in srgb, var(--soft) 35%, transparent));box-shadow:0 0 0 12px color-mix(in srgb, var(--sage) 4%, transparent)}.recitation-studio .studio-mic-disc{width:clamp(126px,11vw,174px)}.recitation-studio .studio-mic-disc>.motion-icon{width:62%;height:62%}.recitation-studio .studio-stage-icon>.motion-icon{width:64%;height:64%;animation:none}.recitation-studio .studio-settings-section{border-bottom-color:color-mix(in srgb, var(--border) 70%, transparent)}.recitation-studio .studio-settings-page{padding-block:12px 32px}.recitation-studio .studio-page-heading{border-bottom:1px solid var(--border);min-height:110px;margin-bottom:26px;padding-bottom:26px;position:relative}.studio-page-heading>.motion-icon{float:inline-end;color:var(--sage);width:74px;height:74px;margin-inline-start:18px}.studio-page-heading:after{content:"";clear:both;display:table}.recitation-studio .studio-page-heading h1{font-size:clamp(34px,3.3vw,48px)}.recitation-studio .studio-page-heading p{font-size:20px}.recitation-studio .studio-settings-section :is(input:not([type=checkbox]):not([type=range]),select),.recitation-studio .studio-field input{background:color-mix(in srgb, var(--panel) 85%, transparent);border-radius:12px}.auth-page .auth-card,.early-access-page .early-access-card{border-color:#d4cebd;border-radius:25px;box-shadow:0 16px 60px #6350350a,0 3px 10px #63503506}.auth-page .auth-story h1{font-size:clamp(48px,5.8vw,82px);font-weight:600}.auth-page .auth-story>div{border-top-color:#c9d1ba}.auth-page .auth-tabs{background:#ececdf}.auth-page .auth-tabs a{transition:background-color .18s,color .18s,box-shadow .18s}.auth-page .auth-tabs a[aria-current=page]{box-shadow:0 2px 8px #5148290a}:is(.auth-page,.early-access-page) input:not([type=checkbox]){transition:border-color .15s,box-shadow .15s}:is(.auth-page,.early-access-page) input:not([type=checkbox]):focus{border-color:#839a7b;box-shadow:0 0 0 4px #839a7b13}.auth-primary{transition:transform .16s var(--motion-out), background-color .16s ease, box-shadow .16s ease}.auth-primary:active:not(:disabled){transform:scale(.98)}.auth-page .auth-layout>section{animation:surface-arrive .45s var(--motion-out) both}.auth-page .auth-layout>section:nth-child(2){animation-delay:80ms}.early-access-story{animation:surface-arrive .45s var(--motion-out) both}.early-access-card{animation:surface-arrive .45s 80ms var(--motion-out) both}.studio-settings-section:nth-of-type(2){animation-delay:70ms}.studio-settings-section:nth-of-type(3){animation-delay:.1s}.studio-settings-section:nth-of-type(n+4){animation-delay:.13s}.recitation-studio :is(.studio-button,.studio-header-action,.studio-icon-button,.studio-sound-test) svg:not(.motion-icon),:is(.auth-primary,.invitation-cta)>svg{transition:transform .18s var(--motion-out)}.rounded-select-options{transform-origin:top;animation:popover-arrive .18s var(--motion-out) both}.studio-tool-drawer[open],.auth-page dialog[open]{animation:surface-arrive .22s var(--motion-out) both}.studio-recordings-empty>.motion-icon{color:var(--sage);margin-bottom:18px}@keyframes surface-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popover-arrive{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.auth-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #515b3a18}:is(.auth-primary,.invitation-cta):hover>svg{transform:translate(4px)}.recitation-studio .studio-header-action:hover{background:var(--soft)}.recitation-studio .studio-menu-link:hover .motion-icon{transform:translate(2px)}}@media (width<=600px){.studio-page-heading>.motion-icon{width:54px;height:54px}.recitation-studio .studio-page-heading p{font-size:17px}.auth-page .auth-story h1{font-size:48px}}::view-transition-old(root){animation:.18s ease-out both page-out}::view-transition-new(root){animation:.26s cubic-bezier(.2,.8,.2,1) both page-in}@keyframes page-out{to{opacity:0;transform:translateY(-6px)scale(.995)}}@keyframes page-in{0%{opacity:0;transform:translateY(12px)scale(.995)}to{opacity:1;transform:none}}