:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111316;--surface:#1a1d21;--surface-2:#23272c;--surface-3:#2d3238;--line:#2f343a;--ink:#eeece8;--muted:#979da4;--accent:#e3b25e;--accent-ink:#1d1505;--accent-soft:#e3b25e24;--danger:#e5675a;--shadow:0 1px 2px #0000004d, 0 12px 32px #0000004d;--radius:16px;--frame-h:calc(100vh - 230px);--sheet-h:0px;--bar-h:calc(61px + env(safe-area-inset-bottom))}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ee;--surface:#fff;--surface-2:#f2efe9;--surface-3:#e7e3db;--line:#e3ded4;--ink:#1c1a16;--muted:#6b665d;--accent:#a8741c;--accent-ink:#fff;--accent-soft:#a8741c1f;--danger:#c0392b;--shadow:0 1px 2px #0000000d, 0 12px 32px #00000014}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ee;--surface:#fff;--surface-2:#f2efe9;--surface-3:#e7e3db;--line:#e3ded4;--ink:#1c1a16;--muted:#6b665d;--accent:#a8741c;--accent-ink:#fff;--accent-soft:#a8741c1f;--danger:#c0392b;--shadow:0 1px 2px #0000000d, 0 12px 32px #00000014}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.5 Inter,Noto Sans,system-ui,sans-serif}: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)}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-visible{outline:2px solid var(--accent);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;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)}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1480px;height:56px;margin:0 auto;padding:0 16px;display:flex}.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-row{align-items:flex-start;gap:4px;margin:12px 0 16px;display:flex}.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)}}.chips-more{width:32px;height:32px;color:var(--muted);flex:none}.chips-more:hover{color:var(--accent)}.results-head{margin-bottom:8px}.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 li.search-failed{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.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}.player-label{min-width:110px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.export .status{text-align:center;color:var(--muted);min-height:19px;margin:2px 0 0;font-size:12.5px}.progress-row{align-items:center;gap:12px;min-height:44px;display:flex}.bar{background:var(--surface-3);border-radius:99px;flex:1;height:8px;overflow:hidden}.bar span{background:var(--accent);border-radius:inherit;width:0;height:100%;transition:width .2s;display:block}.export-size{align-items:center;gap:10px;display:flex}.export-size .label{margin:0}.export-inline{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.export-inline .action-row,.export-inline .ready{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.export-inline .export-size .seg{width:150px}.export-inline .export-size .label{display:none}.export-inline .progress{width:min(420px,100%)}.studio-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.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}.field select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:100%;height:44px;padding:0 10px}.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]{outline:2px solid var(--accent);outline-offset:2px}.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}.legal-links{gap:16px;margin-top:14px;font-size:13px;display:flex}.legal-links a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.legal-links a:hover,.legal-links a:focus-visible{color:var(--ink)}.site-footer{justify-content:center;padding:0 16px 24px;display:flex}.site-footer .legal-links{margin-top:0}.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{border:1px solid var(--line);background:var(--surface-2);resize:vertical;border-radius:10px;width:100%;padding:10px}.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:not([data-layout=phone]) .stage{grid-area:stage;position:sticky;top:12px}.app:not([data-layout=phone]) .studio{grid-area:studio}.app[data-layout=desktop] .layout{grid-template:"find stage studio"/340px minmax(0,1fr) 380px}.app[data-layout=desktop] .find,.app[data-layout=desktop] .studio{max-height:calc(100vh - 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]{height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.appbar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));flex:none;align-items:center;gap:6px;display:flex}.appbar .brand{padding-left:8px}.appbar .icon-btn{width:44px;height:44px}.appbar-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.appbar .brand+.spacer,.appbar .appbar-title+.spacer,.appbar .spacer{flex:1}.appbar .appbar-title:first-child{padding-left:8px}.appbar .btn.small{border-radius:22px;min-height:44px;padding:0 16px;font-size:14px}.appbar .avatar-btn{width:44px;height:44px}.appbar .gsi{place-items:center;min-width:44px;min-height:44px;display:grid}.gsi,.gsi iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0}.export-btn.busy{font-variant-numeric:tabular-nums}.export-btn span{min-width:3.2em}.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] .region.stage{flex-direction:column;padding-top:4px;padding-bottom:8px;transition:padding-bottom .28s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.app[data-layout=phone][data-sheet] .region.stage{padding-bottom:max(8px, calc(var(--sheet-h) - var(--bar-h) + 8px))}.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] .player-label{min-width:96px}.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-row{margin:12px calc(-1 * max(16px, env(safe-area-inset-right))) 16px calc(-1 * max(16px, env(safe-area-inset-left)));align-items:center}.app[data-layout=phone] .chips{padding:0 4px 0 max(16px, env(safe-area-inset-left));scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.app[data-layout=phone] .chips-more{width:44px;height:44px;margin-right:max(4px, env(safe-area-inset-right))}.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)}.sheet-inner{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.sheet-grab{touch-action:none;cursor:grab;flex:none;place-items:center;height:22px;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;flex:none;align-items:center;gap:4px;display:flex}.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-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}.export-sheet .export-kinds{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kind{border:1px solid var(--line);background:var(--surface-2);text-align:start;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;min-height:104px;padding:16px;display:flex}.kind:not(:disabled):active{border-color:var(--accent)}.kind:disabled{opacity:.55;cursor:default}.kind svg{width:26px;height:26px;color:var(--accent);margin-bottom:8px}.kind strong{font-size:16px}.kind small{color:var(--muted);font-size:13px}.export-sheet .export-size{margin:16px 0}.export-sheet .export-size .label{flex:none;min-width:3.5em}.export-sheet .export-size .seg{flex:1}.export-sheet .export-more{gap:8px;display:flex}.export-sheet .export-more .btn,.export-sheet .ready .btn{flex:1}.export-sheet .ready{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-sheet .ready .btn:only-of-type{grid-column:1/-1}.export-sheet .progress{padding:18px 0 6px}.export-sheet .status{margin-top:10px;font-size:13.5px}@media (prefers-reduced-motion:reduce){dialog.sheet,.app[data-layout=phone] .region.stage,.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)}.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)}.results-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.results-bar .results-head{margin:0}.app[data-layout=phone] .results-bar .lang-btn{min-height:40px}.lang-dialog .lang-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:min(52vh,460px);padding:2px;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[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.lang-grid button:hover{border-color:var(--accent)}.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}.top-nav{background:var(--surface-2);border-radius:12px;gap:4px;padding:4px;display:flex}.top-nav button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.top-nav button svg{width:17px;height:17px}.top-nav button[aria-current=page]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0003}.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}.reel-meta{pointer-events:none;text-shadow:0 1px 3px #000000b3;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:64px;left:14px;right:84px}.reel-meta .reason{letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9;font-size:12px;font-weight:600}.reel-meta strong{font-size:14px;font-weight:600}.reel-actions{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;right:8px}.reel-btn{color:#fff;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;min-width:56px;min-height:52px;padding:4px;font-size:11px;font-weight:500;display:flex}.reel-btn svg{filter:drop-shadow(0 1px 2px #0009);width:26px;height:26px}.reel-btn[aria-pressed=true]:first-child{color:#ff6b6b}.reel-btn[aria-pressed=true]:first-child svg{fill:currentColor}.reel-btn:disabled{opacity:.6;cursor:default}.reel-btn:active{background:#ffffff1f}.reel-btn .pct{font-variant-numeric:tabular-nums;place-items:center;min-width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.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{pointer-events:none;background:#0000008c;border-radius:99px;padding:6px 14px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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}.mood-chips{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.mood-chips::-webkit-scrollbar{display:none}.mood-chips button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff59;border-radius:99px;flex:none;min-height:36px;padding:0 14px;font-size:13.5px}.mood-chips button[aria-pressed=true]{color:#111;background:#fff;border-color:#fff}.lang-btn.on-dark{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-color:#ffffff59;flex:none;min-height:36px}.lang-btn.on-dark svg{color:#fff}.lang-btn.on-dark span{text-overflow:ellipsis;max-width:7em;overflow:hidden}.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[data-layout=phone] .mood-chips button,.app[data-layout=phone] .lang-btn.on-dark{min-height:40px}.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}dialog.sheet.reflect-sheet{max-width:720px;height:min(86dvh,100dvh - 60px);max-height:min(86dvh,100dvh - 60px)}.reflect-btn svg{width:16px;height:16px}.reflect-tabs{z-index:1;background:var(--surface-2);box-shadow:0 -6px 0 var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid;position:sticky;top:-6px}.reflect-tabs .tab{flex-direction:row;justify-content:center;min-height:40px;font-size:14px}.reflect-status{align-items:center;gap:8px;display:flex}.tafsir-head{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:10px;display:flex}.tafsir-pick select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;max-width:100%;height:40px;padding:0 10px;font-weight:600}.note{background:var(--accent-soft);border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13.5px}.tafsir-text{overflow-wrap:anywhere;font-size:15.5px;line-height:1.7}.tafsir-text h2,.tafsir-text h3,.tafsir-text h4{letter-spacing:0;text-transform:none;color:var(--ink);margin:18px 0 6px;font-size:16px;font-weight:600}.tafsir-text p{margin:0 0 12px}.tafsir-text [lang=ar]{font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:1.2em;line-height:1.9}.tafsir-text[lang=ur]{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,serif;line-height:2.2}.tafsir-text[lang=ar]{font-family:Noto Naskh Arabic,Amiri Quran,serif;line-height:1.9}.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}.saved-screen{gap:14px;padding-bottom:8px;display:grid}.saved-banner{border-radius:var(--radius);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);grid-template-columns:auto 1fr;align-items:start;gap:4px 12px;padding:14px 16px;display:grid}.saved-banner>svg{color:var(--accent);margin-top:2px}.saved-banner strong{font-size:14.5px;display:block}.saved-banner p{margin:2px 0 0;font-size:13px}.saved-banner .gsi,.saved-banner-actions{grid-column:2;margin-top:8px}.saved-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.saved-filters{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.saved-filters::-webkit-scrollbar{display:none}.saved-filters button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:0 0;border-radius:99px;flex:none;padding:0 14px;font-size:13.5px;font-weight:500}.saved-filters button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}.saved-card{flex-direction:column;min-width:0;display:flex}.saved-card.skeleton{aspect-ratio:3/4.6;background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:14px;animation:1.2s linear infinite shimmer}.saved-thumb{aspect-ratio:3/4;background:var(--surface-2);border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.saved-thumb:hover .saved-img img{transform:scale(1.03)}.saved-img{background:#0b0f14;place-items:center;display:grid;position:absolute;inset:0}.saved-img img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.saved-img.portrait img{object-fit:cover}.saved-img.empty{background:var(--surface-2);color:var(--muted)}.saved-img.empty svg{width:28px;height:28px}.saved-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:99px;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.saved-badge svg{width:13px;height:13px}.saved-card[data-kind=video] .saved-badge svg{color:var(--accent)}.saved-progress{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.saved-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.saved-meta{min-width:0;padding:8px 2px 0;display:grid}.saved-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.saved-meta small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.saved-actions{justify-content:space-between;margin:2px -6px 0;display:flex}.saved-actions .icon-btn{width:36px;height:36px;color:var(--muted)}.saved-actions .icon-btn:hover:not(:disabled){color:var(--ink);background:var(--surface-2)}.saved-actions .icon-btn svg{width:17px;height:17px}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.saved-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);justify-items:center;gap:8px;padding:36px 16px;display:grid}.saved-empty h3{font-size:17px}.saved-empty p{max-width:34ch;margin:0 0 6px;font-size:14px}.saved-empty-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.saved-empty-icon svg{width:24px;height:24px}.saved-empty-note{color:var(--muted);margin:4px 0;font-size:14px}.snackbar{z-index:40;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:6px 6px 6px 16px;font-size:14px;animation:.2s ease-out snack-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.snackbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snackbar .link-btn{color:#7a4f0c;min-height:36px;padding:0 12px;font-size:14px;font-weight:700}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .snackbar .link-btn{color:#f0c27a}}:root[data-theme=light] .snackbar .link-btn{color:#f0c27a}@keyframes snack-in{0%{opacity:0;transform:translate(-50%,8px)}}.app[data-layout=phone] .snackbar{bottom:calc(var(--bar-h) + 12px)}.app[data-layout=phone] .saved-actions .icon-btn{width:40px;height:40px}.app[data-layout=phone] .saved-filters button{min-height:40px}.app[data-layout=phone] .saved-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.saved-dialog .saved-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.dialog.wide.saved-dialog{width:min(760px,100vw - 32px)}.saved-btn svg{width:16px;height:16px}@media (max-width:1099px){.saved-btn{width:34px;padding:0}.saved-btn span{display:none}}.export .autosave-hint{text-align:center;color:var(--muted);margin:10px 0 0;font-size:12.5px}.profile-page{gap:14px;padding-bottom:12px;display:grid}.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)}.profile-title .count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px;font-weight:500}.avatar.big{border:2px solid var(--surface-3);width:72px;height:72px;font-size:28px}.avatar.big svg{width:30px;height:30px;color:var(--muted)}.profile-head{background:linear-gradient(160deg, var(--accent-soft), transparent 60%), var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;display:grid}.profile-who{gap:2px;min-width:0;display:grid}.profile-who p{margin:0}.name-row{align-items:center;gap:6px;min-width:0;display:flex}.profile-name{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;overflow:hidden}.name-row .icon-btn{width:34px;height:34px;color:var(--muted);flex:none}.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}.profile-email{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.profile-stats{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.profile-stats div{background:var(--surface-2);border-radius:12px;flex-direction:column-reverse;padding:10px 14px;display:flex}.profile-stats dd{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.profile-stats dt{color:var(--muted);font-size:12.5px}.profile-signin{background:linear-gradient(160deg, var(--accent-soft), transparent 70%), var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;display:grid}.profile-signin p{margin:6px 0 14px;font-size:14px}.profile-signin .gsi{min-height:44px}.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 .search.small{margin-bottom:12px}.profile-card>.link-btn{text-underline-offset:3px;margin-top:8px;padding:6px 0;text-decoration:underline}.profile-card .lang-btn{gap:8px;min-height:40px}.profile-card .lang-btn small{font-size:12px}.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}.profile-install:empty{display:none}.profile-dialog{overflow-y:auto}.dialog.wide.profile-dialog{width:min(640px,100vw - 32px);max-height:min(88vh,900px)}.profile-dialog .profile-card{background:var(--surface-2);border-color:#0000}.profile-dialog .profile-head,.profile-dialog .profile-signin{background:linear-gradient(160deg, var(--accent-soft), transparent 60%), var(--surface-2)}.profile-dialog .profile-stats div,.profile-dialog .check,.profile-dialog .input,.profile-dialog .field select,.profile-dialog .seg,.profile-dialog .search{background:var(--surface)}.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}@media (prefers-reduced-motion:reduce){.saved-card.skeleton,.snackbar{animation:none}.saved-img img{transition:none}}.app[data-layout=phone] .region.account{display:block}