:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#f6f5f2;--surface-3:#ecebe7;--line:#ececec;--ink:#141414;--muted:#6b6b6b;--accent:#0f5c4d;--accent-ink:#fff;--accent-soft:#eef4f2;--emerald-700:#12705c;--emerald-900:#0a4237;--gold:#d9a648;--gold-light:#f3d58b;--gold-ink:#1d1505;--streak:#e08a00;--streak-soft:#fdf7e9;--danger:#b42318;--editor-bg:#0b0f0e;--shadow:0 1px 2px #0000000d, 0 10px 30px #0f5c4d1a;--radius:16px;--font-ui:Figtree, "Noto Sans", system-ui, sans-serif;--font-display:Montserrat, Figtree, system-ui, sans-serif;--font-quran:"Amiri Quran", "Noto Naskh Arabic", serif;--frame-h:calc(100vh - 230px);--sheet-h:0px;--nav-h:calc(53px + env(safe-area-inset-bottom));--bar-h:var(--nav-h)}@supports (height:100dvh){:root{--frame-h:calc(100dvh - 230px)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f0e;--surface:#121715;--surface-2:#19201d;--surface-3:#222b28;--line:#26302d;--ink:#eeece8;--muted:#9aa39f;--accent:#3aa88b;--accent-ink:#04130f;--accent-soft:#3aa88b24;--streak-soft:#e08a0024;--danger:#f07a6c;--shadow:0 1px 2px #0000004d, 0 12px 32px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f0e;--surface:#121715;--surface-2:#19201d;--surface-3:#222b28;--line:#26302d;--ink:#eeece8;--muted:#9aa39f;--accent:#3aa88b;--accent-ink:#04130f;--accent-soft:#3aa88b24;--streak-soft:#e08a0024;--danger:#f07a6c;--shadow:0 1px 2px #0000004d, 0 12px 32px #0000004d}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}:root[data-page=editor]{--page-bg:var(--editor-bg)}:root[data-page=black]{--page-bg:#000}:root[data-page],:root[data-page] body{background:var(--page-bg)}:root[data-page]:not([data-platform=ios]):not([data-platform=android]) body:before,:root[data-page]:not([data-platform=ios]):not([data-platform=android]) body:after{content:"";z-index:2147483000;background:var(--page-bg);pointer-events:none;height:1px;position:fixed;left:0;right:0}:root[data-page]:not([data-platform=ios]):not([data-platform=android]) body:before{top:0}:root[data-page]:not([data-platform=ios]):not([data-platform=android]) body:after{bottom:0}:root[data-page][data-page-nudge]:not([data-platform=ios]):not([data-platform=android]) body:before,:root[data-page][data-page-nudge]:not([data-platform=ios]):not([data-platform=android]) body:after{height:2px}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font-ui);-webkit-tap-highlight-color:transparent;margin:0}:root:is([data-platform=ios],[data-platform=android]) body:before,:root[data-platform=android] body:after{content:"";z-index:2147483000;pointer-events:none;background:#111316;position:fixed;left:0;right:0}:root:is([data-platform=ios],[data-platform=android]) body:before{height:env(safe-area-inset-top);top:0}:root[data-platform=android] body:after{height:env(safe-area-inset-bottom);bottom:0}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}button{font:inherit;color:inherit;cursor:pointer}select,input,textarea{font:inherit;color:var(--ink)}@media (pointer:coarse){:root :is(input,select,textarea):not([type=checkbox],[type=radio],[type=color],[type=range]){font-size:max(16px,1em)}}h1,h2,h3{margin:0}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}dialog:focus,dialog:focus-visible,[tabindex="-1"]:focus{outline:none}.seg button:focus-visible,.stepper button:focus-visible,.tab:focus-visible,nav.bottombar .nav-btn:focus-visible,.prof-tabs button:focus-visible,.rf-tab:focus-visible{outline-offset:-2px}.btn{border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.btn.small{border-radius:10px;min-height:34px;padding:0 12px;font-size:13px}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-btn.ghost{background:0 0;border-color:#0000}.icon-btn:disabled{opacity:.35;cursor:default}.link-btn{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px;font-size:13px;font-weight:500}.link-btn:hover{color:var(--ink)}.link-btn.report-link{text-underline-offset:3px;margin-top:10px;padding:4px 0;font-size:12.5px;text-decoration:underline;display:block}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.brand svg{width:22px;height:22px;color:var(--accent)}.tagline{color:var(--muted);flex:1;margin:0;font-size:13px}.account{align-items:center;gap:8px;display:flex;position:relative}.search{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--accent)}.search svg{color:var(--muted)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%}.search input:focus-visible{outline:none}.search.small{height:40px;margin-bottom:10px}.chips{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.chips button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:99px;padding:4px 11px;font-size:13px}.chips button:hover{border-color:var(--accent);color:var(--accent)}.chips button.fresh{animation:.6s ease-out chip-in}@keyframes chip-in{0%{opacity:0;transform:translateY(4px)}}.results{gap:6px;margin:0;padding:0;list-style:none;display:grid}.results li{background:var(--surface-2);border:1px solid #0000;border-radius:12px;align-items:flex-start;display:flex;position:relative}.results li:hover{border-color:var(--line)}.results li.active{border-color:var(--accent);background:var(--accent-soft)}.results li.empty{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:14px;display:block}.results .result{text-align:start;background:0 0;border:0;border-radius:12px;flex:1;align-items:stretch;gap:12px;min-width:0;min-height:44px;padding:8px;display:flex}.result-bg{aspect-ratio:9/16;background:var(--surface-3);border-radius:9px;flex:none;align-self:flex-start;width:58px;overflow:hidden}.result-bg img,.result-bg-empty{object-fit:cover;width:100%;height:100%;display:block}.result-body{flex-direction:column;flex:1;gap:4px;min-width:0;padding:2px 0;display:flex}.results .ar{-webkit-line-clamp:3;text-align:right;color:var(--ink);-webkit-box-orient:vertical;font:21px/1.75 Amiri Quran,Noto Naskh Arabic,serif;display:-webkit-box;overflow:hidden}.results .ar.placeholder{background:linear-gradient(90deg, var(--surface-3), var(--surface-2), var(--surface-3));background-size:200% 100%;border-radius:6px;align-self:flex-end;width:70%;height:1.75em;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.results .ref{color:var(--accent);font-size:12px;font-weight:600;display:block}.results .txt{-webkit-line-clamp:3;color:var(--muted);-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.results .fav{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:4px 2px 0 -6px;display:grid}.results .fav:hover,.results .fav[aria-pressed=true]{color:var(--accent)}.results .fav[aria-pressed=true] svg{fill:currentColor}.frame{--ratio:.5625;aspect-ratio:var(--ratio);width:min(100%, calc(var(--frame-h) * var(--ratio)));box-shadow:var(--shadow);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;background:#000;border-radius:18px;margin:0 auto;position:relative;overflow:hidden}.frame video,.frame canvas{width:100%;height:100%;position:absolute;inset:0}.frame canvas{pointer-events:none}.frame .glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));pointer-events:none;position:absolute}.drag-block{touch-action:none;cursor:grab;outline-offset:3px;border-radius:12px;outline:1.5px dashed #0000;transition:outline-color .15s;position:absolute}.drag-block:focus-visible{outline:2px solid var(--accent)}.frame:hover .drag-block,.frame.dragging .drag-block{outline-color:#ffffff8c}.frame.dragging .drag-block{cursor:grabbing}.width-handle{z-index:1;touch-action:none;cursor:ew-resize;opacity:0;place-items:center;width:32px;height:56px;margin:-28px 0 0 -16px;transition:opacity .15s;display:grid;position:absolute}.width-handle span{background:#fff;border-radius:4px;width:7px;height:30px;box-shadow:0 0 0 1px #00000059,0 1px 4px #0006}.frame:hover .width-handle,.frame.dragging .width-handle,.width-handle:focus-visible{opacity:1}.width-handle:focus-visible{outline:none}.width-handle:focus-visible span{background:var(--accent)}@media (pointer:coarse){.width-handle{opacity:.7}}.guides{pointer-events:none;position:absolute;inset:0}.guide{background:#ffffff47;position:absolute}.guide.v{width:1px;top:0;bottom:0;left:50%}.guide.h{height:1px;left:0;right:0}.guide.on{background:var(--accent);box-shadow:0 0 0 .5px var(--accent)}.frame video{object-fit:cover}.loading{background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.icon-btn.play{background:var(--ink);width:48px;height:48px;color:var(--bg);border:0}.tabs{background:var(--surface-2);border-radius:12px;flex:1;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.tab{color:var(--muted);background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:11.5px;font-weight:500;display:flex}.tab[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0003}.panel{gap:18px;display:grid}.field>label,.field>.label,.label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.field>label small,.field>.label small{text-transform:none;letter-spacing:0;font-weight:400}.range{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.seg{--n:3;grid-template-columns:repeat(var(--n), minmax(0, 1fr));background:var(--surface-2);border-radius:12px;gap:4px;padding:4px;display:grid}.seg button{min-width:0;min-height:36px;color:var(--muted);text-overflow:ellipsis;background:0 0;border:0;border-radius:9px;padding:0 2px;font-size:13px;font-weight:500;overflow:hidden}.toggles{gap:2px;padding:4px 0;display:grid}.toggle{text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 2px;font-size:14px;display:flex}.toggle .switch{background:var(--surface-3);border-radius:12px;flex:none;width:40px;height:24px;transition:background .2s;position:relative}.toggle .switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.toggle[aria-checked=true] .switch{background:var(--accent)}.toggle[aria-checked=true] .switch:after{transform:translate(16px)}.panel .hint{color:var(--muted);margin:8px 0 0;font-size:12.5px}.position{gap:10px;display:grid}.position .hint{margin:0}.position-resets{flex-wrap:wrap;gap:8px;display:flex}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0003}.stepper{border:1px solid var(--line);border-radius:10px;align-items:center;margin-top:8px;display:inline-flex;overflow:hidden}.field>.stepper:first-of-type{margin-top:0}.stepper button{background:var(--surface-2);border:0;width:44px;height:40px;font-size:18px;line-height:1}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-weight:500}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid #80808073;border-radius:50%;width:32px;height:32px;padding:0}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent), inset 0 0 0 4px var(--surface)}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px}.thumbs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.thumbs button{background:var(--surface-2);aspect-ratio:3/4;border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden}.thumbs button[aria-pressed=true]{border-color:var(--accent)}.thumbs img{object-fit:cover;width:100%;height:100%;display:block}.thumbs .hint{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px}.avatar-btn{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:14px;font-weight:600;display:grid;overflow:hidden}.avatar-btn img,.avatar img{object-fit:cover;width:100%;height:100%}.account-menu{position:relative}.menu{z-index:30;background:var(--surface);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:start;background:0 0;border:0;border-radius:8px;padding:10px;font-size:14px}.menu button:hover,.menu button:focus-visible{background:var(--surface-2)}.menu-who{border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 10px 10px;display:grid}.menu-who small{color:var(--muted)}.avatar{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:20px;font-weight:600;display:grid;overflow:hidden}.account-actions{gap:8px;margin-top:16px;display:grid}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(440px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);padding:20px}.dialog.wide{width:min(560px,100vw - 32px);max-height:min(80vh,720px)}.dialog::backdrop{background:#00000080}.dialog h3{margin:0 0 6px;font-size:17px}.dialog .muted{margin:0 0 14px;font-size:14px}.dialog textarea,.dialog input[type=email]{border:1px solid var(--line);background:var(--surface-2);resize:vertical;border-radius:10px;width:100%;padding:10px}.feedback-mood,#feedbackNote{margin-bottom:14px}.dialog input[type=email]{min-height:44px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.toast{background:var(--ink);width:-moz-fit-content;width:fit-content;max-width:min(480px,100vw - 32px);color:var(--bg);box-shadow:var(--shadow);overflow-wrap:anywhere;pointer-events:none;opacity:0;border:0;border-radius:12px;margin:0 auto;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;inset:auto 16px 24px;overflow:visible;transform:translateY(8px)}.toast.show{opacity:1;transform:none}.toast:empty{display:none}.app:not([data-layout=phone]) .layout{grid-template:"stage find""stage studio"1fr/minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;max-width:1480px;margin:0 auto;padding:0 16px 32px;display:grid}.app:not([data-layout=phone]) .find{grid-area:find}.app[data-layout=desktop] .layout{grid-template:"find stage studio"/340px minmax(0,1fr) 380px}.app[data-layout=desktop] .find{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);position:sticky;top:12px;overflow:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}@media (max-width:960px){.tagline{display:none}}.app[data-layout=phone]{display:block}.gsi,.gsi iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0}.app[data-layout=phone] .layout{flex:1;min-height:0;position:relative}.app[data-layout=phone] .region{overscroll-behavior:contain;padding:4px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));position:absolute;inset:0;overflow-y:auto}.app[data-layout=phone] .stage-fit{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.app[data-layout=phone] .frame{width:min(100cqw, calc(100cqh * var(--ratio)));border-radius:16px}.app[data-layout=phone] .player{margin-top:8px}.app[data-layout=phone] .player .icon-btn{width:44px;height:44px}.app[data-layout=phone] .player .icon-btn.play{width:48px;height:48px}.app[data-layout=phone] .find .search{z-index:1;height:48px;box-shadow:0 -8px 0 var(--bg);position:sticky;top:0}.app[data-layout=phone] .chips{padding:4px 4px 4px max(16px, env(safe-area-inset-left));scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.app[data-layout=phone] .chips::-webkit-scrollbar{display:none}.app[data-layout=phone] .chips button{flex:none;min-height:44px;padding:0 16px;font-size:14px}.bottombar{padding:4px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.bottombar button{min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:500;display:flex}.bottombar button svg{width:22px;height:22px}.bottombar button[aria-current=page],.bottombar button[aria-expanded=true]{color:var(--accent)}.bottombar button:active{background:var(--surface-2)}.app[data-layout=phone] .seg button{min-height:44px}.app[data-layout=phone] .stepper button{height:44px}.app[data-layout=phone] .swatches{gap:10px}.app[data-layout=phone] .swatch,dialog.sheet .swatch{width:44px;height:44px}.app[data-layout=phone] .search.small,dialog.sheet .search.small{height:44px}.app[data-layout=phone] .link-btn.report-link,dialog.sheet .link-btn,dialog.sheet .seg button,.app[data-layout=phone] .toggle,dialog.sheet .toggle{min-height:44px}dialog.sheet .stepper button{height:44px}dialog.sheet .swatches{gap:10px}dialog.sheet .thumbs{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}dialog.sheet{background:var(--surface);width:100%;max-width:640px;height:auto;max-height:min(56dvh,100dvh - 160px);color:var(--ink);transition:transform .28s cubic-bezier(.2, .8, .2, 1), overlay .28s allow-discrete, display .28s allow-discrete;border:0;border-radius:20px 20px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -8px 32px #00000059}dialog.sheet[open]{flex-direction:column;display:flex}dialog.sheet:not([open]){transform:translateY(100%)}@starting-style{dialog.sheet[open]{transform:translateY(100%)}}dialog.sheet.dragging{transition:none}dialog.sheet::backdrop{transition:background .28s, overlay .28s allow-discrete, display .28s allow-discrete;background:#0000004d}@starting-style{dialog.sheet[open]::backdrop{background:0 0}}dialog.sheet.export-sheet{max-height:calc(100dvh - 120px)}dialog.sheet:is(.join-sheet,.install-sheet,.dd-sheet){max-height:min(85dvh,100dvh - 48px)}.sheet-inner{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.sheet-grab{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:none;place-items:center;height:26px;display:grid}.sheet-grab span{background:var(--surface-3);border-radius:2px;width:36px;height:4px}.sheet-head{padding:0 max(10px, env(safe-area-inset-right)) 6px max(20px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:4px;display:flex}.sheet-head>*{touch-action:none}.sheet-head h2{letter-spacing:-.01em;text-transform:none;color:var(--ink);flex:1;font-size:17px;font-weight:600}.sheet-head .icon-btn{background:0 0;border:0;width:44px;height:44px}.sheet-head .link-btn{min-height:44px;padding:0 10px;font-size:14px}.sheet-head .sheet-done{margin-inline-end:10px}.sheet-body{overscroll-behavior:contain;min-height:0;padding:6px max(20px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex:1;overflow-y:auto}@supports (-webkit-touch-callout:none){@media (display-mode:browser){:root:not([data-platform=ios]):not([data-platform=android]) .sheet-body{padding-bottom:calc(20px + env(safe-area-inset-bottom) + 72px)}}}@media (prefers-reduced-motion:reduce){dialog.sheet,.toast{transition:none}dialog.sheet::backdrop{transition:none}.chips button.fresh,.results .ar.placeholder{animation:none}}.app[data-layout=phone] .toast{bottom:calc(var(--bar-h) + 12px)}.app[data-layout=phone][data-view=feed] .toast{bottom:calc(var(--nav-h) + (100dvh - var(--nav-h)) * .07 + 108px)}.lang-btn{border:1px solid var(--line);background:var(--surface-2);min-height:32px;color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.lang-btn svg{width:16px;height:16px;color:var(--accent)}.lang-btn:hover{border-color:var(--accent)}.lang-dialog .lang-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:min(52vh,460px);padding:4px;display:grid;overflow-y:auto}.lang-grid button{border:1px solid var(--line);background:var(--surface-2);text-align:start;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;min-height:52px;padding:8px 12px;display:flex}.lang-grid button strong{font-size:15px;font-weight:600}.lang-grid button small{color:var(--muted);font-size:12px}.lang-grid button:hover{border-color:var(--accent)}.lang-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.lang-grid button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.lang-grid button[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feed-wrap{flex-direction:column;height:100%;display:flex;position:relative}.reels{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none;flex:1;min-height:0;position:relative;overflow-y:auto}.reels::-webkit-scrollbar{display:none}.reel{scroll-snap-align:start;scroll-snap-stop:always;color:#fff;background:#000;height:100%;position:relative;overflow:hidden}.reel.placeholder{text-align:center;background:var(--surface);color:var(--muted);place-items:center;padding:24px;display:grid}.reel.placeholder p{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.reel-frame{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;position:absolute;inset:0}.reel-frame video,.reel-frame canvas{width:100%;height:100%;position:absolute;inset:0}.reel-frame video{object-fit:cover}.reel-frame canvas{pointer-events:none}.reel-frame .glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));pointer-events:none;position:absolute}.sound-hint{left:50%;top:calc(56px + env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:0;border-radius:99px;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-size:13px;animation:.4s 4s forwards hint-out;display:inline-flex;position:absolute;transform:translate(-50%)}.sound-hint svg{width:16px;height:16px}@keyframes hint-out{to{opacity:0;visibility:hidden}}.paused-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:76px;height:76px;animation:.18s ease-out paused-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paused-badge svg{width:34px;height:34px;margin-left:4px}@keyframes paused-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}@media (prefers-reduced-motion:reduce){.paused-badge{animation:none}}.feed-top{z-index:2;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;pointer-events:none;background:linear-gradient(#00000073,#0000);align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.feed-top>*{pointer-events:auto}.feed-nav{display:none}.spinner.small{border-width:2px;border-color:var(--surface-3);border-top-color:var(--accent);vertical-align:-3px;width:16px;height:16px;display:inline-block}.app[data-layout=phone] .region.feed{background:#000;padding:0;overflow:hidden}.app:not([data-layout=phone])[data-view=feed] .layout{padding:0 16px 16px;display:block}.app:not([data-layout=phone]) .region.feed{height:calc(100vh - 72px);height:calc(100dvh - 72px)}.feed-wrap.wide{align-items:center}.feed-wrap.wide .reels{aspect-ratio:9/16;max-width:100%;height:100%;box-shadow:var(--shadow);background:#000;border-radius:18px;flex:none}.feed-wrap.wide .feed-top{border-radius:18px 18px 0 0;width:min(56.25dvh - 40.5px,100%);position:absolute;left:50%;right:auto;transform:translate(-50%)}.feed-wrap.wide .feed-nav{flex-direction:column;gap:8px;width:180px;display:flex;position:absolute;top:50%;left:calc(50% + 28.125dvh - 4.25px);transform:translateY(-50%)}.feed-wrap.wide .feed-nav p{margin:8px 0 0}.reflect-btn svg{width:16px;height:16px}.note{background:var(--accent-soft);border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13.5px}.reflections>p{margin:0 0 12px}.reflections ol{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.post{background:var(--surface-2);border-radius:14px;padding:12px 14px}.post-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px;display:flex}.post-head strong{font-size:14px}.tag{background:var(--surface-3);color:var(--muted);border-radius:99px;padding:1px 8px;font-size:11.5px}.post-body{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.6}.post-body.clamped{-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-foot{flex-wrap:wrap;gap:4px 14px;margin-top:6px;display:flex}.post-foot .link-btn{min-height:36px;color:var(--accent);align-items:center;padding:0;text-decoration:none;display:inline-flex}.post-foot .link-btn:last-child{color:var(--muted)}.feed-wrap.wide .feed-top .lang-btn{display:none}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}@keyframes snack-in{0%{opacity:0;transform:translate(-50%,8px)}}.profile-page{grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:12px;display:grid}.profile-page .join-card{margin:0}.profile-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:16px}.profile-card-head{margin-bottom:14px}.profile-card-head p{margin:4px 0 0}.profile-title{letter-spacing:-.01em;text-transform:none;color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:650;display:flex}.profile-title svg{color:var(--accent)}.name-row{align-items:center;gap:6px;min-width:0;display:flex}.name-form .label{margin-bottom:6px}.name-form .name-row input{flex:1;min-width:0}.name-form .hint{color:var(--muted);margin:6px 0 0;font-size:12.5px}.input,.name-form input{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:100%;height:44px;padding:0 12px}.input:focus-visible,.name-form input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.field>label svg{width:15px;height:15px}.field-error{color:var(--danger);margin:6px 0 0;font-size:13px}.details-form .hint{color:var(--muted);margin:6px 0 0;font-size:12.5px}.check,.field>label.check{background:var(--surface-2);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin:12px 0 0;padding:10px 12px;font-size:14px;font-weight:400;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:1px 0 0}.check.disabled{opacity:.6;cursor:default}.details-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.details-actions .status{color:var(--muted);font-size:13px}.interest-chips{flex-wrap:wrap;gap:8px;padding:2px;display:flex}.interest-chips.all{overscroll-behavior:contain;max-height:360px;overflow-y:auto}.interest-chips button{border:1px solid var(--line);text-align:start;background:0 0;border-radius:99px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13.5px;display:inline-flex}.interest-chips button svg{width:14px;height:14px}.interest-chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.interest-chips button:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--accent);color:var(--accent)}.interest-chips button:disabled{opacity:.4;cursor:default}.interest-chips .hint{color:var(--muted);margin:0;font-size:13px}.profile-card .account-actions{margin-top:0}.account-actions .btn{justify-content:flex-start}.btn.danger-fill{background:var(--danger);color:#fff;border-color:#0000}.app[data-layout=phone] .profile-page{padding-top:4px}.app[data-layout=phone] .interest-chips button{min-height:40px}.app[data-layout=phone] .profile-card .row{grid-template-columns:1fr;gap:18px}.app[data-layout=phone] .name-row .icon-btn{width:44px;height:44px}.app[data-layout=phone] .region.account{display:block}.app{background:var(--bg);min-height:100dvh}.screens{min-height:100dvh;position:relative}.screen{min-height:100dvh}.app[data-layout=phone] .screens{padding-bottom:0}.app[data-layout=phone]:is([data-view=find],[data-view=results],[data-view=discover],[data-view=profile],[data-view=activity],[data-view=pick]) .screen:not([hidden]){padding-bottom:var(--nav-h)}nav.bottombar{z-index:40;height:var(--nav-h);padding:0 0 env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}nav.bottombar[data-dark]{color:#fff;background:#000;border-top-color:#1f1f1f}nav.bottombar .nav-btn{height:52px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}nav.bottombar .nav-btn svg{stroke-width:1.9px;width:26px;height:26px}nav.bottombar .nav-btn:not([aria-current]){opacity:.6}nav.bottombar .nav-btn[aria-current] svg{stroke-width:2.4px}nav.bottombar .nav-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app:not([data-layout=phone]){grid-template-columns:76px minmax(0,1fr);display:grid}.app[data-layout=desktop]{grid-template-columns:244px minmax(0,1fr)}.sidenav{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:4px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.sidenav-brand{background:0 0;border:0;align-items:center;gap:10px;height:52px;margin-bottom:18px;padding:0 10px;display:flex}.sidenav-brand .brand-mark{border-radius:8px;width:30px;height:30px}.sidenav-brand .brand-name{font:700 20px var(--font-display);letter-spacing:-.3px}.sidenav .nav-btn{height:50px;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:16px;padding:0 12px;font-size:16px;display:flex}.sidenav .nav-btn:hover{background:var(--surface-2)}.sidenav .nav-btn svg{stroke-width:1.9px;width:26px;height:26px}.sidenav .nav-btn[aria-current]{font-weight:700}.sidenav .nav-btn[aria-current] svg{stroke-width:2.4px}.app[data-layout=tablet] .sidenav .nav-label,.app[data-layout=tablet] .sidenav .brand-name{display:none}.app[data-layout=tablet] .sidenav{align-items:center;padding:20px 8px}.made-by{color:var(--muted);margin:8px 0 0;font-size:12.5px}.made-by a{color:var(--ink);font-weight:600;text-decoration:none}.made-by a:hover{text-decoration:underline}.made-by svg{vertical-align:-2.5px;stroke-width:2.2px;width:14px;height:14px;color:var(--accent);margin-inline-end:5px}.screen-credit{text-align:center;margin:0;padding:20px 16px 16px}.app[data-layout=desktop] .screen-credit{display:none}.sidenav-credit{margin-top:auto;padding:0 12px 4px;line-height:1.5}.app[data-layout=tablet] .sidenav-credit{display:none}.update-screen{z-index:10000;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:var(--bg);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.update-screen h1{margin:0;font-size:22px}.update-screen p{max-width:320px;color:var(--muted);margin:0;line-height:1.5}.google-btn{color:#1f1f1f;white-space:nowrap;background:#fff;border:1px solid #747775;border-radius:22px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.google-btn.small{gap:8px;min-height:34px;padding:0 12px;font-size:13px}.google-btn svg{flex:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .google-btn{color:#e3e3e3;background:#131314;border-color:#8e918f}}:root[data-theme=dark] .google-btn{color:#e3e3e3;background:#131314;border-color:#8e918f}.export-sheet .export{gap:20px;padding-top:2px;display:grid}.xp-card{background:var(--surface-2);border-radius:20px;align-items:center;gap:16px;padding:12px;display:flex}.xp-thumb{aspect-ratio:9/16;background:#0b0f0e;border-radius:12px;flex:none;width:66px;position:relative;overflow:hidden;box-shadow:0 6px 16px #0000002e,0 0 0 .5px #00000014}.xp-thumb[data-orientation=square]{aspect-ratio:1;width:96px}.xp-thumb[data-orientation=landscape]{aspect-ratio:16/9;width:132px}.xp-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.xp-thumb.xp-thumb-lg{width:96px}.xp-thumb.xp-thumb-lg[data-orientation=square]{width:120px}.xp-thumb.xp-thumb-lg[data-orientation=landscape]{width:160px}.xp-thumb-lg .ring{width:56px}.xp-thumb-lg .ring-pct{font-size:14px}.xp-thumb-lg .done-badge{width:26px;height:26px;top:6px;right:6px}.xp-thumb-lg .done-badge svg{width:15px;height:15px}.xp-veil{background:#0507078c;place-items:center;display:grid;position:absolute;inset:0}.ring{aspect-ratio:1;width:76px;display:block;position:relative}.ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6px}.ring-track{stroke:#ffffff40}.ring-arc{stroke:var(--gold-light);stroke-linecap:round;transition:stroke-dasharray .25s ease-out}.ring.turning svg{animation:1s linear infinite ring-turn}@keyframes ring-turn{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.ring-pct{color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.done-badge{color:#fff;background:#2f9e83;border-radius:50%;place-items:center;width:32px;height:32px;animation:.25s ease-out xp-in;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.done-badge svg{stroke-width:3px;width:18px;height:18px}.xp-still{animation:.35s ease-out xp-in}@keyframes xp-in{0%{opacity:0}}.xp-info{flex:1;gap:3px;min-width:0;display:grid}.xp-title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:16px;font-weight:600}.xp-ready{align-items:center;gap:8px;display:flex}.xp-check{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.xp-check svg{stroke-width:2.6px;width:14px;height:14px}.xp-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.xp-cancel{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-self:start;margin:2px 0 -10px -10px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:underline}.xp-cancel:hover{color:var(--ink)}.xp-actions{justify-content:center;gap:6px;display:flex}.xp-action{min-width:0;max-width:116px;color:var(--ink);text-align:center;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:8px;padding:2px 0;display:flex}.xp-circle{border:1px solid var(--line);background:var(--surface-2);width:62px;height:62px;color:var(--ink);border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:grid}.xp-circle svg{width:24px;height:24px}.xp-action.primary .xp-circle{background:var(--accent);color:var(--accent-ink);border-color:#0000}.xp-action:not(:disabled):active .xp-circle{transform:scale(.94)}.xp-action:disabled{opacity:.45;cursor:default}.xp-label{overflow-wrap:anywhere;max-width:100%;font-size:13px;font-weight:500;line-height:1.25}.xp-action small{color:var(--muted);margin-top:-6px;font-size:12px}@media (hover:hover){.xp-action:hover:not(:disabled) .xp-circle{transform:scale(1.04)}}.xp-hint{text-align:center;color:var(--muted);margin:-6px 0 0;font-size:12.5px}.xp-status{text-align:center;color:var(--muted);margin:-6px 0 0;font-size:13px}.xp-status:not(.on){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ring-arc,.xp-circle{transition:none}.xp-still,.done-badge{animation:none}.ring.turning svg{animation-duration:3s}}.format-choices{gap:10px;margin-top:4px;display:grid}.format-choice{border:1px solid var(--line);background:var(--surface);min-height:68px;color:var(--ink);text-align:start;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.format-choice[data-last]{border-color:var(--accent)}.format-choice:active{background:var(--surface-2)}.format-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.format-icon svg{width:22px;height:22px}.format-text{flex-direction:column;gap:2px;min-width:0;display:flex}.format-text strong{font-size:16px;font-weight:600}.format-text span{color:var(--muted);font-size:13px}.format-sheet .dd-label{margin:2px 2px 8px;display:block}.format-shapes{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.format-shape{border:1px solid var(--line);background:var(--surface);min-height:92px;color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.format-shape[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.format-shape strong{font-size:14px;font-weight:600}.format-shape>span:last-child{color:var(--muted);font-size:12px}.format-glyph{border:2px solid;border-radius:4px;height:30px;margin-bottom:6px;display:block}.format-glyph.portrait{width:17px}.format-glyph.square{width:30px;height:30px}.format-glyph.landscape{width:44px;height:25px;margin-top:5px}.trp{flex-direction:column;min-width:0;display:flex}.trp-search{z-index:1;box-shadow:0 -8px 0 var(--surface);position:sticky;top:0}.trp .search.small{height:44px;margin-bottom:6px}.trp-bar{align-items:center;gap:8px;min-height:44px;margin:4px 0 2px;display:flex}.trp-title{flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 8px;min-width:0;margin:0;font-size:16px;font-weight:700;display:flex}.trp-title .trp-english{color:var(--muted);font-size:13px;font-weight:500}.trp-switch,.trp-back{min-height:44px;color:var(--accent);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-size:14px;font-weight:600;display:inline-flex}.trp-switch svg,.trp-back svg{width:18px;height:18px}.trp-back{margin-inline-start:-6px}.trp-heading,.trp-subhead{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:14px 0 2px;font-size:12px;font-weight:700}.trp-subhead{text-transform:none;letter-spacing:0;align-items:baseline;gap:6px;font-size:13px;display:flex}.trp-subhead .trp-native{color:var(--ink)}.trp-section+.trp-section{margin-top:6px}.trp-group{flex-direction:column;display:flex}.trp-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:6px 4px;font-size:15px;display:flex;position:relative}.trp-row input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.trp-dot{box-sizing:border-box;border:2px solid var(--muted);border-radius:50%;flex:none;width:20px;height:20px}.trp-row input:checked+.trp-dot{border:6px solid var(--accent)}.trp-row:has(input:checked) .trp-name{font-weight:600}.trp-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.trp-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.trp-name{overflow-wrap:anywhere}.trp-detail{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12.5px;display:flex}.trp-voice{box-shadow:inset 0 0 0 1px var(--accent);background:0 0}.trp-badge{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:1px 7px;font-size:11.5px;font-weight:600;display:inline-block}.trp-langs{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trp-lang{border:0;border-bottom:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);text-align:start;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:6px 4px;font-size:15px;display:flex}.trp-lang:hover .trp-native{color:var(--accent)}.trp-lang:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.trp-lang[aria-current=true]{background:var(--accent-soft);border-radius:8px}.trp-lang-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trp-lang-names{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;display:flex}.trp-lang-hits{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.trp-mine-empty{margin:4px 4px 8px}.trp-native{font-weight:600}.trp-english{color:var(--muted);font-size:13px}.trp-lang-meta{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:12.5px;display:flex}.trp-lang>svg{width:16px;height:16px;color:var(--muted);flex:none}.trp-empty{margin:12px 0}dialog.sheet.trp-sheet{max-height:min(80dvh,100dvh - 80px)}@media (min-width:760px){dialog.sheet.trp-sheet{border-radius:var(--radius);width:min(560px,100vw - 32px);max-height:min(80vh,720px);box-shadow:var(--shadow);margin:auto;inset:0}dialog.sheet.trp-sheet:not([open]){transform:translateY(24px)}@starting-style{dialog.sheet.trp-sheet[open]{transform:translateY(24px)}}dialog.sheet.trp-sheet .sheet-grab{display:none}dialog.sheet.trp-sheet .sheet-head{padding-top:14px}}.dd{min-width:0}.dd-row{border:1px solid var(--line);background:var(--surface-2);width:100%;min-width:0;min-height:56px;color:var(--ink);text-align:start;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 14px;display:flex}.dd-row:hover{background:color-mix(in srgb, var(--surface-2) 88%, var(--ink) 8%)}.dd-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dd-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dd-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.dd-value{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.dd-row>svg{width:18px;height:18px;color:var(--muted);flex:none}.dd-hint{color:var(--muted);margin:6px 2px 0;font-size:12.5px}.rel-tray{z-index:4;padding:12px 0 calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f6f1e6;background:#09100fd6;border-radius:20px 20px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) both rel-in;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #00000059}@keyframes rel-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.rel-tray{animation:none}}.rel-head{align-items:center;gap:8px;padding:0 6px 0 16px;display:flex}.rel-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rel-title h2{font:600 16px/1.3 var(--font-display);letter-spacing:0;text-transform:none;color:#f6f1e6;margin:0}.rel-title span{color:#f6f1e6b8;font-size:12.5px}.rel-close{color:#f6f1e6;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.rel-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}.rel-close:hover{background:#f6f1e61a}.rel-status{color:#f6f1e6bf;justify-content:center;align-items:center;min-height:120px;margin:0;padding:0 16px;font-size:13.5px;display:flex}.rel-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:0;padding:10px 16px 2px;list-style:none;display:flex;overflow-x:auto}.rel-row::-webkit-scrollbar{display:none}.rel-row>li{scroll-snap-align:start;flex:none}.rel-tile{color:#fff;text-align:center;cursor:pointer;text-shadow:0 1px 3px #000000b3;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;width:132px;height:222px;padding:40px 10px 14px;display:flex;position:relative;overflow:hidden}.rel-tile:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.rel-bg,.rel-bg img{width:100%;height:100%;position:absolute;inset:0}.rel-bg{background:linear-gradient(160deg, var(--emerald-700), var(--emerald-900))}.rel-bg img{object-fit:cover}.rel-bg:after{content:"";background:linear-gradient(#00000040,#00000059 50%,#0000008c);position:absolute;inset:0}.rel-text{flex-direction:column;gap:6px;display:flex;position:relative}.rel-ar{-webkit-line-clamp:3;font-family:var(--font-quran);-webkit-box-orient:vertical;font-size:16px;line-height:1.75;display:-webkit-box;overflow:hidden}.rel-ar.rel-line{background:#ffffff2e;border-radius:6px;align-self:center;width:70%;height:1.75em}.rel-tr{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.rel-ref{-webkit-line-clamp:2;text-align:start;-webkit-box-orient:vertical;font-size:11.5px;font-weight:700;line-height:1.3;display:-webkit-box;position:absolute;top:9px;left:10px;right:10px;overflow:hidden}.reel[data-related] .reel-rail{bottom:322px}.reel[data-related] .reel-rail>:not(.rail-related):not(.rail-reflect){display:none}.reel[data-related] .reel-info{visibility:hidden}.rail-related .rail-btn[aria-pressed=true]{color:var(--gold-light)}.rail-related .rail-btn[aria-pressed=true] svg{fill:none}.reel[data-related] .scholars-nudge,.reel[data-related] .rail-reflect:before{display:none}.tc-switch{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.tc-switch button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:0 0;border-radius:99px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;display:inline-flex}.tc-switch button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.tc-switch [lang=ar]{font-family:"Noto Naskh Arabic", "Geeza Pro", var(--font-quran);font-size:15px}.tc-ai{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:99px;padding:1px 7px;font-size:11.5px;font-weight:600}@media (pointer:coarse){.tc-switch button{min-height:44px}}.tc-ainote{color:var(--muted);margin:0 0 12px;font-size:12.5px;line-height:1.45}.tc-sub{color:var(--muted);margin:0 0 12px;font-size:13.5px;line-height:1.45}.tc-q{font-family:var(--font-quran);color:var(--ink);unicode-bidi:isolate;font-size:1.12em;line-height:1.9}.tc-mark{color:var(--accent);margin-inline-start:1px;font-size:.7em;font-weight:600}[lang=ar].tc-body,.tc-lessons[lang=ar],.tc-notes ol[lang=ar]{font-family:"Noto Naskh Arabic", "Geeza Pro", var(--font-quran);line-height:1.95}[lang=ar].tc-body{font-size:16px}.rf-asbab{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:20px}.rf-asbab>.rf-h:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-inline-end:8px;display:inline-block}.tc-about{color:var(--muted);margin:14px 0 8px;font-size:13px;font-weight:600}.tc-about:first-of-type{margin-top:4px}.tc-card .rf-body{white-space:pre-line}.tc-notes{color:var(--muted);margin:8px 0 2px;font-size:13px}.tc-notes summary{cursor:pointer;align-items:center;min-height:32px;font-weight:600;display:inline-flex}.tc-notes ol{gap:6px;margin:4px 0 6px;padding-inline-start:20px;line-height:1.55;display:grid}.tc-credit{color:var(--muted);margin:12px 2px 0;font-size:12.5px;line-height:1.5}.tc-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.reels-lesson{color:#fff;text-align:start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0006;border:1px solid #fff3;border-radius:16px;align-items:center;gap:8px;width:100%;max-width:560px;min-height:44px;margin:4px 0 0;padding:6px 10px 6px 14px;display:flex}.reels-lesson strong{flex:none;font-size:13px;font-weight:700}.reels-lesson span{text-overflow:ellipsis;white-space:nowrap;opacity:.88;flex:1;min-width:0;font-size:13px;overflow:hidden}.reels-lesson span[lang=ar]{font-family:"Noto Naskh Arabic", "Geeza Pro", var(--font-quran);font-size:14px}.reels-lesson svg{stroke-width:2px;opacity:.8;flex:none;width:18px;height:18px}.tc-lessons{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.tc-lessons li{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px 14px 12px 30px;font-size:15px;line-height:1.6;position:relative}.tc-lessons li:before{content:"";top:21px;background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-start:14px}.tc-lessons[dir=rtl] li{padding:12px 30px 12px 14px;font-size:16.5px}dialog.sheet.rf-sheet{max-width:720px;height:calc(100dvh - max(28px, env(safe-area-inset-top) + 12px));max-height:calc(100dvh - max(28px, env(safe-area-inset-top) + 12px))}dialog.sheet.rf-sheet.rf-reading{border-radius:0;height:100dvh;max-height:100dvh}.rf-reading .sheet-grab,.rf-reading .rf-tabs{display:none}.rf-reading .rf-tafsir{scroll-margin-top:0}.rf-sheet .sheet-head h2{font-family:var(--font-display);font-size:16.5px;font-weight:500}.rf-sheet .sheet-grab{height:16px}.rf-sheet .sheet-head{padding-bottom:0}.rf-tabs{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:-6px -20px 14px;padding-top:2px;display:grid;position:sticky;top:-6px}.rf-tab{min-height:40px;color:var(--muted);background:0 0;border:0;font-size:14.5px;font-weight:500;position:relative}.rf-tab[aria-selected=true]{color:var(--ink);font-weight:600}.rf-tab[aria-selected=true]:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;width:40px;height:2.5px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.rf-tab:focus-visible{outline-offset:-4px}.rf-panes{min-height:60%}.rf-panes[data-from=right]>[role=tabpanel]:not([hidden]){animation:.22s ease-out rf-in-right}.rf-panes[data-from=left]>[role=tabpanel]:not([hidden]){animation:.22s ease-out rf-in-left}@keyframes rf-in-right{0%{opacity:.4;transform:translate(24px)}}@keyframes rf-in-left{0%{opacity:.4;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){.rf-panes>[role=tabpanel]{animation:none!important}}.rf-status{color:var(--muted);align-items:center;gap:8px;margin:8px 0;font-size:14px;display:flex}.rf-status .spinner{border-color:var(--surface-3);border-top-color:var(--accent)}.rf-note{background:var(--accent-soft);color:var(--ink);border-radius:12px;margin:0 0 14px;padding:10px 12px;font-size:13.5px;line-height:1.5}.rf-source{align-items:flex-start;gap:12px;margin:0 0 12px;display:flex}.rf-source-text{min-width:0;color:var(--muted);flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 10px;font-size:13px;display:flex}.rf-source strong{color:var(--ink);font-size:15px;font-weight:700;font-family:var(--font-display)}.rf-covers{white-space:nowrap}.rf-langs{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -20px 14px;padding:2px 20px;display:flex;overflow-x:auto}.rf-langs::-webkit-scrollbar{display:none}.rf-langs button{border:1px solid var(--line);min-height:36px;color:var(--ink);white-space:nowrap;background:0 0;border-radius:99px;flex:none;padding:0 14px;font-size:13.5px;font-weight:500}.rf-langs button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}@media (pointer:coarse){.rf-langs button{min-height:44px}}.rf-avatar.rf-tavatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#0f5c4d,#d9a648);font-size:13px}.rf-source .rf-tavatar,.rf-source .rf-cover{margin-top:2px}.rf-cover{object-fit:cover;background:var(--surface-2);width:36px;height:52px;box-shadow:0 0 0 1px var(--line), 0 1px 3px #00000040;border-radius:4px;flex:none}.rf-body.rf-excerpt{-webkit-line-clamp:4;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rf-wait{color:var(--muted)}.rf-excerpt[lang=ar],.rf-excerpt[lang=ku]{font-family:"Noto Naskh Arabic", "Geeza Pro", var(--font-quran);font-size:15.5px;line-height:1.85}.rf-excerpt[lang=ur]{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Geeza Pro,serif;line-height:2.1}.rf-reading .sheet-head{display:none}.rf-reading .sheet-inner{padding-top:env(safe-area-inset-top)}.rf-reader-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:-6px -20px 14px;padding:10px 20px 10px 8px;display:flex;position:sticky;top:-6px}.rf-back{width:44px;height:44px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.rf-back svg{width:22px;height:22px}.rf-reader-title{min-width:0;color:var(--muted);flex-direction:column;gap:1px;font-size:12.5px;line-height:1.35;display:flex}.rf-reader-title strong{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font:600 15px/1.3 var(--font-display);overflow:hidden}.rf-picks{margin:0;padding:0;list-style:none}.rf-pick{border:0;border-bottom:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:6px 4px;font-size:15px;display:flex}.rf-picks li:last-child .rf-pick{border-bottom:0}.rf-pick[aria-current=true] .trp-dot{border:6px solid var(--accent)}.rf-pick[aria-current=true] .trp-name{font-weight:600}.rf-pick:hover .trp-name{color:var(--accent)}.rf-pick:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.rf-none{color:var(--muted);margin:4px 0 8px;font-size:14px}.rf-tafsir{scroll-margin-top:76px}.rf-tafsir-text{color:var(--ink);overflow-wrap:anywhere;font-size:15.5px;line-height:1.55}.rf-tafsir-text>*{content-visibility:auto;contain-intrinsic-size:auto 240px;margin:0 0 14px}.rf-tafsir-text h2,.rf-tafsir-text h3,.rf-tafsir-text h4{letter-spacing:0;text-transform:none;color:var(--ink);line-height:1.35}.rf-tafsir-text h2,.rf-tafsir-text h3{font:700 16.5px/1.35 var(--font-display);margin:26px 0 10px}.rf-tafsir-text h4{margin:20px 0 8px;font-size:15.5px;font-weight:700}.rf-tafsir-text>:first-child{margin-top:0}.rf-tafsir-text hr{border:0;border-top:1px solid var(--line);margin:20px 0}.rf-tafsir-text ul,.rf-tafsir-text ol{padding-inline-start:1.3em}.rf-tafsir-text{--rf-ink:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rf-tafsir-text{--rf-ink:var(--gold)}}:root[data-theme=dark] .rf-tafsir-text{--rf-ink:var(--gold)}.rf-tafsir-text .rf-q{margin:20px 0 26px}.rf-tafsir-text>.rf-q:first-child{margin-top:4px}.rf-tafsir-text .rf-ar{font-family:var(--font-quran);text-align:right;color:var(--rf-ink);overflow-wrap:normal;margin:0;font-size:1.5em;line-height:2}.rf-tafsir-text .rf-q .rf-tr{color:var(--muted);margin:2px 0 0;font-size:.94em;line-height:1.6}.rf-tafsir-text .rf-q .rf-ref{color:var(--muted);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:12px;line-height:1.5}.rf-tafsir-text .rf-aya{font-family:var(--font-quran);color:var(--rf-ink);font-size:1.08em}.rf-tafsir-text span.rf-ref{color:var(--muted);font-size:.82em}.rf-tafsir-text .rf-mark{vertical-align:super;color:var(--muted);font-size:.72em;line-height:0}.rf-tafsir-text .rf-fn{color:var(--muted);margin-bottom:8px;font-size:13.5px;line-height:1.6}.rf-tafsir-text .rf-page{color:var(--muted);text-align:end;margin:-6px 0 14px;font-size:12px}.rf-tafsir-text:not([lang=ar],[lang=ur],[lang=fa],[lang=ku]) span[lang=ar]{font-family:var(--font-quran);font-size:1.1em}.rf-tafsir-text[lang=ar]{font-family:"Noto Naskh Arabic", "Geeza Pro", var(--font-quran);font-size:17.5px;line-height:2}.rf-tafsir-text[lang=ur]{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Geeza Pro,serif;font-size:17px;line-height:2.25}.rf-tafsir-text[lang=fa],.rf-tafsir-text[lang=ku]{font-family:"Noto Naskh Arabic", "Geeza Pro", var(--font-quran);font-size:17px;line-height:2}.rf-tafsir-text[lang=bn]{line-height:1.85}.rf-tafsir-text[lang=ml]{font-family:Noto Serif Malayalam,Malayalam Sangam MN,Kartika,Nirmala UI,serif;font-size:15.5px;line-height:1.5}.rf-tafsir-text[lang=ml] h4:first-child{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px;font-weight:600}.rf-tafsir-text[lang=ml] p>strong:first-child{color:var(--rf-ink);font-variant-numeric:tabular-nums}.rf-section+.rf-section{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.rf-h{font:500 17px/1.3 var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink);margin:0}.rf-scholars .rf-h:before,.rf-tafsir>.rf-h:before{content:"";background:var(--gold);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-inline-end:8px;display:inline-block}.rf-sub{color:var(--muted);margin:4px 0 12px;font-size:13px;line-height:1.45}.rf-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rf-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 16px 4px}.rf-scholars .rf-card{border-color:color-mix(in srgb, var(--gold) 45%, var(--line));background:color-mix(in srgb, var(--gold) 5%, var(--surface))}.rf-card-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.rf-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.rf-avatar img{object-fit:cover;width:100%;height:100%;display:block}.rf-who{flex-direction:column;gap:1px;min-width:0;display:flex}.rf-name{overflow-wrap:anywhere;align-items:center;gap:4px;font-size:14.5px;font-weight:600;display:inline-flex}.rf-tick{flex:none;width:16px;height:16px}.rf-tick circle{fill:var(--accent);stroke:none}.rf-tick path{fill:none;stroke:var(--accent-ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.rf-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12.5px;display:flex}.rf-tag{background:var(--surface-3);color:var(--muted);border-radius:99px;padding:1px 8px;font-size:11.5px}.rf-body{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.6}.rf-cite{border-inline-start:2px solid var(--line);color:var(--muted);margin:6px 0;padding-inline-start:10px;font-size:13px;line-height:1.5;display:block}.rf-hashtags{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12.5px;line-height:1.5}.rf-body.rf-clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rf-foot{flex-wrap:wrap;align-items:center;gap:0 16px;display:flex}.rf-link{min-height:44px;color:var(--accent);background:0 0;border:0;align-items:center;padding:0;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.rf-link:hover{text-underline-offset:3px;text-decoration:underline}.rf-powered{min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;text-decoration:none;display:flex}.rf-powered img{flex:none;width:14px;height:18px}.rf-powered:hover{color:var(--ink)}.rf-acts{align-items:center;margin-inline:auto -10px;display:flex}.rf-act,.rf-flag{width:40px;height:44px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.rf-act svg{width:18px;height:18px}.rf-act:hover,.rf-flag:hover{color:var(--ink)}.rf-act:disabled{opacity:.4}.rf-flag{opacity:.7;align-self:flex-start;width:36px;height:36px;margin:-8px -10px 0 auto}.rf-flag svg{width:15px;height:15px}.rf-more{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:44px;color:var(--ink);border-radius:22px;margin-top:12px;font-size:14px;font-weight:600}.rf-more:disabled{opacity:.6;cursor:default}@media (min-width:760px){.rf-tafsir-text{font-size:16px}}.reciter-choices .choice-row,.srh-choices .choice-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.reciter-choices .choice-row>[role=radio],.srh-sheet .srh-choices .choice-row>[role=radio]{border-bottom:0;flex:1;min-width:0}.choice-row:last-child{border-bottom:0}.sample-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin:2px 0;padding:0;display:grid}.sample-btn svg{width:16px;height:16px}.sample-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.new-badge{background:var(--accent-soft);color:var(--accent);vertical-align:1px;border-radius:99px;margin-left:8px;padding:1px 7px;font-size:11.5px;font-weight:600;display:inline-block}dialog.sheet.si-sheet{max-width:720px;height:calc(100dvh - max(28px, env(safe-area-inset-top) + 12px));max-height:calc(100dvh - max(28px, env(safe-area-inset-top) + 12px))}.si-sheet .sheet-head h2{font-family:var(--font-display);font-size:17px;font-weight:600}.si-head{flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 16px;display:flex}.si-ar{font:26px/1.6 var(--font-quran);color:var(--ink)}.si-meta{color:var(--muted);font-size:13.5px}.si-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:14px;display:flex}.si-retry{border:1px solid var(--line);min-height:44px;color:var(--accent);background:0 0;border-radius:22px;padding:0 16px;font-weight:600}.si-note{background:var(--accent-soft);color:var(--ink);border-radius:12px;margin:0 0 14px;padding:10px 12px;font-size:13.5px;line-height:1.5}.si-text{color:var(--ink);overflow-wrap:anywhere;font-size:15px;line-height:1.65}.si-text section+section{margin-top:18px}.si-text h3{font:600 15.5px/1.35 var(--font-display);text-transform:none;letter-spacing:normal;color:var(--ink);margin:0 0 6px}.si-text p{margin:0 0 10px}.si-text[lang=ur]{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Geeza Pro,serif;line-height:2.1}.si-text[lang=ur] h3{font-family:inherit}.si-source{border-top:1px solid var(--line);color:var(--muted);margin:18px 0 0;padding-top:12px;font-size:12.5px}.si-play{background:var(--accent);width:100%;min-height:48px;color:var(--accent-ink);border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;font-size:15px;font-weight:600;display:inline-flex}.si-play svg{width:16px;height:16px}.si-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#00000073;border-radius:16px;align-items:flex-start;max-width:480px;margin:8px 0 0;animation:.3s ease-out si-in;display:flex;position:relative}@keyframes si-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.si-card{animation:none}}.si-card-open{min-width:0;color:inherit;text-align:start;background:0 0;border:0;flex:1;gap:4px;padding:12px 4px 12px 14px;display:grid}.si-card-title{font:600 14px/1.3 var(--font-display);align-items:center;gap:6px;display:inline-flex}.si-card-title svg{flex:none;width:16px;height:16px}.si-card-lead{-webkit-line-clamp:2;color:#ffffffe0;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.si-card-lead[lang=ur]{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Geeza Pro,serif;line-height:1.9}.si-card-more{text-underline-offset:2px;font-size:12.5px;font-weight:600;text-decoration:underline}.si-card-hide{color:#fff;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.si-card-hide svg{width:18px;height:18px}.srh-list li{align-items:center;display:flex}.srh-list .srh-row{flex:1;min-width:0}.si-info-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-end:-10px;padding:0;display:grid}.si-info-btn svg{width:20px;height:20px}@media (hover:hover){.si-info-btn:hover{background:var(--surface-2);color:var(--accent)}}button.reels-surah{font:inherit;text-align:start;background:0 0;border:0;align-items:flex-start;padding:0}button.reels-surah strong{align-items:center;gap:5px;max-width:100%;display:inline-flex}button.reels-surah strong svg{opacity:.85;flex:none;width:14px;height:14px}.screen[data-screen=feed]{color:#fff;background:#000;height:100dvh;min-height:0;overflow:hidden}.app[data-layout=phone] .screen[data-screen=feed]{height:calc(100dvh - var(--nav-h))}.app:not([data-layout=phone]) .screen[data-screen=feed]{background:var(--bg);color:var(--ink)}.feed-wrap.wide{padding:16px 0}.feed-wrap.wide .reels{border-radius:20px}.feed-wrap .reels{scroll-snap-type:y mandatory;scroll-behavior:auto;overscroll-behavior-y:contain}.feed-wrap .reel{scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint style}.reel.placeholder{color:#ffffffd1;background:#0b0f0e}.feed-wrap .feed-top{padding:calc(6px + env(safe-area-inset-top)) 8px 12px 16px;background:linear-gradient(#0009,#00000040 65%,#0000);flex-direction:column;align-items:stretch;gap:2px}.feed-wrap .feed-top>.reels-bar{pointer-events:none}.reels-bar{align-items:center;gap:8px;min-height:44px;display:flex}.reels-bar>*{pointer-events:auto}.reels-mood{color:#fff;min-width:0;min-height:44px;font:500 19px/1.2 var(--font-display);letter-spacing:-.1px;text-shadow:0 1px 6px #00000080;background:0 0;border:0;flex:0 auto;align-items:center;gap:4px;margin-right:auto;padding:0 4px;display:inline-flex}.reels-mood span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reels-today{color:#fff;text-shadow:0 1px 6px #00000080;flex-direction:column;flex:auto;gap:1px;min-width:0;margin:0 auto 0 0;padding:0 4px;display:flex}.reels-today strong{font:700 19px/1.2 var(--font-display)}.reels-today span{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.reels-remind{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #fff3;border-radius:20px;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 14px 0 12px;font-size:14px;font-weight:600;display:inline-flex}.reels-remind svg{stroke-width:1.9px;width:18px;height:18px}.reels-settings-wrap[hidden]{display:none}.reminder-sheet .hint{color:var(--muted);margin:0 2px 16px;font-size:14px;line-height:1.45}.reminder-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reminder-times button{border:1px solid var(--line);min-height:60px;color:var(--ink);background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:14px;font-weight:600;display:flex}.reminder-times button span{color:var(--muted);font-size:12.5px;font-weight:400}.reminder-times button[aria-checked=true]{border:1.5px solid var(--accent);background:var(--accent-soft)}.reminder-other{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-top:8px;font-size:14px;font-weight:600;display:flex}.reminder-other input{border:1px solid var(--line);min-height:40px;color:var(--ink);font:inherit;background:0 0;border-radius:10px;padding:0 10px}.reminder-actions{gap:6px;margin-top:16px;display:grid}.reminder-actions .btn{border-radius:999px;width:100%;min-height:50px}.reels-mood svg{stroke-width:2.4px;filter:drop-shadow(0 1px 3px #00000080);flex:none;width:20px;height:20px}.reels-mute{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.reels-mute svg{stroke-width:1.9px;width:22px;height:22px}.reels-mute:active{background:#fff3}.reels-settings-wrap{flex:none;position:relative}.mood-sheet .mood-you{border:1.5px solid var(--line);width:100%;min-height:60px;color:var(--ink);text-align:start;background:0 0;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.mood-sheet .mood-you[aria-pressed=true]{border-color:var(--accent)}.mood-you-text{flex:1;gap:2px;min-width:0;display:grid}.mood-you-text strong{font-size:16px;font-weight:600}.mood-you-text span{color:var(--muted);font-size:13px}.mood-you svg{stroke-width:2.4px;width:20px;height:20px;color:var(--accent);flex:none}.mood-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mood-list button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:99px;padding:0 16px;font-size:14px}.mood-all{border:0;border-top:1px solid var(--line);width:100%;min-height:60px;color:var(--ink);text-align:start;background:0 0;align-items:center;gap:12px;margin-top:18px;padding:14px 4px 0;display:flex}.mood-all>span{flex:1;gap:2px;min-width:0;display:grid}.mood-all strong{font-size:15.5px;font-weight:600}.mood-all>span>span{color:var(--muted);font-size:13px}.mood-all svg{stroke-width:2px;flex:none;width:20px;height:20px}.mood-list button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.reel-settings-sheet .reel-voice{margin-top:14px}.reel-settings-sheet .reel-textsize{gap:8px;margin-top:18px;display:grid}.reel-settings-sheet .hint{color:var(--muted);margin:4px 2px 0;font-size:13px;line-height:1.4}.feed-wrap.wide .feed-top{border-radius:20px 20px 0 0;width:min(56.25dvh - 18px,100%);top:16px}.feed-wrap.wide .feed-nav{left:calc(50% + 28.125dvh + 7px)}.reel-rail{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;right:6px}.rail-btn{color:#fff9;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000b3;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;min-height:52px;padding:2px 0;font-size:12px;font-weight:600;line-height:1.2;display:flex}.rail-btn>span:not(.pct){white-space:nowrap;font-size:11px}.rail-btn svg{stroke-width:1.8px;filter:drop-shadow(0 1px 2px #0009);width:28px;height:28px}.rail-btn.like svg{width:30px;height:30px}.rail-btn[aria-pressed=true] svg{fill:currentColor}.rail-btn.like[aria-pressed=true]{color:#ff5a4f}.rail-btn:disabled{opacity:.6;cursor:default}.rail-btn:active:not(:disabled){background:#ffffff24}.rail-btn .pct{font-variant-numeric:tabular-nums;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.rail-reflect{position:relative}.rail-reflect .rail-btn{justify-content:flex-start;padding-top:4px}.scholars-nudge{color:#f6f1e6;white-space:nowrap;text-shadow:0 1px 4px #000000bf;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0 0 0 6px;animation:.35s cubic-bezier(.2,.8,.2,1) both sn-in;display:flex;position:absolute;top:-4px;right:calc(100% + 4px)}.scholars-nudge.out{pointer-events:none;animation:.3s both sn-out}.sn-text{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.sn-name{text-overflow:ellipsis;max-width:170px;font-size:13px;font-weight:600;animation:.3s both sn-name;overflow:hidden}.sn-more{color:#f6f1e6d9;font-size:11.5px;font-weight:500}.sn-faces{display:flex}.sn-faces>span{color:#f6f1e6;width:26px;height:26px;text-shadow:none;opacity:.5;background:#2f4858;border:1.5px solid #00000059;border-radius:50%;place-items:center;margin-left:-8px;font-size:10px;font-weight:700;transition:opacity .25s;display:grid;overflow:hidden}.sn-faces>span:first-child{background:#0f5c4d;margin-left:0}.sn-faces>span:nth-child(3){background:#7a6240}.sn-faces>span.on{opacity:1}.sn-faces img{object-fit:cover;width:100%;height:100%}.rail-reflect .rail-btn,.rail-reflect .rail-btn svg{transition:color .3s,filter .3s}.rail-reflect:has(.scholars-nudge:not(.out)) .rail-btn{color:#f6f1e6}.rail-reflect:has(.scholars-nudge:not(.out)) .rail-btn svg{filter:drop-shadow(0 0 6px #f3d58bb3)drop-shadow(0 1px 3px #0009);animation:.6s both sn-lift}@keyframes sn-in{0%{opacity:0;transform:translate(28px)}}@keyframes sn-out{to{opacity:0;transform:translate(16px)}}@keyframes sn-name{0%{opacity:0;transform:translateY(5px)}}@keyframes sn-lift{40%{transform:translateY(-3px)scale(1.12)}}@keyframes sn-fade-in{0%{opacity:0}}@keyframes sn-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.scholars-nudge,.sn-name{animation-name:sn-fade-in}.rail-reflect:has(.scholars-nudge:not(.out)) .rail-btn svg{animation:none}.scholars-nudge.out{animation-name:sn-fade-out}}.reel-info{pointer-events:none;text-shadow:0 1px 3px #000000b3;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:7%;left:16px;right:10px}.reel-info>*{max-width:calc(100% - 70px)}.reel-reason{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-light);font-size:11px;font-weight:700}.reel-who{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.reel-avatar{background:linear-gradient(135deg,#0f5c4d,#d9a648);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:2px;display:grid}.reel-avatar img{background:#fff;border-radius:50%;width:100%;height:100%;padding:5px}.reel-who-text{flex:0 auto;min-width:0}.reel-open{pointer-events:auto;cursor:pointer;font:inherit;color:inherit;text-shadow:inherit;border:0}.reel-open-name{text-align:start;background:0 0;max-width:100%;padding:0;display:block}.reel-avatar.reel-open{position:relative}.reel-avatar.reel-open:before{content:"";position:absolute;inset:-4px}.reel-customize{background:linear-gradient(135deg, var(--gold-light), var(--gold));color:#2a1d05;min-height:34px;text-shadow:none;pointer-events:auto;border:0;border-radius:17px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:700;line-height:1;display:inline-flex;position:relative;box-shadow:0 2px 8px #00000059}.reel-customize:before{content:"";position:absolute;inset:-5px -3px}.reel-customize svg{stroke-width:2.2px;width:14px;height:14px}.reel-customize:active{filter:brightness(.92)}.reel-who-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.reel-reciter{opacity:.92;align-items:center;gap:6px;font-size:13px;display:flex}.reel-reciter svg{stroke-width:2.2px;width:14px;height:14px}.reel-reciter span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.feed-wrap .sound-hint{top:calc(114px + env(safe-area-inset-top))}.swipe-hint{left:50%;top:calc(150px + env(safe-area-inset-top));white-space:nowrap;pointer-events:none;background:#0009;border-radius:17px;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:13px;font-weight:600;animation:4.5s forwards swipe-hint;display:inline-flex;position:absolute;transform:translate(-50%)}@keyframes swipe-hint{0%{opacity:0}8%,75%{opacity:1}to{opacity:0;visibility:hidden}}.swipe-hint svg{stroke-width:2.2px;width:16px;height:16px;animation:1.6s ease-in-out infinite swipe-nudge}@keyframes swipe-nudge{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}.reel-progress{pointer-events:none;background:#ffffff40;height:3px;position:absolute;bottom:0;left:0;right:0}.reel-progress i{background:var(--gold-light);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.pull-refresh{z-index:4;left:50%;top:calc(118px + env(safe-area-inset-top));color:#fff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border-radius:18px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute}.pull-refresh svg{stroke-width:2.2px;width:18px;height:18px;transition:transform .15s}.pull-refresh[data-ready] svg{transform:rotate(180deg)}.new-reels{z-index:4;left:50%;top:calc(118px + env(safe-area-inset-top));background:linear-gradient(135deg, var(--gold-light), var(--gold));color:#2a1d05;border:0;border-radius:19px;align-items:center;gap:6px;min-height:38px;padding:0 16px;font-size:13px;font-weight:700;animation:4s both new-reels;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 10px #0006}.new-reels svg{stroke-width:2.4px;width:16px;height:16px}@keyframes new-reels{0%{opacity:0;transform:translate(-50%,-8px)}8%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){@keyframes new-reels{0%,to{opacity:0}8%,88%{opacity:1}}}.feed-wrap.wide .pull-refresh,.feed-wrap.wide .new-reels{top:132px}.feed-wrap .reels{overscroll-behavior:none}.meaning-coach{z-index:5;color:#fff;width:max-content;max-width:min(240px,100vw - 32px);text-shadow:none;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;border-radius:12px;padding:9px 13px;font-size:13px;font-weight:600;line-height:1.35;animation:.25s both coach-in;position:absolute;top:calc(100% + 12px);right:0}.meaning-coach:before{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;right:16px;transform:rotate(45deg)}@keyframes coach-in{0%{opacity:0;transform:translateY(-4px)}}.voice-hint{z-index:3;left:50%;top:calc(156px + env(safe-area-inset-top));color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border-radius:99px;max-width:calc(100% - 32px);padding:7px 14px;font-size:13px;font-weight:600;animation:2.2s forwards voice-hint;position:absolute;overflow:hidden;transform:translate(-50%)}@keyframes voice-hint{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.swipe-hint svg,.voice-hint,.meaning-coach{animation:none}.pull-refresh svg{transition:none}}.reels-back{color:#fff;filter:drop-shadow(0 1px 3px #00000080);background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;margin-left:-10px;padding:0;display:grid}.reels-back svg{stroke-width:2px;width:24px;height:24px}.reels-bar .reels-surah-mark{width:34px;height:34px;margin-left:-4px;box-shadow:0 1px 4px #00000059}.reels-surah{color:#fff;text-align:start;text-shadow:0 1px 3px #000000b3;background:0 0;border:0;flex-direction:column;flex:auto;align-items:flex-start;gap:1px;min-width:0;margin:0 auto 0 2px;padding:0;display:flex}.reels-surah>span{white-space:nowrap;text-overflow:ellipsis;opacity:.88;font-size:12.5px;overflow:hidden}.reels-surah strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.feed-wrap[data-surah] .reel-progress{display:none}.feed-wrap[data-surah] .reel-info{transition:opacity .2s;bottom:max(7%,58px)}.feed-wrap[data-surah] .reel-rail{transition:bottom .25s;bottom:24px}.feed-wrap[data-surah=open] .reel-info{opacity:0;visibility:hidden}.feed-wrap[data-surah=open] .reel-rail{bottom:268px}.feed-wrap[data-surah=open] .scholars-nudge{display:none}.surah-strip,.surah-dock,.sp-scrub{z-index:3;position:absolute;bottom:0;left:0;right:0}.feed-wrap.wide :is(.surah-strip,.surah-dock,.sp-scrub){border-radius:0 0 20px 20px;width:min(56.25dvh - 18px,100%);bottom:16px;left:50%;right:auto;transform:translate(-50%)}.surah-strip{color:#fff;cursor:pointer;background:linear-gradient(#0000,#00000073);border:0;flex-direction:column;align-items:flex-start;gap:7px;padding:8px 16px 10px;display:flex}.sp-pill{font-variant-numeric:tabular-nums;background:#00000073;border-radius:13px;align-items:center;gap:4px;min-height:26px;padding:0 12px 0 8px;font-size:12px;font-weight:600;display:inline-flex}.sp-pill svg{stroke-width:2.4px;width:15px;height:15px}.sp-bar{gap:2px;width:100%;height:3px;display:flex}.sp-bar i{background:#ffffff47;border-radius:2px;flex:1;min-width:0;height:100%}.sp-bar i[data-on]{background:#fff}.sp-bar i[data-to]{background:#3aa88b}.sp-bar-line{background:#ffffff47;border-radius:2px;display:block;overflow:hidden}.sp-bar-line i{background:#fff;height:100%;display:block}.surah-dock{color:#fff;background:linear-gradient(#0000,#000000d1 38%);flex-direction:column;gap:8px;padding:34px 16px 12px;animation:.25s cubic-bezier(.2,.8,.2,1) both sp-up;display:flex}@keyframes sp-up{0%{opacity:0;transform:translateY(40px)}}.feed-wrap.wide .surah-dock{animation-name:sp-up-wide}@keyframes sp-up-wide{0%{opacity:0;transform:translate(-50%,40px)}}.sp-hide{color:#fffc;background:0 0;border:0;align-self:center;place-items:center;width:64px;height:32px;margin:-26px 0 -4px;padding:0;display:grid}.sp-hide svg{stroke-width:2.4px;width:22px;height:22px}.sp-row{align-items:center;gap:10px;display:flex}.sp-reciter{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:18px;flex:0 auto;align-items:center;gap:6px;min-width:0;min-height:36px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.sp-reciter span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sp-reciter svg{stroke-width:2.2px;flex:none;width:14px;height:14px}.sp-track{touch-action:none;cursor:pointer;outline:none;align-items:center;height:28px;display:flex;position:relative}.sp-track .sp-bar{height:5px}.surah-dock[data-scrubbing] .sp-track .sp-bar{height:7px}.sp-thumb{pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #00000080}.surah-dock[data-scrubbing] .sp-thumb{width:24px;height:24px;margin-left:-12px;box-shadow:0 0 0 6px #3aa88b59}.sp-track:focus-visible .sp-thumb{box-shadow:0 0 0 3px #3aa88b}.sp-ends{opacity:.8;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-4px;font-size:12px;display:flex}.sp-controls{justify-content:space-between;align-items:center;display:flex}.sp-controls button{color:#fff;background:0 0;border:0;place-items:center;padding:0;display:grid}.sp-controls svg{stroke-width:1.9px;width:26px;height:26px}.sp-btn{border-radius:50%;width:48px;height:48px}.sp-btn:disabled{opacity:.35}.sp-play{border-radius:50%;width:64px;height:64px;color:#000!important;background:#fff!important}.sp-play svg{width:28px;height:28px}.sp-side{gap:1px;width:56px;min-height:48px;font-size:10.5px;font-weight:600;color:#ffffffbf!important}.sp-side svg{width:24px;height:24px}.sp-side[aria-pressed=true]{color:#f3d58b!important}.sp-scrub{z-index:2;color:#fff;text-align:center;pointer-events:none;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding-bottom:120px;display:flex;top:0}.feed-wrap.wide .sp-scrub{border-radius:20px;top:16px}.sp-scrub strong{font:700 48px/1 var(--font-display);font-variant-numeric:tabular-nums}.sp-scrub span{opacity:.85;font-size:14px}.sp-scrub small{opacity:.65;margin-top:6px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.surah-dock{animation:none}}.ayahs-sheet .hint{color:var(--muted);margin:0 2px 12px;font-size:13px}.ayahs-go{border:1px solid var(--line);background:var(--surface-2);border-radius:24px;align-items:center;gap:8px;min-height:48px;padding:0 6px 0 14px;display:flex}.ayahs-go label{color:var(--muted);white-space:nowrap;font-size:14px}.ayahs-go input{min-width:0;color:var(--ink);font:16px var(--font-ui);background:0 0;border:0;outline:none;flex:1}.ayahs-go button{background:var(--accent);min-height:36px;color:var(--accent-ink);border:0;border-radius:18px;padding:0 14px;font-weight:700}.ayahs-go button:disabled{opacity:.45}.ayahs-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.ayahs-grid button{border:1px solid var(--line);background:var(--surface-2);min-height:46px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:12px;font-size:15px;font-weight:600}.ayahs-grid button[data-heard]{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft);color:var(--accent)}.ayahs-grid button[aria-current]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.ayahs-key{color:var(--muted);align-items:center;gap:6px;margin:14px 2px 0;font-size:12.5px;display:flex}.ayahs-key span{border-radius:3px;width:12px;height:12px}.ayahs-key .on{background:var(--ink)}.ayahs-key .heard{background:var(--accent-soft);border:1px solid var(--accent);margin-left:10px}.reel-keep{min-height:40px;text-shadow:none;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff47;border-radius:20px;align-items:center;animation:.35s cubic-bezier(.2,.8,.2,1) both keep-in;display:inline-flex}.reel-keep button{color:#fff;background:0 0;border:0;min-height:40px}.reel-keep-go{align-items:center;gap:8px;min-width:0;padding:0 6px;font-size:13.5px;font-weight:600;display:inline-flex}.reel-keep-go>span{color:#000;background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.reel-keep-go svg{width:12px;height:12px}.reel-keep-x{place-items:center;width:44px;padding:0 6px 0 0;display:grid;color:#ffffffbf!important}.reel-keep-x svg{stroke-width:2.2px;width:16px;height:16px}@keyframes keep-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.reel-keep{animation-name:sn-fade-in}}.keep-meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin:-4px 2px 12px;font-size:13px;display:flex}.keep-ar{font:22px/1.6 var(--font-quran);color:var(--ink);flex:none}.keep-row{width:100%;min-height:60px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:8px 6px;display:flex}.keep-row>span:last-child{gap:1px;display:grid}.keep-row strong{font-size:15.5px;font-weight:600}.keep-row>span:last-child>span{color:var(--muted);font-size:13px}.keep-main{background:var(--surface-2)}.keep-icon{background:var(--surface-3);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.keep-main .keep-icon{background:var(--ink);color:var(--bg)}.keep-icon svg{stroke-width:1.9px;width:20px;height:20px}.surah-end{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));color:#f6f1e6;background:linear-gradient(170deg,#12705c,#0a4237 75%);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.feed-wrap.wide .surah-end{border-radius:20px;width:min(56.25dvh - 18px,100%);inset:16px auto 16px 50%;transform:translate(-50%)}.surah-end-close{width:44px;height:44px;color:inherit;background:0 0;border:0;align-self:flex-start;place-items:center;margin-left:-10px;padding:0;display:grid}.surah-end-close svg{width:24px;height:24px}.surah-end-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto 12px 0;display:flex}.surah-end-ar{font:44px/1.6 var(--font-quran);padding-bottom:18px}.surah-end-ar.small{flex:none;padding-bottom:0;font-size:22px;line-height:1.4}.surah-end-head h2{font:700 24px/1.25 var(--font-display);letter-spacing:-.2px;text-transform:none;text-wrap:balance;color:inherit;margin:0}.surah-end .nowrap{white-space:nowrap}.surah-end-head p{color:#f6f1e6d1;margin:0;font-size:14.5px}.surah-end-next{background:#00000038;border-radius:16px;align-items:center;gap:14px;margin-top:40px;padding:16px;display:flex}.surah-end-count{width:52px;height:52px;font:700 20px var(--font-display);border:3px solid #f6f1e64d;border-radius:50%;flex:none;place-items:center;display:grid}.surah-end-next-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.surah-end-next-text>span{color:#f6f1e6c7;font-size:13px}.surah-end-next-text strong{font-size:16px}.surah-end-actions{gap:10px;margin-top:auto;padding-top:24px;display:grid}.surah-end-actions button{min-height:50px;font:600 15px var(--font-ui);color:#f6f1e6;background:0 0;border:1px solid #f6f1e659;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:flex}.surah-end-actions .surah-end-play{color:#0a4237;background:#f6f1e6;border:0;font-size:16px;font-weight:700}.surah-end-actions .surah-end-play svg{width:16px;height:16px}.surah-end-actions .surah-end-stop{border:0;min-height:44px}.reciter-sheet .hint{color:var(--muted);margin:0 2px 12px;font-size:14px;line-height:1.45}.reciter-choices{display:grid}.reciter-choices [role=radio]{border:0;border-bottom:1px solid var(--line);min-height:52px;color:var(--ink);text-align:start;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:15px;display:flex}.reciter-choices>:last-child{border-bottom:0}.reciter-choices [role=radio][aria-checked=true]{font-weight:600}.reciter-choices .reciter-mix{min-height:60px}.reciter-choices .reciter-mix>span{gap:2px;display:grid}.reciter-choices .reciter-mix strong{font-weight:inherit}.reciter-choices .reciter-mix span span{color:var(--muted);font-size:13px;font-weight:400}.reciter-choices [role=radio] svg{stroke-width:2.4px;width:20px;height:20px;color:var(--accent);flex:none}.reel-settings-sheet .dd-row+.dd-row{margin-top:8px}.feed-wrap .reels{transition:opacity .4s}.feed-wrap .reels[data-fade=out]{opacity:0;transition-duration:.35s}@media (prefers-reduced-motion:reduce){.feed-wrap .reels{transition:none}}.home-logo,.home-mark{line-height:0;display:inline-flex}.home-logo img{width:auto;height:29px}.home-mark img{max-width:100%;height:auto}.home-logo-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-logo-light{display:none}:root:not([data-theme=light]) .home-logo-dark{display:block}}:root[data-theme=dark] .home-logo-light{display:none}:root[data-theme=dark] .home-logo-dark{display:block}.install{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.install-sub{max-width:34ch;color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.install-go{background:var(--accent);color:#fff;border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-width:200px;min-height:48px;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex}.install-go svg{width:20px;height:20px}.install-go:hover{filter:brightness(1.08)}.install-steps{text-align:start;gap:10px;width:100%;max-width:320px;margin:0;padding:0;list-style:none;display:grid}.install-steps li{background:var(--surface-2);color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;display:flex}.install-steps li>span:last-child{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.install-steps svg{width:18px;height:18px;color:var(--accent)}.install-num{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.install-later{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:22px;padding:0 18px;font-size:14px;font-weight:600}.install-later:hover{color:var(--ink)}.install-sheet .sheet-body{padding-bottom:max(16px, env(safe-area-inset-bottom))}.install-strip{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex:none;align-items:center;gap:10px;width:min(100% - 32px,608px);margin:0 auto 4px;padding:10px 12px;display:flex;position:relative;box-shadow:0 4px 18px #00000014}.install-strip-icon{border-radius:10px;flex:none;width:38px;height:38px}.install-strip-text{text-align:start;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-strip-text>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.install-strip-text strong{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:700;line-height:1.2}.install-strip-text span{color:var(--muted);font-size:12px;line-height:1.3}.install-strip-go{background:var(--accent);color:#fff;border:0;border-radius:17px;flex:none;min-height:34px;padding:0 16px;font-size:14px;font-weight:700}.install-strip-go:hover{filter:brightness(1.08)}.install-strip-close{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-9px;right:-7px}.install-strip-close:before{content:"";position:absolute;inset:-10px}.install-strip-close svg{stroke-width:2.4px;width:12px;height:12px}.home[data-typing] .install-strip{display:none}.streak-pill{--streak-ink:#7a4f00;border:1px solid color-mix(in srgb, var(--streak) 25%, transparent);background:var(--streak-soft);height:28px;color:var(--streak-ink);cursor:pointer;border-radius:14px;flex:none;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:13px;line-height:1;display:inline-flex;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .streak-pill{--streak-ink:#f0b44c}}:root[data-theme=dark] .streak-pill{--streak-ink:#f0b44c}.streak-pill svg{width:14px;height:14px;color:var(--streak)}.streak-pill b{font-variant-numeric:tabular-nums;font-weight:700}.streak-pill:not([data-on]){opacity:.8}.streak-pill:after{content:"";position:absolute;inset:-8px -4px}.streak-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}dialog.sheet.streak-sheet{max-height:min(80dvh,100dvh - 80px)}@media (min-width:760px){dialog.sheet.streak-sheet{border-radius:var(--radius);width:min(420px,100vw - 32px);box-shadow:var(--shadow);margin:auto;inset:0}dialog.sheet.streak-sheet:not([open]){transform:translateY(24px)}@starting-style{dialog.sheet.streak-sheet[open]{transform:translateY(24px)}}dialog.sheet.streak-sheet .sheet-grab{display:none}dialog.sheet.streak-sheet .sheet-head{padding-top:14px}}.streak-sheet .prof-streak{padding:2px 2px 6px}.streak-sheet .prof-streak h3{text-transform:none;letter-spacing:normal;color:var(--ink)}.streak-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;display:grid}.streak-facts div{background:var(--streak-soft);border-radius:14px;flex-direction:column-reverse;gap:2px;min-width:0;padding:10px 12px;display:flex}.streak-facts dt{color:var(--muted);font-size:12px}.streak-facts dd{font:700 15px/1.25 var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.streak-sheet .prof-heat{--dot:1fr}.join{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.join-title{font-family:var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink);margin:0;font-size:18px;font-weight:700}.join-sub{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.join-google{justify-content:center;min-height:44px;display:flex}.apple-signin{color:#fff;background:#000;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:min(100%,320px);min-height:44px;padding:0 18px;font:600 17px/1 -apple-system,system-ui,sans-serif;display:inline-flex}.apple-signin svg{fill:currentColor;width:17px;height:17px;margin-top:-3px}.apple-signin:disabled{opacity:.6}:root[data-theme=dark] .apple-signin{color:#000;background:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .apple-signin{color:#000;background:#fff}}.join-later{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:22px;align-self:center;padding:0 18px;font-size:14px;font-weight:600}.join-later:hover{color:var(--ink)}.join-sheet .sheet-body{padding-bottom:max(16px, env(safe-area-inset-bottom))}.join-email{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.join-or{width:min(100%,320px);color:var(--muted);align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.join-or:before,.join-or:after{content:"";background:var(--line);flex:1;height:1px}.join-email-form{text-align:start;flex-direction:column;gap:8px;width:min(100%,320px);display:flex}.join-email-form .label{margin-bottom:0}.join-email-form .input{font-size:16px}.join-email-form .btn.primary{width:100%;margin-top:4px}.join-code-boxes{justify-content:center;gap:clamp(4px,2vw,8px);display:flex}.join-code-box{border:1px solid var(--line);background:var(--surface-2);min-width:0;height:52px;color:var(--ink);font:600 22px/1 var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--accent);border-radius:12px;flex:0 46px;padding:0}.join-code-box:focus-visible,.join-code-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.join-code-box[aria-invalid=true]{border-color:var(--danger)}.join-code-boxes.shake{animation:.4s ease-in-out join-shake}@keyframes join-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.join-code-boxes.shake{animation:none}}.join-email-sent{color:var(--ink);overflow-wrap:anywhere;margin:0 0 4px;font-size:14px;line-height:1.45}.join-email-problem{color:var(--danger);margin:0;font-size:13.5px;line-height:1.45}.join-email-more{flex-wrap:wrap;justify-content:space-between;gap:4px;display:flex}.join-email-more .btn{padding:0 8px;font-size:14px}.join-bot{width:min(100%,320px)}.join-bot:empty{display:none}.join-email-retry{min-height:44px;color:var(--accent);font:inherit;background:0 0;border:0;padding:0 6px;font-weight:600;text-decoration:underline}.join-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), var(--surface) 70%);border-radius:18px;gap:10px;margin:4px 16px 16px;padding:18px 16px}.join-open{border-radius:22px;width:min(100%,320px)}.join-sheet .join-open{margin-top:4px}.home-login{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:18px;height:36px;margin-inline-end:4px;padding:0 14px;font-size:14px;font-weight:600}.home-login:hover{filter:brightness(1.08)}.home-me{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;align-items:center;height:36px;margin-inline-end:2px;padding:0 3px 0 0;display:inline-flex}.home-me .home-me-streak{background:0 0;border:0;border-radius:17px 0 0 17px;height:34px;padding:0 8px 0 11px;font-size:14px}.home-me .home-me-streak svg{width:15px;height:15px}.home-me-pic{background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:relative}.home-me-pic:after{content:"";position:absolute;inset:-7px -4px}.home-me-pic>:is(img,span){object-fit:cover;background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.join-email-link{min-height:40px;color:var(--muted);font:inherit;background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:600;text-decoration:underline}.join-email-link:hover{color:var(--ink)}.act{max-width:640px;margin:0 auto;padding-bottom:24px}.act h1,.act h2{text-transform:none;letter-spacing:normal;color:var(--ink)}.act-bar{z-index:5;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0 max(6px, env(safe-area-inset-left));background:var(--bg);align-items:center;gap:6px;display:flex;position:sticky;top:0}.act-bar h1{font:700 20px/1.2 var(--font-display);letter-spacing:-.2px}.act-icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.act-icon-btn svg{width:22px;height:22px}.act-icon-btn:hover{background:var(--surface-2)}.act-group h2{font:700 15px/1.3 var(--font-ui);padding:10px 16px 4px}.act-group ul{margin:0;padding:0;list-style:none}.act-item{width:100%;min-height:64px;color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:10px 16px;font-size:14px;line-height:1.4;display:flex}.act-item:hover{background:var(--surface-2)}.act-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.act-icon svg{width:22px;height:22px}.act-text{flex:1;min-width:0}.act-text strong{font-weight:700}.act-thumb{object-fit:cover;background:var(--surface-2);border-radius:8px;flex:none;width:44px;height:44px}.act-empty{text-align:center;justify-items:center;gap:8px;padding:48px 24px 24px;display:grid}.act-empty-icon{border:2px solid var(--ink);width:64px;height:64px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.act-empty-icon svg{width:28px;height:28px}.act-empty h2{font:700 18px/1.3 var(--font-ui)}.act-empty p{max-width:34ch;color:var(--muted);margin:0;font-size:14px}.act-foot{color:var(--muted);text-align:center;margin:0;padding:16px;font-size:12px}.disc{max-width:760px;margin:0 auto;padding-bottom:32px}:where(.disc) :where(ul,ol){margin:0;padding:0;list-style:none}.disc-head{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 8px 4px 16px;background:var(--bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.disc-head h1{font:700 24px/1.2 var(--font-display);letter-spacing:-.3px}.disc-icon{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.disc-icon svg{stroke-width:1.8px;width:24px;height:24px}@media (hover:hover){.disc-icon:hover{background:var(--surface-2)}}.disc-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:16px;display:flex}.disc-thumb{background:linear-gradient(135deg,#0f5c4d,#12342d);width:100%;height:100%;display:block;position:relative;overflow:hidden}.disc-thumb video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.disc-thumb video[data-on]{opacity:1}.disc-thumb img{object-fit:cover;width:100%;height:100%;display:block}.disc-skel{background:linear-gradient(90deg, var(--surface-3), var(--surface-2), var(--surface-3));background-size:200% 100%;border-radius:16px;animation:1.2s linear infinite shimmer}@media (prefers-reduced-motion:reduce){.disc-skel{animation:none}}.disc-aotd,.disc-aotd-skel{border-radius:24px;margin:0}.disc-aotd-skel{height:330px}.disc-aotd{color:#fff;background:#0b0f0e;flex-direction:column;justify-content:flex-end;min-height:330px;display:flex;position:relative;overflow:hidden}.disc-aotd>.disc-thumb{position:absolute;inset:0}.disc-scrim{background:linear-gradient(#0003 0%,#00000059 40%,#000c 100%);position:absolute;inset:0}.disc-badge{color:#0f5c4d;background:#ffffffeb;border-radius:14px;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:16px;left:16px}.disc-aotd-body{text-shadow:0 1px 4px #00000080;padding:64px 18px 18px;position:relative}.disc-ar{font:22px/1.95 var(--font-quran);text-align:right;margin:0}.disc-tr{margin:6px 0 0;font-size:14px;line-height:1.45}.disc-pill{min-height:26px;text-shadow:none;background:#0006;border-radius:13px;align-items:center;gap:6px;margin:10px 0 0;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.disc-pill svg{stroke-width:2.2px;width:14px;height:14px}.disc-aotd-foot{align-items:center;gap:10px;margin-top:12px;display:flex}.disc-aotd-foot>span{opacity:.92;flex:1;min-width:0;font-size:13px}.disc-create{color:#0f5c4d;min-height:44px;text-shadow:none;background:#fff;border:0;border-radius:22px;flex:none;padding:0 20px;font-weight:700}.disc-create:active{background:#e9efed}.disc-h{font:700 17px/1.3 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink);margin:28px 16px 4px}.disc-sub{color:var(--muted);margin:0 16px;font-size:13px}.disc-h-row{justify-content:space-between;align-items:center;gap:12px;margin:28px 16px 10px;display:flex}.disc-h-row .disc-h{margin:0}.disc-pill-btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:22px;padding:0 16px;font-size:13px;font-weight:600}.disc-pill-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.disc-pill-btn:disabled{opacity:.5;cursor:default}.disc-ranked{padding:8px 16px 0}.disc-ranked li+li{border-top:1px solid var(--line)}.disc-ranked button{width:100%;min-height:64px;color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;display:flex}.disc-ranked button>svg{width:18px;height:18px;color:var(--muted)}.disc-ranked button:hover .disc-ranked-text strong{color:var(--accent)}.disc-rank{width:22px;font:700 18px var(--font-display);color:var(--accent);text-align:center;flex:none}.disc-mini{border-radius:12px;flex:none;width:48px;height:48px;overflow:hidden}.disc-ranked-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.disc-ranked-text strong{font-size:15px;font-weight:600}.disc-ranked-text span{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.disc-ranked-text svg{stroke-width:2.2px;width:14px;height:14px}.disc-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 16px 0;display:grid}.disc-door{color:#fff;text-align:start;background:#0b0f0e;border:0;border-radius:20px;width:100%;height:214px;padding:0;display:block;position:relative;overflow:hidden}.disc-door .disc-thumb{position:absolute;inset:0}.disc-door-scrim{background:linear-gradient(#0000000d 25%,#000000d1);position:absolute;inset:0}.disc-door-text{text-shadow:0 1px 4px #0000008c;gap:3px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.disc-door-ar{font:26px/1.6 var(--font-quran);text-align:right}.disc-door-text strong{font:700 18px/1.25 var(--font-display);letter-spacing:-.2px}.disc-door-text span:last-child{opacity:.92;font-size:12px;line-height:1.4}.disc-continue{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);align-items:center;display:flex;position:relative}.disc-continue-go{border-radius:var(--radius);min-width:0;color:inherit;text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:10px;display:flex}.disc-continue-x{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-9px;right:-7px}.disc-continue-x:before{content:"";position:absolute;inset:-10px}.disc-continue-x svg{stroke-width:2.4px;width:12px;height:12px}.disc-continue-row{margin:12px 16px 0}.disc-continue-pic{background:#0b0f0e;border-radius:12px;flex:none;width:56px;height:56px;overflow:hidden}.disc-continue-text{flex:1;gap:2px;min-width:0;display:grid}.disc-continue-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.disc-continue-text span{color:var(--muted);font-size:13px}.disc-continue-text .disc-continue-bar{background:var(--line);border-radius:2px;height:3px;margin-top:4px;display:block;overflow:hidden}.disc-continue-bar i{background:var(--accent);height:100%;display:block}.disc-continue-play{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.disc-continue-play svg{width:16px;height:16px}@media (hover:hover){.disc-continue:hover .disc-continue-text strong{color:var(--accent)}}.disc-today{gap:12px;margin:10px 16px 0;display:grid}.disc-occasion{color:#fff;background:#0b0f0e;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:170px;display:flex;position:relative;overflow:hidden}.disc-occasion>.disc-thumb{position:absolute;inset:0}.disc-occasion-body{text-shadow:0 1px 4px #00000080;justify-items:start;gap:2px;padding:56px 18px 18px;display:grid;position:relative}.disc-occasion-body strong{font:700 20px/1.25 var(--font-display);letter-spacing:-.2px}.disc-occasion-body span{opacity:.92;font-size:13px}.disc-occasion-body .disc-create{margin-top:10px}@media (min-width:760px){.disc-head{padding-inline-start:16px}.disc-door{border-radius:24px;height:240px}.disc-door-text{bottom:18px;left:18px;right:18px}.disc-door-text strong{font-size:20px}.disc-today[data-two]{grid-template-columns:2fr 3fr;align-items:stretch}.disc-ar{font-size:26px}.disc-aotd-body{padding:72px 28px 24px}}.cn-cover{background:#0b0f0e;height:300px;position:relative;overflow:hidden}.cn-cover .disc-thumb{position:absolute;inset:0}.cn-fade{background:linear-gradient(180deg, #00000059, #0000001a 40%, var(--bg) 98%);position:absolute;inset:0}.cn-back{top:calc(8px + env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));color:#fff;background:#00000073;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute}.cn-back svg{width:22px;height:22px}.cn-head{margin-top:-84px;padding:0 16px;position:relative}.cn-eyebrow{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600}.cn-head h1{font:700 28px/1.2 var(--font-display);letter-spacing:-.4px;color:var(--ink);text-wrap:balance}.cn-sub{color:var(--muted);margin:6px 0 0;font-size:14px}.cn-note{margin:12px 0 0}.cn-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.cn-play,.cn-share{border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.cn-play{background:var(--accent);color:var(--accent-ink);border:0}.cn-play:disabled{opacity:.5}.cn-play svg{width:16px;height:16px}.cn-share{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.cn-share svg{width:18px;height:18px}.cn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 16px 0;display:grid}.cn-tile{aspect-ratio:3/4;color:#fff;background:#0b0f0e;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cn-tile .disc-thumb{position:absolute;inset:0}.cn-tile-shade{background:#00000073;position:absolute;inset:0}.cn-tile-ar{-webkit-line-clamp:5;font:17px/1.9 var(--font-quran);text-align:center;text-shadow:0 1px 4px #0009;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;top:50%;left:10px;right:10px;overflow:hidden;transform:translateY(-50%)}.cn-tile-ref{text-align:start;text-shadow:0 1px 3px #0009;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px;right:10px}@media (min-width:760px){.cn-cover{border-radius:0 0 24px 24px;height:260px}.cn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (min-width:1000px){.cn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.coll-head{justify-content:flex-start;gap:6px;padding-inline-start:max(6px, env(safe-area-inset-left))}.coll-head h1{flex:1;min-width:0;font-size:22px}.coll-sub{margin-bottom:10px}.coll-chips{scrollbar-width:none;gap:8px;padding:8px 16px 4px;display:flex;overflow-x:auto}.coll-chips::-webkit-scrollbar{display:none}.coll-chips button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);white-space:nowrap;border-radius:20px;flex:none;padding:0 16px;font-size:14px;font-weight:500}.coll-chips button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}@media (pointer:coarse){.coll-chips button{min-height:44px}}.coll-row{scrollbar-width:none;gap:10px;padding:2px 16px 4px;display:flex;overflow-x:auto}.coll-row::-webkit-scrollbar{display:none}.coll-row>li{flex:none}.coll-row[data-grid]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;overflow:visible}.coll-row[data-grid]>li{width:auto}.coll-scrim{background:linear-gradient(#0000001a,#000000bf);position:absolute;inset:0}.coll-duas>li{width:150px}.coll-dua{color:#fff;background:#0b0f0e;border:0;border-radius:18px;width:100%;height:220px;padding:0;display:block;position:relative;overflow:hidden}.coll-dua .disc-thumb{position:absolute;inset:0}.coll-dua-ar{-webkit-line-clamp:3;font:17px/1.9 var(--font-quran);text-align:right;text-shadow:0 1px 4px #0009;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;top:16px;left:12px;right:12px;overflow:hidden}.coll-dua-ref{text-shadow:0 1px 3px #0009;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:12px}.coll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 16px 0;display:grid}.coll-card{color:#fff;text-align:start;background:#0b0f0e;border:0;border-radius:16px;align-items:flex-end;width:100%;height:110px;padding:0;display:flex;position:relative;overflow:hidden}.coll-card .disc-thumb{position:absolute;inset:0}.coll-card strong{text-shadow:0 1px 3px #0009;overflow-wrap:anywhere;padding:12px;font-size:15px;font-weight:700;line-height:1.25;position:relative}.coll-prophets>li{width:140px}.coll-prophet{color:#fff;text-align:start;text-shadow:0 1px 3px #0009;background:#0b0f0e;border:0;border-radius:16px;flex-direction:column;justify-content:flex-end;gap:2px;width:100%;height:168px;padding:12px;display:flex;position:relative;overflow:hidden}.coll-prophet .disc-thumb{position:absolute;inset:0}.coll-prophet strong,.coll-prophet-n{position:relative}.coll-prophet strong{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.25}.coll-prophet-n{opacity:.88;font-size:12px}@media (hover:hover){.coll-lists button:hover,.coll-topics button:hover{border-color:var(--accent)}}.coll-lists{gap:10px;padding:2px 16px 0;display:grid}.coll-lists button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:72px;color:var(--ink);text-align:start;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.coll-list-text{flex:1;gap:2px;min-width:0;display:grid}.coll-list-text strong{font-size:15px;font-weight:700}.coll-list-text span{color:var(--muted);font-size:13px}.coll-lists svg{width:18px;height:18px;color:var(--muted);flex:none}.coll-topics{flex-wrap:wrap;gap:8px;padding:2px 16px 0;display:flex}.coll-topics button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);border-radius:19px;padding:0 14px;font-size:14px}@media (pointer:coarse){.coll-topics button{min-height:44px}}@media (min-width:760px){.coll-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid;overflow:visible}.coll-row>li,.coll-duas>li,.coll-prophets>li{width:auto}.coll-row:not([data-grid]){grid-template-columns:repeat(4,minmax(0,1fr))}.coll-row:not([data-grid])>li:nth-child(n+5){display:none}.coll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.coll-card{height:120px}.coll-lists{grid-template-columns:repeat(2,minmax(0,1fr))}}.ed{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--editor-bg);--surface:#141a18;--surface-2:#0c1110;--surface-3:#26302d;--line:#2c3633;--ink:#fff;--muted:#a9b8b3;--accent:var(--gold-light);--accent-ink:var(--gold-ink);--accent-soft:#f3d58b1f;--emerald:#0f5c4d;--tile-line:#33403c;--panel-h:272px;--tabs-h:76px;background:var(--editor-bg);color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.ed h1,.ed h2{letter-spacing:0;text-transform:none}.ed-body{flex:1;min-height:0;display:flex}.ed-top{flex:none;align-items:center;gap:6px;min-width:0;display:flex}.ed-spacer{flex:1}.ed-close,.ed-icon-btn{color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.ed-close{background:#1d2523}.ed-icon-btn{background:0 0}.ed-icon-btn:disabled{color:#5c6b66;cursor:default}.ed-close svg,.ed-icon-btn svg{stroke-width:2.1px;width:20px;height:20px}.ed-history{gap:2px;display:flex}.ed-format-pill{color:#fff;white-space:nowrap;background:#141a18;border:1px solid #3a4542;border-radius:22px;flex:none;align-items:center;gap:6px;height:44px;padding:0 10px 0 12px;font-size:13px;font-weight:700;display:inline-flex}.ed-format-pill svg{stroke-width:2.2px;width:16px;height:16px}.ed-next{background:var(--gold-light);height:44px;color:var(--gold-ink);white-space:nowrap;border:0;border-radius:22px;flex:none;align-items:center;gap:4px;padding:0 14px 0 18px;font-size:15px;font-weight:700;display:inline-flex}.ed-next svg{stroke-width:2.4px;width:18px;height:18px}.ed-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 16px var(--font-display);color:#fff;margin:0 8px 0 4px;overflow:hidden}.ed-top-formats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.ed-seg-group{background:#141a18;border-radius:14px;gap:4px;padding:4px;display:flex}.ed-seg-group button{color:#d9e3df;white-space:nowrap;background:0 0;border:0;border-radius:11px;min-height:40px;padding:0 12px;font-size:14px;font-weight:600}.ed-seg-group button[aria-pressed=true]{background:var(--gold-light);color:var(--gold-ink)}.ed-stage{min-width:0;min-height:0;position:relative}.ed .stage-fit{place-items:center;display:grid;position:absolute;inset:8px 12px;container-type:size}.ed .stage-box{aspect-ratio:var(--ratio);width:min(100cqw, calc(100cqh * var(--ratio)));position:relative;container-type:inline-size}.ed .ed-stage .frame{aspect-ratio:auto;border-radius:16px;width:100%;height:100%;margin:0;position:absolute;inset:0;box-shadow:0 10px 40px #00000080}.ed .width-handle.left{z-index:1}.stage-overlay{z-index:2;pointer-events:none;opacity:0;border-radius:16px;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.stage-overlay.up{opacity:1}.stage-overlay:before{content:"";background:linear-gradient(#0000 0%,#00000061 55%,#0000009e 100%);height:132px;position:absolute;bottom:0;left:0;right:0}.stage-overlay.up :is(.stage-bar,.stage-reset){pointer-events:auto}.stage-bar{align-items:center;gap:8px;height:44px;display:flex;position:absolute;bottom:6px;left:10px;right:10px}.stage-btn{width:44px;height:44px;color:var(--emerald);background:#f6f1e6f2;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.stage-btn svg{width:18px;height:18px}.stage-btn:disabled{opacity:.5;cursor:default}.stage-frame-chip{height:28px;color:var(--emerald);background:#f6f1e6f2;border-radius:14px;flex:none;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:flex}.seek{flex:1;min-width:0;height:44px;position:relative}.seek-track,.seek-fill{border-radius:2px;height:4px;position:absolute;top:20px;left:8px}.seek-track{background:#ffffff59;right:8px}.seek-fill{background:var(--gold-light)}.seek-mark{background:#f6f1e6;border-radius:2px;width:3px;height:12px;margin-left:-1.5px;position:absolute;top:16px}.seek-mark.past{background:var(--gold-ink)}.seek-thumb{pointer-events:none;background:#f6f1e6;border-radius:50%;width:16px;height:16px;margin-left:-8px;transition:box-shadow .15s;position:absolute;top:14px}.seek-thumb.on{box-shadow:0 0 0 6px #f3d58b4d}.seek-label{color:#141414;white-space:nowrap;pointer-events:none;background:#f6f1e6;border-radius:14px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:40px;transform:translate(-50%)}.seek input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.seek:has(input:focus-visible) .seek-thumb{box-shadow:0 0 0 3px var(--gold-light)}.seek-time{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 3px #0009;font-size:12px;font-weight:700;position:absolute;bottom:38px;right:8px}.stage-bar:has(.seek-label) .seek-time{opacity:0}.stage-reset{color:#fff;background:0 0;border:0;height:44px;padding:0 6px;font-size:13px;font-weight:600;position:absolute;top:4px;right:4px}.stage-reset>span{background:#0b0f0eb8;border:1px solid #ffffff47;border-radius:16px;align-items:center;gap:5px;height:32px;padding:0 12px 0 9px;display:flex}.stage-reset svg{stroke-width:2.2px;width:14px;height:14px}.drag-hint{color:#fff;white-space:nowrap;background:#0b0f0ed1;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.drag-hint svg{width:16px;height:16px}.ed-panel{box-sizing:border-box;background:#141a18;flex-direction:column;min-height:0;display:flex}.ed-panel-body{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;margin:0 -18px;padding:0 18px 20px;overflow-y:auto}.ed-panel-body::-webkit-scrollbar{display:none}.ed-view-head{flex:none;align-items:center;gap:4px;margin:-6px 0 8px -12px;display:flex}.ed-view-head h2{font:700 17px var(--font-display);color:#fff;margin:0}.ed-view-head svg{stroke-width:2.2px;width:22px;height:22px}.ed-tabs{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.ed-tab{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.ed-tab[aria-selected=true]{background:var(--emerald);color:#fff;box-shadow:inset 0 0 0 1px #2f9e83}.ed-tab-icon{place-items:center;width:28px;height:26px;display:grid}.ed-tab-icon svg{stroke-width:1.9px;width:22px;height:22px}.aa{font-size:17px;font-weight:700;line-height:1}.ed .panel{gap:18px}.ed-section{flex-direction:column;gap:8px;min-width:0;display:flex}.ed-section>.label,.ed .panel .ed-section .hint{margin:0}.ed-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ed-row .stepper{margin:0}.ed-more{border-top:1px solid var(--surface-3)}.ed-more-btn{color:#fff;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0;font-size:15px;font-weight:600;display:flex}.ed-more-btn svg{stroke-width:2.2px;width:18px;height:18px;transition:transform .16s}.ed-more-btn[aria-expanded=true] svg{transform:rotate(180deg)}.ed-more-body{gap:16px;padding-top:6px;display:grid}.ed-reset{justify-self:start}.ed-resets{flex-wrap:wrap;gap:8px;display:flex}.ed-note{background:var(--surface-2);color:var(--muted);border-radius:12px;margin:0;padding:10px 12px;font-size:13px}.ed-card{background:var(--surface-2);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.ed-card p{margin:0;font-size:15px;line-height:1.45}.ed-gold{background:var(--gold-light);min-height:44px;color:var(--gold-ink);border:0;border-radius:22px;align-self:flex-start;padding:0 18px;font-weight:700}.ed-length{border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.ed-length>span,.ed-row-btn>span:first-child{flex-direction:column;gap:2px;display:flex}.ed-length small,.ed-row-btn small{color:var(--muted);font-size:13px}.ed-length strong{font-size:15px;font-weight:400}.ed-length output{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.ed-all{min-height:44px;color:var(--gold-light);align-self:flex-start;padding:0;font-size:14px;font-weight:700}.ed-looks{scrollbar-width:none;gap:10px;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto}.ed-looks::-webkit-scrollbar{display:none}.ed-look{color:#d9e3df;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:flex}.ed-look-frame{box-sizing:border-box;border:2px solid #0000;border-radius:12px;width:64px;height:114px;display:block;position:relative;overflow:hidden}.ed-look[aria-pressed=true] .ed-look-frame{border-color:var(--gold-light)}.ed-look-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ed-look-canvas{transform-origin:0 0;width:360px;height:640px;position:absolute;top:0;left:0;transform:scale(.1778)}.ed-look-block{box-sizing:border-box;text-align:center;border-radius:20px;width:310px;padding:22px 18px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.ed-look-block>span{line-height:1.9;display:block}.ed-look-block .ed-look-tr{margin-top:8px;font-family:Figtree,system-ui,sans-serif;font-weight:500;line-height:1.45}.ed-look-name{font-size:12px;font-weight:500}.ed-look[aria-pressed=true] .ed-look-name{color:var(--gold-light);font-weight:700}.ed-strip{grid-template-columns:1fr auto;align-items:center;display:grid}.ed-strip>.label{margin:0}.ed-strip-row{scrollbar-width:none;grid-column:1/-1;gap:8px;display:flex;overflow-x:auto}.ed-strip-row::-webkit-scrollbar{display:none}.ed-see-all{color:#fff;background:#1d2523;border:0;border-radius:18px;height:36px;padding:0 14px;font-size:13px;font-weight:600}.ed-thumb{background:var(--surface-2);border:2px solid #0000;border-radius:12px;flex:none;width:56px;height:100px;padding:0;overflow:hidden}.ed-thumb[aria-pressed=true]{border-color:var(--gold-light)}.ed-thumb img{object-fit:cover;border-radius:9px;width:100%;height:100%;display:block}.ed-colour-btn{color:#d9e3df;background:0 0;border:1px dashed #4a5753;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.ed-colour-btn span{background:conic-gradient(#10241f 0 25%, #f4efe6 0 50%, #152238 0 75%, #3b2a1a 0);border-radius:50%;width:26px;height:26px}.ed-strip-note{min-height:100px;color:var(--muted);align-items:center;margin:0;font-size:13px;display:flex}.ed-sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ed-size{background:var(--surface-2);border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.ed-size .label{margin:0}.ed-size>div{justify-content:space-between;align-items:center;display:flex}.ed-size button{color:#fff;background:#1d2523;border:0;border-radius:22px;width:44px;height:44px;font-size:15px;font-weight:700}.ed-size button:disabled{opacity:.4}.ed-size output{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.ed-add{color:#fff;text-align:start;background:0 0;border:1.5px dashed #4a5753;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 12px;display:flex}.ed-add-plus{width:28px;height:28px;color:var(--gold-light);background:#1d2523;border-radius:50%;flex:none;place-items:center;display:grid}.ed-add-plus svg{stroke-width:2.4px;width:16px;height:16px}.ed-add-label{white-space:nowrap;font-size:14px;font-weight:600}.ed-add-words{min-width:0;font:17px/1.8 var(--font-quran);color:#8a9893;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ed-sel{background:#0f5c4d52;border:1.5px solid #2f9e83;border-radius:16px;overflow:hidden}.ed-sel-head{background:#0f5c4d8c;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.ed-sel-head svg{stroke:#7fd6bf;stroke-width:2.6px;width:16px;height:16px}.ed-sel-row{align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.ed-sel-row+.ed-sel-row{border-top:1px solid #2f9e8359}.ed-sel-check{color:#fff;background:#2f9e83;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.ed-sel-check svg{stroke-width:3px;width:14px;height:14px}.ed-sel-show{color:#fff;text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0;display:flex}.ed-sel-ref{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.ed-sel-show[aria-current] .ed-sel-ref{color:var(--gold-light);font-weight:700}.ed-sel-ref svg{width:12px;height:12px}.ed-sel-ar{-webkit-line-clamp:2;min-width:0;font:20px/1.9 var(--font-quran);text-align:right;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.ed-sel-remove{color:#d9e3df;background:0 0;border:0;border-radius:22px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.ed-sel-remove span{border:1.5px solid #6b7a75;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.ed-sel-remove svg{stroke-width:2.6px;width:14px;height:14px}.ed-sel-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ed-sel-foot>span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.ed-sel-foot>span svg{width:12px;height:12px;color:var(--gold-light)}.ed-sel-foot .link-btn{min-height:44px;color:var(--gold-light);font-weight:600;text-decoration:underline}.ed-row-btn{background:var(--surface-2);color:#fff;text-align:start;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;display:flex}.ed-row-btn>span:first-child{flex:1;min-width:0}.ed-row-btn strong{font-size:15px;font-weight:600}.ed-change{color:var(--gold-light);font-size:13px;font-weight:700}.ed .reflect-btn{border-radius:22px;justify-self:start;min-height:44px}.ed .reflect-btn svg{width:18px;height:18px}.ed-scrim{z-index:10;background:#00000073;border:0;position:absolute;inset:0}.ed-format{z-index:11;left:12px;right:12px;top:calc(60px + env(safe-area-inset-top));background:#1d2523;border-radius:20px;flex-direction:column;gap:14px;padding:16px;display:flex;position:absolute;box-shadow:0 16px 40px #00000080}.ed-format .label{margin:0}.ed-cards{gap:8px;display:grid}.ed-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ed-card-btn{color:#d9e3df;background:#141a18;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:10px 6px;display:flex}.ed-cards.two .ed-card-btn{align-items:flex-start;padding:12px 14px}.ed-card-btn[aria-pressed=true]{border-color:var(--gold-light);color:#fff;background:#2a3330}.ed-card-btn strong{font-size:15px}.ed-cards.two strong{font-size:16px}.ed-card-btn small{opacity:.85;font-size:11px}.ed-cards.two small{text-align:start;font-size:12px}.ed-shape{box-sizing:border-box;border:2px solid;border-radius:4px;margin:2px 0;display:block}.ed-shape.portrait{width:17px;height:30px}.ed-shape.square{width:30px;height:30px}.ed-shape.landscape{width:30px;height:17px;margin:8px 0}.ed-format .ed-gold{align-self:stretch}.ed-toast{z-index:12;color:#141414;white-space:nowrap;background:#f6f1e6;border-radius:22px;align-items:center;gap:6px;height:44px;padding:0 6px 0 16px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.ed-toast button{background:var(--emerald);color:#fff;border:0;border-radius:18px;height:36px;padding:0 14px;font-size:14px;font-weight:700}.ed-tips{z-index:20;position:absolute;inset:0;overflow:hidden}.ed:has(.ed-tips) .stage-overlay{visibility:hidden}.ed-tips-spot{box-shadow:0 0 0 2px var(--gold-light), 0 0 0 9999px #0000009e;pointer-events:none;border-radius:20px;position:absolute}.ed-tips-dim{background:#0000009e;position:absolute;inset:0}.ed-tip{color:#3d3d3d;background:#f6f1e6;border-radius:20px;flex-direction:column;gap:4px;max-width:420px;padding:16px 16px 8px;font-size:14px;line-height:1.45;display:flex;position:absolute;left:16px;right:16px;box-shadow:0 12px 30px #00000059}.ed-tip-count{letter-spacing:.04em;text-transform:uppercase;color:var(--emerald);font-size:12px;font-weight:700}.ed-tip strong{font:700 18px var(--font-display);color:#141414}.ed-tip>div{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.ed-tip-skip{color:#4a4a4a;background:0 0;border:0;height:44px;padding:0 6px;font-size:14px;font-weight:600}.ed-tip-next{background:var(--emerald);color:#fff;border:0;border-radius:22px;height:44px;padding:0 20px;font-size:15px;font-weight:700}.ed-tip-arrow{background:#f6f1e6;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.ed-tip-arrow.up{top:-9px}.ed-tip-arrow.down{bottom:-9px}.ed-phone{position:fixed;inset:0}.ed-phone .ed-top{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));box-sizing:border-box}.ed-phone .ed-body{flex-direction:column}.ed-phone .ed-stage{flex:1}.ed-phone .ed-panel{height:var(--panel-h);border-radius:22px 22px 0 0;flex:none;padding:14px 18px 0}.ed-phone .ed-tabs{height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding:8px 10px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid var(--surface-3);background:#141a18}.ed-phone .ed-tab{flex-direction:column}.ed-phone .ed-toast{bottom:calc(var(--tabs-h) + var(--panel-h) + 10px + env(safe-area-inset-bottom))}@media (max-height:560px){.ed-phone{--panel-h:200px;--tabs-h:60px}.ed-phone .ed-tab-icon{display:none}}.ed-wide{height:100vh;height:100dvh}.ed-wide .ed-top{box-sizing:border-box;border-bottom:1px solid #1d2523;flex-wrap:wrap;gap:10px;min-height:64px;padding:8px 20px}.ed-wide .ed-stage{background:#050707;flex:1}.ed-wide .stage-fit{inset:16px 24px}.ed-wide .ed-stage .frame,.ed-wide .stage-overlay{border-radius:18px}.ed-wide .ed-panel{border-left:1px solid var(--surface-3);flex:none;width:clamp(340px,30vw,420px);padding:16px 18px 0}.ed-wide .ed-tabs{background:#0c1110;border-radius:16px;gap:4px;margin-bottom:16px;padding:4px}.ed-wide .ed-tab{border-radius:12px;gap:8px;height:48px;font-size:14px}.ed-wide .ed-tab-icon{width:22px;height:22px}.ed-wide .ed-tab-icon svg{width:20px;height:20px}.ed-wide .ed-looks{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:12px 8px;margin:0;padding:0;display:grid}.ed-wide .ed-panel .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.ed .panel .hint{color:var(--muted)}.ed .field>label,.ed .field>.label,.ed .label{color:var(--muted);letter-spacing:.04em;font-weight:700}.ed .seg button{color:#d9e3df;min-height:40px;font-weight:600}.ed .seg button[aria-pressed=true]{background:var(--gold-light);color:var(--gold-ink);box-shadow:none}.ed .toggle{min-height:50px;font-size:15px}.ed .toggle .switch{background:#3a4542}.ed .toggle[aria-checked=true] .switch{background:#d9a648}.ed .btn{color:#fff;background:#1d2523;border-color:#33403c}.ed .btn.small{border-radius:22px;min-height:44px;padding:0 16px;font-size:14px}.ed .btn:disabled{opacity:.45}.ed .search{background:var(--surface-2);border-color:var(--tile-line)}.ed .swatch{border:3px solid #141a18;width:44px;height:44px;box-shadow:0 0 0 1px #3a4542}.ed .swatch[aria-pressed=true]{border-color:var(--gold-light)}.ed .ed-panel .thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ed .thumbs button{aspect-ratio:9/16;background:var(--surface-2);border-radius:12px}.ed .thumbs img{border-radius:9px}.ed .link-btn.report-link{color:var(--muted)}.tiles{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:8px;display:grid}.effect-tiles{--cols:5}.tile{border:1px solid var(--tile-line);color:#fff;background:#0c1110;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:78px;padding:6px 4px;display:flex}.tile[aria-pressed=true]{border:2px solid var(--gold-light);background:#26302d}.tile-label{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:11px;line-height:1.25}.font-tiles .tile-preview{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:20px;line-height:1.7;overflow:hidden}.fx{border-radius:8px;place-items:center;width:40px;height:32px;font-size:15px;font-weight:700;display:grid}.fx-shade{color:#fff;background:linear-gradient(160deg,#4a7f73,#1d3f37);box-shadow:inset 0 0 0 40px #00000073}.fx-glass{background:#ffffff2e;outline:1px solid #ffffff59}.fx-solid{background:#0a4237}.fx-shadow{text-shadow:0 2px 6px #000}.fx-outline{color:#0c1110;-webkit-text-stroke:1px #fff}.radio-rows{flex-direction:column;display:flex}.radio-row{border-bottom:1px solid var(--surface-3);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:0 4px;font-size:15px;display:flex;position:relative}.radio-row input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.radio-dot{box-sizing:border-box;border:2px solid #6b7a75;border-radius:50%;flex:none;width:20px;height:20px}.radio-row input:checked+.radio-dot{border:6px solid var(--gold-light)}.radio-row:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:-2px;border-radius:8px}.radio-label{flex:1;min-width:0}.radio-row small{color:var(--muted);font-size:12px}.radio-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:16px 0 2px;font-size:12px;font-weight:700}@media (prefers-reduced-motion:reduce){.stage-overlay,.seek-thumb,.ed-more-btn svg{transition:none}}.set-page{background:var(--bg);max-width:640px;min-height:100dvh;margin:0 auto;overflow-x:clip}.set-page h1,.set-page h2{letter-spacing:normal}.set-bar{z-index:5;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0 max(6px, env(safe-area-inset-left));background:var(--bg);align-items:center;gap:6px;display:flex;position:sticky;top:0}.set-bar h1{font:700 20px/1.2 var(--font-display);letter-spacing:-.2px;color:var(--ink)}.set-icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.set-icon-btn svg{width:22px;height:22px}.set-icon-btn:hover{background:var(--surface-2)}.set-body{min-width:0;padding:4px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));gap:24px;display:grid}.set-group{min-width:0}.set-heading{letter-spacing:.3px;text-transform:uppercase;color:var(--muted);margin:0 4px 8px;font-size:13px;font-weight:700}.set-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.set-page .profile-page{gap:12px;min-width:0;padding:0}.set-page .profile-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:16px}.set-page .profile-signin{background:var(--accent-soft);border:0}.set-page .profile-card-head{margin-bottom:12px}.set-page .profile-card .profile-title{font-size:15px}.set-page .profile-card .row{grid-template-columns:minmax(0,1fr);gap:14px}.set-page .profile-card .field,.set-page .profile-card .dd{min-width:0}.set-page .account-card{padding:8px}.set-page .account-who{text-overflow:ellipsis;white-space:nowrap;margin:4px 8px 8px;overflow:hidden}.set-page .account-actions{gap:4px;display:grid}.set-page .account-actions .btn{background:0 0;border:0;justify-content:flex-start;min-height:48px}.set-page .account-actions .btn:hover{background:var(--surface-2)}.set-page .details-actions{flex-wrap:wrap}@media (min-width:520px){.set-page .profile-card .row{grid-template-columns:repeat(2,minmax(0,1fr))}}.set-list{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.set-list li+li{border-top:1px solid var(--line)}.set-list a,.set-list button{width:100%;min-height:54px;color:var(--ink);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:15px;text-decoration:none;display:flex}.set-list a:hover,.set-list button:hover{background:var(--surface-2)}.set-list a:focus-visible,.set-list button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.set-list svg{color:var(--muted);flex:none}.set-appearance{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:8px;margin-top:12px;padding:12px 16px 16px;display:grid}.set-appearance>span{color:var(--ink);font-size:15px}.set-appearance .seg{background:var(--surface-2)}.set-brand{flex-direction:column;align-items:center;gap:8px;padding:6px 16px 10px;display:flex}.set-brand p{color:var(--muted);margin:0;font-size:13px}.cr-intro{color:var(--muted);margin:0 4px;font-size:14px;line-height:1.5}.cr-text{gap:2px;min-width:0;padding:10px 0;display:grid}.cr-text strong{color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:600}.cr-text small{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px;line-height:1.4}.cr-note{color:var(--muted);overflow-wrap:anywhere;margin:8px 4px 0;font-size:12.5px;line-height:1.5}.cr-made{gap:4px;padding-top:0}.cr-made .set-heading{margin:0}.home{--home-drop:clamp(0px, calc((100dvh - 56px - var(--nav-h) - 480px) * .45), 168px);--home-line:color-mix(in srgb, var(--ink) 14%, var(--bg));flex-direction:column;min-height:100dvh;display:flex}.home-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-bar{width:100%;max-width:1100px;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));flex:none;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.home-actions{align-items:center;gap:2px;margin-inline-start:auto;display:flex}.home-activity{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.home-activity svg{stroke-width:1.9px;width:26px;height:26px}.home-activity{position:relative}.home-activity[data-new]:after{content:"";width:9px;height:9px;box-shadow:0 0 0 2px var(--bg);background:#ff5a4f;border-radius:50%;position:absolute;top:9px;right:9px}.app[data-layout=desktop] .home-logo{display:none}.home-stage{width:100%;max-width:640px;padding:8px max(20px, env(safe-area-inset-right)) 32px max(20px, env(safe-area-inset-left));flex:1;margin:0 auto}.home-hero{transform:translateY(var(--home-drop));transition:transform .42s cubic-bezier(.2,.8,.2,1)}.home[data-typing] .home-hero{transform:none}.home-intro{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .38s,opacity .24s;display:grid}.home[data-typing] .home-intro{opacity:0;grid-template-rows:0fr}.home-intro-in{text-align:center;flex-direction:column;align-items:center;min-height:0;transition:visibility linear;display:flex;overflow:hidden}.home[data-typing] .home-intro-in{visibility:hidden;transition:visibility 0s linear .4s}.home-mark{width:52px;height:52px}.home-greeting{color:var(--muted);margin:14px 0 0;font-size:14px}.home-title{font:500 27px/1.2 var(--font-display);letter-spacing:-.4px;text-wrap:balance;margin:6px 0 22px}.home-box{background:var(--surface);border:1px solid var(--home-line);height:56px;box-shadow:var(--shadow);border-radius:28px;align-items:center;gap:8px;padding:0 6px 0 18px;transition:border-color .15s;display:flex}.home-box:focus-within{border-color:var(--accent)}.home-box input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.home-box input::placeholder{color:var(--muted);opacity:1}.home-clear{width:44px;height:44px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.home-clear span{background:var(--surface-2);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.home-clear svg{width:16px;height:16px}.home-go{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.home-go svg{stroke-width:2.2px;width:20px;height:20px}.home-suggest{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin:10px 0 0;padding:0;list-style:none;animation:.25s ease-out home-in;overflow:hidden}.home-suggest li+li{border-top:1px solid var(--line)}.home-suggest button{width:100%;min-height:52px;color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;font-size:15px;display:flex}.home-suggest button span{overflow-wrap:anywhere;flex:1;min-width:0}.home-suggest button svg{color:var(--muted)}.home-suggest button svg:last-child{opacity:.7;width:16px;height:16px}.home-suggest button:hover,.home-suggest button:focus-visible{background:var(--surface-2)}.home-suggest button:focus-visible{outline-offset:-2px}@keyframes home-in{0%{opacity:0;transform:translateY(-4px)}}.home-chips{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;align-items:center;gap:8px;margin:16px -20px 0;padding:4px 20px;scroll-padding-inline:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.home-chips::-webkit-scrollbar{display:none}.home-chips>button{scroll-snap-align:start;white-space:nowrap;flex:none}.home-chips button:not(.home-more){border:1px solid var(--home-line);background:var(--surface);min-height:38px;color:var(--ink);border-radius:99px;padding:0 14px;font-size:14px;font-weight:500}.home-chips button:not(.home-more):hover{border-color:var(--accent);color:var(--accent)}.home-chips .fresh{animation:.6s ease-out home-in}.home-more{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.home-more:hover{color:var(--accent)}@media (pointer:coarse){.home-chips button:not(.home-more){min-height:44px;padding:0 16px}.home-more{width:44px;height:44px}}.home-hint{text-align:center;color:var(--muted);margin:16px 0 0;font-size:13px}.home-suggest+.home-hint{margin-top:14px}.home-pick{background:var(--accent-soft);min-height:44px;color:var(--accent);border:0;border-radius:22px;align-items:center;gap:8px;margin:10px auto 0;padding:0 18px;font-size:14px;font-weight:600;display:flex}.home-pick svg{width:18px;height:18px}.home-continue{margin-top:16px}@media (prefers-reduced-motion:reduce){.home-hero,.home-intro,.home-intro-in,.home-box{transition:none}.home-suggest,.home-chips .fresh{animation:none}}.app[data-layout=phone] .home{min-height:calc(100dvh - var(--nav-h))}.home-credit{flex:none}.home[data-typing] .home-credit{visibility:hidden}.login{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.login-bar{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0 max(6px, env(safe-area-inset-left));align-items:center;display:flex}.login-close{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.login-close svg{width:22px;height:22px}.login-close:hover{background:var(--surface-2)}.login-body{width:100%;max-width:400px;padding:8px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));flex:1;margin:0 auto}.login-body .home-mark{margin-bottom:4px}.login-title{font:700 24px/1.25 var(--font-display);letter-spacing:-.2px;color:var(--ink);margin:0}.login-body .join-sub{max-width:320px;margin-bottom:8px}.login-foot{padding:12px 16px max(16px, env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 8px;font-size:12.5px;display:flex}.login-foot a{color:inherit;text-underline-offset:2px;text-decoration:underline}.login-foot a:hover{color:var(--ink)}.name-ask-form{text-align:start;flex-direction:column;gap:8px;width:min(100%,320px);display:flex}.name-ask-form .label{margin-bottom:0}.name-ask-form .input{font-size:16px}.name-ask-form .btn.primary{width:100%;margin-top:4px}.name-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), var(--surface) 70%);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin:4px 16px 16px;padding:18px 16px 10px;display:flex}.name-card-title{font:700 16px/1.3 var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink);margin:0}.phone-row{grid-template-columns:minmax(104px,34%) minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.phone-row .dd-row{gap:6px;min-height:56px;padding:6px 8px 6px 12px}.phone-row .dd-value{-webkit-line-clamp:1;white-space:nowrap;font-variant-numeric:tabular-nums}.phone-row .input{height:auto;min-height:56px;font-size:16px}.pick{flex-direction:column;min-height:100dvh;display:flex}.pick-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pick-head{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));position:sticky;top:0}.pick-head-in{align-items:center;gap:6px;max-width:720px;min-height:60px;margin:0 auto;display:flex}.pick-back{width:44px;height:44px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.pick-back svg{width:22px;height:22px}.pick-heading{flex:1;min-width:0}.pick-heading h1{font:700 18px/1.25 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pick-heading p{color:var(--muted);margin:0;font-size:12px}.pick-ar{font-family:var(--font-quran);color:var(--accent);font-size:17px}.pick-head .pick-ar{color:var(--ink);padding:0 8px;font-size:18px}.pick-body{width:100%;max-width:720px;padding:12px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));flex:1;margin:0 auto}.pick-search{background:var(--surface-2);border:1px solid #0000;border-radius:23px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.pick-search:focus-within{border-color:var(--accent)}.pick-search svg{color:var(--muted)}.pick-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}.pick-search input::placeholder{color:var(--muted);opacity:1}.pick-goto{background:var(--accent);width:100%;min-height:50px;color:var(--accent-ink);text-align:start;border:0;border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:0 14px;font-weight:600;display:flex}.pick-goto span{flex:1}.pick-list{margin:8px calc(-1 * max(16px, env(safe-area-inset-right))) 0 calc(-1 * max(16px, env(safe-area-inset-left)));padding:0;list-style:none}.pick-list button{width:100%;min-height:64px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:start;background:0 0;align-items:center;gap:14px;display:flex}@media (hover:hover){.pick-list button:hover{background:var(--surface-2)}}.pick-list button:focus-visible{outline-offset:-2px}.pick-num{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.pick-names{flex-direction:column;flex:1;min-width:0;display:flex}.pick-names b{font-size:15px;font-weight:600}.pick-names small{color:var(--muted);font-size:12px}.pick-note{color:var(--muted);margin:18px 0;font-size:14px}.pick-ayahs{padding-top:14px}.pick-hint{color:var(--muted);margin:0;font-size:14px}.pick-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}@media (min-width:760px){.pick-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.pick-grid button{border:1px solid color-mix(in srgb, var(--ink) 14%, var(--bg));background:var(--surface);min-height:46px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:12px;padding:0;font-size:15px;font-weight:600}@media (hover:hover){.pick-grid button:hover{border-color:var(--accent)}}.pick-grid button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.pick-preview{margin-top:18px}.pick-preview h2{font:700 16px/1.3 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink);margin:0}.pick-card{background:var(--surface-2);border-radius:16px;margin-top:10px;padding:14px 16px}.pick-card p{margin:0}.pick-card-ar{font:22px/2 var(--font-quran);text-align:right}.pick-card-tr{margin-top:6px;font-size:14px;line-height:1.5}.pick-card-ref{color:var(--muted);margin-top:4px;font-size:12px}.pick-line{background:linear-gradient(90deg, var(--surface-3), var(--surface-2), var(--surface-3));background-size:200% 100%;border-radius:8px;width:70%;height:2em;margin-inline-start:auto;animation:1.2s linear infinite pick-shimmer;display:block}@keyframes pick-shimmer{to{background-position:-200% 0}}.pick-foot{z-index:5;background:var(--bg);border-top:1px solid var(--line);padding:12px max(16px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:sticky;bottom:0}.app[data-layout=phone] .pick-foot{bottom:var(--nav-h);padding-bottom:12px}.pick-foot-in{max-width:720px;margin:0 auto}.pick-create{background:var(--accent);width:100%;height:52px;color:var(--accent-ink);border:0;border-radius:26px;font-size:16px;font-weight:700}.pick-create[aria-disabled=true]{background:var(--surface-3);color:var(--muted);cursor:default}@media (prefers-reduced-motion:reduce){.pick-line{animation:none}}.prefs{gap:20px;min-width:0;padding-bottom:8px;display:grid}.prefs-hint{margin:0}.pref-group{min-width:0}.pref-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:8px;margin:0 2px 8px;font-size:12.5px;font-weight:700;display:flex}.pref-heading .count{letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:500}.pref-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:14px;min-width:0;padding:12px;display:grid}.pref-note{color:var(--muted);margin:0;font-size:13px}.pref-toggle .hint{color:var(--muted);margin:6px 2px 0;font-size:12.5px}.pref-card .toggle{padding:0 2px}.pref-card .field{min-width:0}.pref-card .seg{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}.pref-card .seg button{padding:0 4px}.pref-card>.link-btn{justify-self:start;margin:0}.pref-card .interest-chips{padding:0}.interests-sheet .interest-chips.all{max-height:none;padding:4px;overflow:visible}.interests-sheet .pref-note{margin:0 2px 10px}.prof{--prof-line:var(--line);max-width:935px;margin:0 auto;padding-bottom:24px}.prof h2,.prof h3{text-transform:none;letter-spacing:normal;color:var(--ink)}:where(.prof) :is(ul,ol,dl){margin:0;padding:0;list-style:none}:where(.prof) dd{margin:0}.prof-bar{z-index:5;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:var(--bg);align-items:center;gap:8px;display:flex;position:sticky;top:0}.prof-bar h1{min-width:0;font:700 20px/1.2 var(--font-display);letter-spacing:-.2px;color:var(--ink);flex:1}.prof-icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.prof-icon-btn svg{stroke-width:1.8px;width:24px;height:24px}.prof-icon-btn:hover{background:var(--surface-2)}.prof-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic who""actions actions";align-items:center;gap:14px 16px;padding:4px 16px 0;display:grid}.prof-ring{background:linear-gradient(135deg, var(--accent), var(--gold));border-radius:50%;flex:none;grid-area:pic;width:80px;height:80px;padding:3px}.prof-avatar{border:3px solid var(--bg);background:linear-gradient(var(--accent-soft), var(--accent-soft)) var(--bg);width:100%;height:100%;color:var(--accent);font:700 28px var(--font-display);border-radius:50%;place-items:center;display:grid;overflow:hidden}.prof-avatar svg{stroke-width:1.6px;width:32px;height:32px}.prof-avatar img{object-fit:cover;width:100%;height:100%}.prof-who{grid-area:who;min-width:0}.prof-name{font:700 18px/1.25 var(--font-display);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prof-stats{gap:clamp(14px,6vw,28px);margin-top:8px;display:flex}.prof-stats div{flex-direction:column-reverse;min-width:0;display:flex}.prof-stats dd{font:700 17px/1.2 var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums}.prof-stats dt{color:var(--muted);white-space:nowrap;font-size:12.5px;line-height:1.3}.prof-actions{grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prof-guest-actions{margin:0 16px}.prof-btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.prof-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.prof-btn.soft{background:var(--surface-3);border:0;border-radius:12px;min-height:40px;padding:0 12px;font-size:14px}.prof-btn.soft:hover{background:color-mix(in srgb, var(--surface-3) 80%, var(--ink) 8%)}.prof-btn.wide{width:100%;margin-top:16px}.prof-btn:disabled{opacity:.6;cursor:default}.prof-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prof-private{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.prof-streak{--prof-warm:var(--streak);--prof-warm-ink:#8a5600}.prof-streak-head{align-items:center;gap:14px;display:flex}.prof-flame{width:56px;height:56px;color:color-mix(in srgb, var(--prof-warm) 45%, transparent);flex:none;place-items:center;display:grid;position:relative}.prof-streak[data-on] .prof-flame{color:var(--prof-warm)}.prof-flame>svg:first-child{fill:none;stroke-width:3.5px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.prof-flame .track{stroke:color-mix(in srgb, var(--prof-warm) 18%, transparent)}.prof-flame .fill{stroke:var(--prof-warm);stroke-linecap:round;transition:stroke-dasharray .6s}.prof-flame>svg:last-child{width:26px;height:26px}.prof-streak-title{min-width:0}.prof-streak h3{font:700 18px/1.25 var(--font-ui);flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.prof-streak-num{font:700 34px/1 var(--font-display);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.prof-streak-unit{font-size:16px;font-weight:600}.prof-streak-goal{color:var(--prof-warm-ink);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:12.5px;font-weight:600}.prof-streak-status{color:var(--ink);margin:12px 0 0;font-size:14px;line-height:1.45}.prof-heat{--dot:12px;grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-template-columns:repeat(16, minmax(0, var(--dot)));gap:4px;margin:16px 0 0;padding:2px;display:grid}.prof-heat span{aspect-ratio:1;background:color-mix(in srgb, var(--prof-warm) 13%, transparent);border-radius:50%;display:block}.prof-heat span[data-s=done]{background:var(--prof-warm)}.prof-heat span[data-s=rest]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--prof-warm) 55%, transparent);background:0 0}.prof-heat span[data-today]{outline:1.5px solid var(--ink);outline-offset:1.5px}.prof-facts{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 0;margin:12px 0 0;font-size:13px;display:flex}.prof-facts span+span:before{content:"·";margin:0 8px}.prof-legend{color:var(--muted);align-items:center;gap:8px;margin:6px 0 0;font-size:12px;line-height:1.4;display:flex}.prof-legend span{width:10px;height:10px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--prof-warm) 55%, transparent);border-radius:50%;flex:none}.prof-streak .prof-private{margin-top:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prof-streak{--prof-warm-ink:#f0b44c}}:root[data-theme=dark] .prof-streak{--prof-warm-ink:#f0b44c}.prof-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.prof-tabs button{height:46px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.prof-tabs button svg{stroke-width:1.8px;width:22px;height:22px}.prof-tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.prof-panel{padding-top:3px}.prof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.prof-tile.skeleton,.prof-tile-btn{aspect-ratio:9/16}.prof-tile.skeleton,.prof-ayah-ar.placeholder{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;animation:1.2s linear infinite shimmer}.prof-tile-btn{background:#0b0f0e;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.prof-tile-btn:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.prof-img{place-items:center;display:grid;position:absolute;inset:0}.prof-img img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.prof-tile-btn:hover .prof-img img{opacity:.9}.prof-img.empty{background:var(--surface-2);color:var(--muted);text-align:center;align-content:center;gap:6px;padding:8px;font-size:12px;line-height:1.3}.prof-img.empty svg{justify-self:center;width:24px;height:24px}.prof-img.empty span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prof-badge{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}.prof-badge svg{width:12px;height:12px}.prof-progress{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.prof-progress span{background:var(--gold);height:100%;transition:width .2s;display:block}.prof-empty{text-align:center;justify-items:center;gap:8px;padding:36px 24px;display:grid}.prof-empty.small{padding:28px 24px}.prof-empty-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.prof-empty-icon svg{width:24px;height:24px}.prof-empty h2{font:700 17px/1.3 var(--font-ui)}.prof-empty p{max-width:34ch;color:var(--muted);margin:0 0 6px;font-size:14px}.prof-note{color:var(--muted);margin:16px;font-size:14px}.prof-ayahs li{border-bottom:1px solid var(--line);align-items:center;display:flex}.prof-ayah{min-width:0;min-height:72px;color:var(--ink);text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:14px;padding:12px 8px 12px 16px;display:flex}.prof-ayah:hover{background:var(--surface-2)}.prof-ayah>svg{color:var(--muted);flex:none}.prof-ayah-bg{background:linear-gradient(135deg,#0f5c4d,#12342d);border-radius:12px;flex:none;width:54px;height:54px;overflow:hidden}.prof-ayah-bg img{object-fit:cover;width:100%;height:100%;display:block}.prof-ayah-text{flex:1;gap:2px;min-width:0;display:grid}.prof-ayah-ar{font:17px/1.8 var(--font-quran);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prof-ayah-ar.placeholder{border-radius:6px;justify-self:end;width:70%;height:1.8em}.prof-ayah-ref{color:var(--muted);font-size:13px}.prof-unsave{color:var(--accent);margin-right:6px}.prof-unsave svg{fill:currentColor;width:22px;height:22px}.prof-sheet{background:var(--surface);width:100%;max-width:560px;max-height:90dvh;color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0}.prof-sheet::backdrop{background:#00000073}.prof-sheet-body{padding:8px 8px calc(12px + env(safe-area-inset-bottom))}.prof-sheet-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 4px 12px 12px;display:flex}.prof-sheet-kind{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.prof-sheet-who{flex:1;min-width:0}.prof-sheet-who h2{font:700 16px/1.3 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prof-sheet-who p{color:var(--muted);margin:0;font-size:13px}.prof-sheet-actions{padding-top:4px;display:grid}.prof-sheet-actions button{min-height:52px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.prof-sheet-actions button:hover:not(:disabled){background:var(--surface-2)}.prof-sheet-actions button svg{width:20px;height:20px;color:var(--muted)}.prof-sheet-actions button.danger,.prof-sheet-actions button.danger svg{color:var(--danger)}.prof-sheet-actions button:disabled{opacity:.5;cursor:default}.prof-snackbar{z-index:45;background:var(--ink);width:max-content;max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:4px 4px 4px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.prof-snackbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prof-snackbar button{min-height:44px;color:inherit;text-underline-offset:3px;background:0 0;border:0;flex:none;padding:0 12px;font-weight:700;text-decoration:underline}.app[data-layout=phone] .prof-snackbar{bottom:calc(var(--nav-h) + 12px)}dialog.sheet.prof-prefs-sheet{max-height:min(86dvh,100dvh - 48px)}@media (min-width:760px){.prof-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic who""pic actions";gap:14px 40px;padding:20px 24px 4px}.prof-ring{width:128px;height:128px;padding:4px}.prof-avatar{font-size:44px}.prof-avatar svg{width:50px;height:50px}.prof-who{align-self:end}.prof-name{font-size:22px}.prof-stats{gap:32px;margin-top:10px}.prof-stats dd{font-size:19px}.prof-stats dt{font-size:13.5px}.prof-actions{align-self:start;max-width:340px}.join-card,.prof-guest-actions{margin-left:24px;margin-right:24px}.prof-heat{--dot:14px;gap:5px}.prof-grid{gap:4px}.prof-tile.skeleton,.prof-tile-btn{aspect-ratio:3/4}.prof-sheet{border-radius:20px;max-width:420px;margin:auto}.prof-sheet-body{padding-bottom:12px}dialog.sheet.prof-prefs-sheet{border-radius:var(--radius);width:min(520px,100vw - 32px);max-height:min(84vh,760px);box-shadow:var(--shadow);margin:auto;inset:0}dialog.sheet.prof-prefs-sheet:not([open]){transform:translateY(24px)}@starting-style{dialog.sheet.prof-prefs-sheet[open]{transform:translateY(24px)}}dialog.sheet.prof-prefs-sheet .sheet-grab{display:none}dialog.sheet.prof-prefs-sheet .sheet-head{padding-top:14px}}@media (prefers-reduced-motion:reduce){.prof-tile.skeleton,.prof-ayah-ar.placeholder{animation:none}.prof-img img,.prof-progress span,.prof-flame .fill{transition:none}}.edit-profile .profile-card{background:0 0;border:0;min-width:0;padding:0}.edit-profile .profile-card-head{margin-bottom:12px}.edit-profile .profile-card .row{grid-template-columns:minmax(0,1fr);gap:14px}.edit-profile .profile-card .field,.edit-profile .profile-card .dd{min-width:0}.prof-actions.three{grid-template-columns:repeat(3,minmax(0,1fr))}.res{flex-direction:column;min-height:100dvh;display:flex}.res-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.res-head{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));position:sticky;top:0}.res-head-in{max-width:1100px;margin:0 auto}.res-bar{justify-content:space-between;align-items:center;height:52px;display:flex}.res-back{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid}.res-back svg{width:22px;height:22px}.res-bar-end{width:44px}.app[data-layout=desktop] .res-bar .home-logo{display:none}.res-refine{background:var(--surface);border:1px solid color-mix(in srgb, var(--ink) 14%, var(--bg));height:48px;box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:8px;margin:4px 4px 0;padding:0 5px 0 16px;transition:border-color .15s;display:flex}.app:not([data-layout=phone]) .res-refine{max-width:640px;margin-inline:auto}.res-refine:focus-within{border-color:var(--accent)}.res-refine>svg{color:var(--muted)}.res-refine input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}.res-refine input::placeholder{color:var(--muted);opacity:1}.res-go{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border:0;border-radius:50%;place-items:center;margin-block:-3px;padding:0;display:grid}.res-go svg{stroke-width:2.2px;width:18px;height:18px}.res-body{flex:1;width:100%;max-width:1100px;margin:0 auto;padding-bottom:28px}.res-title-row{padding:14px max(16px, env(safe-area-inset-left)) 10px max(16px, env(safe-area-inset-right));align-items:center;gap:12px;display:flex}.res-title{min-width:0;font:700 16px/1.3 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.res-count{color:var(--muted);flex:none;font-size:13px}.res-title-row .lang-btn{flex:none}.res-collection{margin:0 max(16px, env(safe-area-inset-left)) 12px max(16px, env(safe-area-inset-right));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;padding:10px 12px 10px 10px;display:flex}.res-collection-pic{background:#0b0f0e;border-radius:12px;flex:none;width:48px;height:48px;overflow:hidden}.res-collection-text{flex:1;gap:1px;min-width:0;display:grid}.res-collection-text span{color:var(--muted);font-size:12px}.res-collection-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.res-collection-open{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:22px;flex:none;padding:0 18px;font-size:13px;font-weight:600}.res-collection-open:hover{border-color:var(--accent);color:var(--accent)}.res-grid{padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;list-style:none;display:grid}@media (min-width:760px){.res-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (min-width:1180px){.res-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.res-tile{aspect-ratio:3/4;background:var(--editor-bg);color:#fff;border-radius:16px;position:relative;overflow:hidden;container-type:inline-size}.res-open{color:inherit;text-align:start;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.res-bg,.res-bg img{width:100%;height:100%;position:absolute;inset:0}.res-bg{background:linear-gradient(160deg, var(--emerald-700), var(--emerald-900))}.res-bg img,.res-bg video{object-fit:cover}.res-bg video{opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.res-bg video[data-on]{opacity:1}.res-open:before{content:"";background:linear-gradient(#00000052,#00000070 55%,#000000c2);position:absolute;inset:0}.res-frame,.res-frame canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.res-glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));pointer-events:none;position:absolute}.res-tile[data-frame] .res-open:before{display:none}.res-tile[data-frame] .res-bg:after{content:"";background:linear-gradient(#0000 75%,#0006);position:absolute;inset:0}.res-tile[data-frame] .res-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.res-open:focus-visible{outline-offset:-3px;outline-color:#fff}.res-text{text-align:center;text-shadow:0 1px 8px #000000b3,0 0 2px #00000059;flex-direction:column;justify-content:center;gap:4px;display:flex;position:absolute;inset:24cqw 6cqw 26cqw}.res-ar{-webkit-line-clamp:3;font-family:var(--font-quran);-webkit-box-orient:vertical;font-size:clamp(15px,9cqw,21px);line-height:1.9;display:-webkit-box;overflow:hidden}.res-ar.res-line{background:linear-gradient(90deg,#ffffff1a,#ffffff38,#ffffff1a) 0 0/200% 100%;border-radius:6px;align-self:center;width:70%;height:1.9em;animation:1.2s linear infinite res-shimmer}.res-tr{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(11px,6.3cqw,14px);line-height:1.35;display:-webkit-box;overflow:hidden}.res-meta{text-shadow:0 1px 6px #0009;flex-direction:column;gap:1px;display:flex;position:absolute;bottom:6cqw;left:6cqw;right:6cqw}.res-ref{font-size:clamp(12px,6.5cqw,14px);font-weight:700}.res-shares{opacity:.9;font-size:clamp(11px,6cqw,12.5px)}.res-corner{color:#fff;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:0}.res-corner span{background:#0006;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.res-corner svg{width:17px;height:17px}.res-corner:focus-visible{outline-offset:-3px;outline-color:#fff}.res-reflect{left:0}.res-fav{right:0}.res-fav[aria-pressed=true]{color:#ff5a4f}.res-fav[aria-pressed=true] svg{fill:currentColor}.res-skeleton{background:linear-gradient(90deg, var(--surface-3), var(--surface-2), var(--surface-3));background-size:200% 100%;animation:1.2s linear infinite res-shimmer}@keyframes res-shimmer{to{background-position:-200% 0}}.res-note{padding:14px max(16px, env(safe-area-inset-left));color:var(--muted);margin:0;font-size:14px}.res-failed{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.res-failed p{margin:0}.res-foot{padding:22px max(16px, env(safe-area-inset-left)) 8px;text-align:center}.res-foot p{color:var(--muted);margin:0;font-size:14px}.res-foot .report-link{margin:0 auto 14px}.res-pick{background:var(--accent-soft);min-height:44px;color:var(--accent);border:0;border-radius:22px;margin-top:10px;padding:0 20px;font-weight:600}.res-foot>.res-pick:first-child{margin-top:0}.res-more{min-height:56px;padding:12px max(16px, env(safe-area-inset-left)) 0;justify-content:center;align-items:center;display:flex}.res-more .btn.res-more-btn{border-radius:22px;min-height:44px;padding:0 20px}.res-loading{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.res-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.res-refine{transition:none}.res-skeleton,.res-ar.res-line{animation:none}.res-spinner{animation-duration:2.4s}}.share{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--editor-bg);--surface:#141a18;--surface-2:#1d2523;--surface-3:#26302d;--line:#2c3633;--ink:#fff;--muted:#a9b8b3;--soft:#d9e3df;--accent:var(--gold-light);--accent-ink:var(--gold-ink);--emerald:#0f5c4d;--emerald-ring:#2f9e83;background:var(--bg);min-height:100dvh;color:var(--ink);flex-direction:column;font-size:15px;line-height:1.4;display:flex}.share-top{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;flex:none;align-items:center;gap:12px;display:flex}.share-top h1{font:700 20px var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink);margin:0}.share-back{background:var(--surface-2);width:44px;height:44px;color:var(--ink);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.share-back svg{stroke-width:2.2px;width:22px;height:22px}.share-back:hover{background:var(--surface-3)}.share-body{min-height:0;padding:8px max(24px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;flex:1;gap:28px;display:flex}.share-head{flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.share-panel{flex-direction:column;align-self:center;width:100%;max-width:420px;margin-bottom:auto;display:flex}.share-thumb.xp-thumb{--w:clamp(150px, calc((100dvh - 400px) * 9 / 16), 236px);width:var(--w);background:#000;border-radius:18px;box-shadow:0 14px 40px #0000008c}.share-thumb.xp-thumb[data-orientation=square]{width:min(100%,clamp(200px,100dvh - 420px,300px))}.share-thumb.xp-thumb[data-orientation=landscape]{width:min(100%,360px)}.share-caption{color:var(--muted);text-align:center;font-size:13px}.share-edit{color:#fff;background:0 0;border:0;align-items:center;min-height:44px;padding:0 6px;display:flex;position:absolute;top:6px;right:6px}.share-edit>span{background:#0b0f0eb8;border:1px solid #ffffff47;border-radius:16px;align-items:center;gap:5px;height:32px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:flex}.share-edit svg{stroke-width:2.2px;width:14px;height:14px}.share-edit:hover>span{background:#0b0f0ee0}.share-stack{flex-direction:column;gap:12px;display:flex}.share-btn{min-height:56px;font:inherit;color:var(--ink);background:var(--surface-2);border:0;border-radius:28px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.share-btn svg{stroke-width:2.2px;width:20px;height:20px}.share-btn.emerald{background:var(--emerald);box-shadow:inset 0 0 0 1px var(--emerald-ring);font-size:17px;font-weight:700}.share-btn.gold{background:var(--gold-light);color:var(--gold-ink);font-size:17px;font-weight:700}.share-btn:not(:disabled):active{transform:scale(.98)}.share-btn:disabled,.share-quiet:disabled{opacity:.45;cursor:default}@media (hover:hover){.share-btn.emerald:hover:not(:disabled){background:#127060}.share-btn.gold:hover:not(:disabled){background:#f6dea0}.share-btn.plain:hover:not(:disabled){background:var(--surface-3)}}.share-quiet{min-height:44px;color:var(--soft);font:inherit;text-underline-offset:2px;background:0 0;border:0;border-radius:10px;align-self:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:underline}.share-quiet.muted{color:var(--muted)}.share-quiet:hover:not(:disabled){color:var(--ink)}.share-status{text-align:center;color:var(--muted);overflow-wrap:anywhere;margin:0 0 4px;font-size:14px}.share-making{flex-direction:column;align-items:center;gap:6px;display:flex}.share-making-title{text-align:center;margin:0;font-size:16px;font-weight:600}.share-result{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:4px;display:flex}.share-outcome{font:700 20px var(--font-display);align-items:center;gap:8px;margin:0;display:flex}.share-outcome svg{stroke:#7fd6bf;stroke-width:3px;flex:none;width:22px;height:22px}.share-line{color:var(--muted);text-align:center;margin:0;font-size:13px}.share-line>svg{vertical-align:-2px;width:14px;height:14px;color:var(--gold);margin-right:6px;display:inline-block}.share-login{min-height:32px;color:var(--gold-light);font:inherit;text-underline-offset:2px;background:0 0;border:0;margin:-6px 0;padding:0;font-weight:600;text-decoration:underline}.share-error{text-align:center;color:var(--soft);margin:0;font-size:15px;line-height:1.45}@media (min-width:760px){.share-top{height:64px;padding:0 20px}.share-body{flex-flow:wrap;justify-content:center;align-items:center;gap:64px;padding:32px 24px}.share-head,.share-panel{margin:0}.share-panel{flex:0 360px;align-self:center;min-width:0}.share-thumb.xp-thumb{--w:clamp(220px, calc((100dvh - 200px) * 9 / 16), 340px);border-radius:20px}.share-thumb.xp-thumb[data-orientation=square]{width:clamp(260px,100dvh - 240px,420px)}.share-thumb.xp-thumb[data-orientation=landscape]{width:min(100%,560px)}}@media (prefers-reduced-motion:reduce){.share-btn:active{transform:none}}.srh{max-width:760px;margin:0 auto;padding-bottom:32px}.srh h1,.srh h2{text-transform:none;letter-spacing:normal;color:var(--ink)}.srh ul{margin:0;padding:0;list-style:none}.srh-bar{z-index:5;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0 max(6px, env(safe-area-inset-left));background:var(--bg);align-items:center;gap:6px;display:flex;position:sticky;top:0}.srh-bar h1{font:700 22px/1.2 var(--font-display);letter-spacing:-.2px}.srh-icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.srh-icon-btn svg{width:22px;height:22px}@media (hover:hover){.srh-icon-btn:hover{background:var(--surface-2)}}.srh-search{border:1px solid var(--line);background:var(--surface-2);height:48px;color:var(--muted);border-radius:24px;align-items:center;gap:10px;margin:8px 16px 0;padding:0 16px;display:flex}.srh-search:focus-within{border-color:var(--accent)}.srh-search svg{flex:none;width:18px;height:18px}.srh-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:16px}.srh-search input::placeholder{color:var(--muted)}.srh-reciter{border:1px solid var(--line);background:var(--surface);max-width:calc(100% - 32px);min-height:44px;color:var(--ink);border-radius:22px;align-items:center;gap:8px;margin:10px 16px 0;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.srh-reciter svg{width:18px;height:18px;color:var(--accent);flex:none}.srh-reciter svg:last-child{width:16px;height:16px;color:var(--muted)}.srh-reciter span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.srh-h{font:700 17px/1.3 var(--font-ui);margin:24px 16px 8px}.srh-ar{max-width:40%;font:20px/1.6 var(--font-quran);color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.srh-continue{background:var(--accent-soft);width:calc(100% - 32px);min-height:72px;color:var(--ink);text-align:start;border:0;border-radius:16px;align-items:center;gap:12px;margin:0 16px;padding:12px 16px;display:flex}.srh-play{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.srh-play svg{width:18px;height:18px}.srh-continue-text{flex:1;gap:8px;min-width:0;display:grid}.srh-continue-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.srh-bar-track{background:var(--line);border-radius:2px;height:3px;display:block;overflow:hidden}.srh-bar-track i{background:var(--accent);height:100%;display:block}.srh-list{padding:0 16px}.srh-list li+li{border-top:1px solid var(--line)}.srh-row{width:100%;min-height:56px;color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:14px;padding:8px 0;display:flex}.srh-num{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.srh-row-text{flex:1;gap:1px;min-width:0;display:grid}.srh-row-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.srh-row-text span{color:var(--muted);font-size:12.5px}@media (hover:hover){.srh-row:hover .srh-row-text strong{color:var(--accent)}}.srh-empty{color:var(--muted);margin:8px 16px}.srh-sheet .srh-choices{display:grid}.srh-sheet .srh-choices [role=radio]{border:0;border-bottom:1px solid var(--line);min-height:52px;color:var(--ink);text-align:start;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:15px;display:flex}.srh-sheet .srh-choices>:last-child,.srh-sheet .srh-choices>:last-child [role=radio]{border-bottom:0}.srh-sheet .srh-choices [role=radio][aria-checked=true]{font-weight:600}.srh-sheet .srh-choices [role=radio] svg{stroke-width:2.4px;width:20px;height:20px;color:var(--accent);flex:none}