.shorts{--shorts-edge: .75rem;--shorts-top: max(var(--shorts-edge), env(safe-area-inset-top));--shorts-bottom: max(1rem, env(safe-area-inset-bottom), calc(var(--native-bottom-inset, 0px) + 1rem));position:relative;display:flex;flex:1 1 auto;min-height:0;background:#000;color:#fff}.shorts-layout{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0}.shorts-column{position:relative;width:100%;height:100%}.shorts-stage{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:#000;container-type:size;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media(min-width:64rem){.shorts{padding-block:.5rem 1.75rem;background:transparent}body[data-controller~=bridge--app] .shorts{padding-block:var(--shorts-top) var(--shorts-bottom);background:#000}.shorts-column{width:auto;max-width:calc(100% - 10rem);aspect-ratio:9 / 16}.shorts-stage{border-radius:1.25rem;box-shadow:0 1px 2px #00000014,0 24px 60px -24px #00000073}}.shorts-player,.shorts-slides,.shorts-slide,.shorts-poster{position:absolute;inset:0}.shorts-player{z-index:1;backface-visibility:hidden}.shorts:not([data-kind=short]) .shorts-player{visibility:hidden}.shorts-slides{z-index:2}.shorts-frame{position:absolute;inset:0;width:min(100cqw,100cqh * 9 / 16);height:auto;margin:auto;aspect-ratio:9 / 16}.shorts-slide[data-shape=wide] .shorts-frame{width:min(100cqw,100cqh * 16 / 9);aspect-ratio:16 / 9}.shorts-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}.shorts .shorts-player .shorts-frame{width:min(100cqw,100cqh * var(--shorts-video-aspect, 1.7777778));aspect-ratio:var(--shorts-video-aspect, 1.7777778)}.shorts-ambient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(min-width:64rem){.shorts-slide[data-shape=vertical] .shorts-ambient,.shorts[data-shape=vertical] .shorts-player .shorts-ambient{display:none}}.shorts-slide{overflow:hidden;backface-visibility:hidden;contain:strict}.shorts-poster{background:#000;transition:opacity .22s ease-out,visibility 0s linear 0s}.shorts-poster-image{width:100%;height:100%;object-fit:cover}.shorts-slide[data-revealed] .shorts-poster{visibility:hidden;opacity:0;transition:opacity .22s ease-out,visibility 0s linear .22s}.shorts-slide[data-covered] .shorts-poster,.shorts[data-blocked][data-state=paused] .shorts-slide[data-current] .shorts-poster{visibility:visible;opacity:1;transition:none}.shorts[data-blocked] .shorts-pulse{visibility:hidden}.shorts-spinner{position:absolute;inset:0;width:2.5rem;height:2.5rem;margin:auto;border:3px solid rgb(255 255 255 / .25);border-top-color:#fff;border-radius:9999px;opacity:0}.shorts[data-state=loading] .shorts-slide[data-current] .shorts-spinner{animation:shorts-spin .9s linear infinite,shorts-appear .2s ease-out .7s forwards}@keyframes shorts-spin{to{transform:rotate(1turn)}}@keyframes shorts-appear{to{opacity:1}}.shorts-shade{position:absolute;inset-inline:0;bottom:0;height:42%;background:linear-gradient(to top,rgb(0 0 0 / .72),rgb(0 0 0 / .32) 55%,transparent);pointer-events:none}.shorts-meta{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:.625rem;padding:0 1rem calc(var(--shorts-bottom) + .25rem);text-shadow:0 1px 2px rgb(0 0 0 / .45)}.shorts-speaker{display:inline-flex;align-items:center;gap:.625rem;align-self:flex-start;max-width:100%;border-radius:9999px;font-family:var(--font-body);font-size:.9375rem;font-weight:600}.shorts-avatar{flex:none;width:2.25rem;height:2.25rem;border-radius:9999px;box-shadow:0 0 0 1.5px #ffffffd9;object-fit:cover}.shorts-title{display:-webkit-box;overflow:hidden;border-radius:.25rem;font-family:var(--font-body);font-size:.9375rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shorts-speaker:hover span,.shorts-title:hover{text-decoration:underline;text-underline-offset:.2em}.shorts-hud{position:absolute;inset-inline:0;top:0;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--shorts-top) var(--shorts-edge) 0;pointer-events:none}.shorts-hud>*{pointer-events:auto}.shorts-hud>.shorts-close{justify-self:start}.shorts-actions{display:flex;justify-self:end;border-radius:9999px;background:#00000061}.shorts-actions .shorts-icon-button{background:transparent}.shorts-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;background:#00000061;color:#fff;transition:background-color .15s ease,opacity .2s ease}.shorts-icon-button:hover{background:#0000008c}.shorts-icon-muted,.shorts[data-muted] .shorts-icon-sound{display:none}.shorts[data-muted] .shorts-icon-muted{display:block}.shorts-counter{direction:ltr;white-space:nowrap;padding:.25rem .75rem;border-radius:9999px;background:#00000061;font-family:var(--font-body);font-size:.8125rem;font-weight:500;font-variant-numeric:tabular-nums}.shorts-session{display:flex;flex-direction:column;align-items:center;gap:.25rem}.shorts-session-limit{border-radius:9999px;padding:.25rem .5rem;background:#0009;color:#fff;font-family:var(--font-body);font-size:.6875rem;white-space:nowrap}.shorts:not([data-kind=short]) :is(.shorts-session,.shorts-actions,.shorts-progress){visibility:hidden;opacity:0}.shorts[data-kind=end] .shorts-nav{visibility:hidden}.shorts-progress{position:absolute;inset-inline:0;bottom:0;z-index:3;height:3px;overflow:hidden;background:#ffffff2e;pointer-events:none}.shorts-progress-bar{width:100%;height:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left center}[dir=rtl] .shorts-progress-bar,[dir=rtl] .shorts-countdown-bar{transform-origin:right center}.shorts-pill{position:absolute;top:calc(var(--shorts-top) + 3.5rem);left:50%;z-index:4;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:9999px;background:#fff;box-shadow:0 8px 24px -8px #00000080;color:#111;font-family:var(--font-body);font-size:.875rem;font-weight:600;white-space:nowrap;translate:-50% 0;animation:shorts-pill-in .26s cubic-bezier(.22,1,.36,1)}.shorts-pill[hidden]{display:none}.shorts-playback-recovery{flex-direction:column;gap:0;max-width:calc(100% - 2rem);padding:.25rem 1rem;border-radius:1rem;text-align:center;white-space:normal}.shorts-playback-recovery :is(button,a){display:flex;align-items:center;min-height:2.75rem}.shorts-playback-recovery a{font-weight:400;text-decoration:underline;text-underline-offset:.2em}.shorts-playback-recovery :focus-visible,.shorts-reminder-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}@keyframes shorts-pill-in{0%{opacity:0;transform:translateY(-.5rem)}}.shorts-pulse{position:absolute;inset:0;z-index:3;display:flex;width:4.5rem;height:4.5rem;margin:auto;align-items:center;justify-content:center;border-radius:9999px;background:#00000073;color:#fff;opacity:0;transform:scale(.85);transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}.shorts-pulse[data-visible]{opacity:1;transform:scale(1)}.shorts-pulse svg{margin-inline-start:.2rem}@media(width<64rem){.shorts-nav:not(:focus-within){position:absolute;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shorts-nav:focus-within{position:absolute;inset-inline-end:var(--shorts-edge);top:50%;z-index:4;display:flex;flex-direction:column;gap:.75rem;translate:0 -50%}}@media(min-width:64rem){.shorts-hud{inset-inline:calc(100% + 1.5rem) auto;display:flex;flex-direction:column;gap:.5rem;padding:0}.shorts-actions{flex-direction:column;gap:.5rem;background:transparent}.shorts-hud .shorts-icon-button{background:var(--color-muted);color:var(--color-foreground)}.shorts-hud .shorts-icon-button:hover{background:var(--color-border)}body:not([data-controller~=bridge--app]) .shorts-close{display:none}.shorts-counter{order:1;background:transparent;color:var(--color-subtle-foreground)}body[data-controller~=bridge--app] .shorts-counter{color:inherit}.shorts-pill{top:1rem}.shorts-nav{position:absolute;inset-inline-start:calc(100% + 1.5rem);top:50%;display:flex;flex-direction:column;gap:.75rem;translate:0 -50%}}.shorts-nav-button{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:9999px;background:var(--color-muted);color:var(--color-foreground);transition:background-color .15s ease,opacity .15s ease}.shorts-nav-button:hover:not(:disabled){background:var(--color-border)}.shorts-nav-button:disabled{cursor:default;opacity:.35}.shorts-reminder{--shorts-reminder-size: clamp(1.25rem, 9cqw, 2.75rem);display:flex;padding:calc(var(--shorts-top) + 3.5rem) 1.5rem var(--shorts-bottom);background:radial-gradient(120% 70% at 50% 0%,rgb(50 185 180 / .22),transparent 60%),linear-gradient(180deg,#003a3b,#022120 62%,#011514);color:#eef6f5}.shorts-reminder[data-length=medium]{--shorts-reminder-size: clamp(1.125rem, 7.8cqw, 2.4rem)}.shorts-reminder[data-length=long]{--shorts-reminder-size: clamp(1.0625rem, 6.8cqw, 2.1rem)}.shorts-reminder[data-length=longest]{--shorts-reminder-size: clamp(1rem, 6cqw, 1.85rem)}.shorts[data-kind=reminder] .shorts-stage{background:radial-gradient(120cqw 70cqh at 50% 0%,rgb(50 185 180 / .22),transparent 60%) top / 100% 50% no-repeat,linear-gradient(180deg,#003a3b 50%,#011514 50%)}.shorts-reminder-card{display:flex;flex:1 1 auto;flex-direction:column;gap:1.25rem;min-height:0}.shorts-reminder-kind{display:inline-flex;align-items:center;gap:.5rem;align-self:center;padding:.375rem .875rem;border:1px solid rgb(71 214 207 / .35);border-radius:9999px;color:#8fe0da;font-family:var(--font-body);font-size:.8125rem;font-weight:600}.shorts-reminder-body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:safe center;gap:1em;min-height:0;overflow:hidden;overflow-anchor:none;font-size:var(--shorts-reminder-size);text-align:center}.shorts-reminder-arabic{font-family:var(--font-kitab);font-size:1em;line-height:2.1;text-wrap:pretty}.shorts-reminder[data-reading] .shorts-reminder-body{overflow-y:auto;overscroll-behavior:contain;font-size:max(1.75rem,var(--shorts-reminder-size));-webkit-user-select:text;user-select:text}.shorts-stage:has(.shorts-reminder[data-reading]),.shorts[data-kind=end] .shorts-stage{touch-action:pan-y}.shorts-ayah-marker{margin-inline:.15em;color:#8fe0da;white-space:nowrap}.shorts-reminder-narrator{color:#eef6f5b8;font-family:var(--font-body);font-size:.6em;line-height:1.7}.shorts-reminder-translation{color:#eef6f5d6;font-family:var(--font-body);font-size:.6em;line-height:1.6;text-wrap:pretty}.shorts-reminder-narrator-en{font-weight:600}.shorts-reminder-footer{display:flex;flex:none;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-body);text-align:center}.shorts-reminder-reference{color:#eef6f5db;font-size:.875rem;line-height:1.6}.shorts-reminder-source{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;color:#eef6f599;font-size:.75rem;text-decoration:underline;text-decoration-color:#eef6f54d;text-underline-offset:.2em}.shorts-reminder-source:hover{color:#eef6f5}.shorts-reminder-links{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.75rem;row-gap:.25rem}.shorts-reminder-toggle{min-height:2.75rem;padding:.5rem 1rem;border:1px solid rgb(71 214 207 / .4);border-radius:9999px;color:#b4eee9;font-size:.8125rem}.shorts-reminder-toggle:hover{background:#47d6cf1f}.shorts-countdown{display:flex;align-items:center;gap:.75rem;width:min(100%,16rem);margin-top:.5rem}.shorts-countdown-track{flex:1 1 auto;height:3px;overflow:hidden;border-radius:9999px;background:#eef6f529}.shorts-countdown-bar{width:100%;height:100%;background:#8fe0da;transform-origin:left center}.shorts-countdown-seconds{min-width:1.5rem;color:#eef6f5cc;font-family:var(--font-body);font-size:.8125rem;font-variant-numeric:tabular-nums}body[data-controller~=bridge--app] .shorts[data-kind=end]:after{position:absolute;z-index:6;inset:0 0 auto;height:env(safe-area-inset-top);background:#000;pointer-events:none;content:""}.shorts-end{display:flex;overflow-y:auto;scrollbar-width:thin;background:var(--color-background);color:var(--color-foreground);contain:layout paint;overscroll-behavior:contain;touch-action:pan-y;-webkit-user-select:text;user-select:text}.shorts-end-card{display:flex;flex-direction:column;align-items:center;gap:1.125rem;width:min(100%,26rem);margin:auto;padding:calc(var(--shorts-top) + 1.25rem) 1.25rem calc(var(--shorts-bottom) + .25rem);text-align:center}.shorts-end-mark{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:9999px;background:var(--color-muted);color:var(--color-primary)}:root.dark .shorts-end-mark{color:var(--color-accent)}.shorts-end-proposal{display:flex;flex-direction:column;gap:.75rem;width:100%}.shorts-end-actions{display:flex;flex-wrap:wrap;gap:.625rem;width:100%}.shorts-end-actions>*{flex:1 1 9rem}@container (max-height: 47.5rem){.shorts-end-mark{display:none}.shorts-end-card{gap:.875rem}.shorts-end-card h2{font-size:1.5rem;line-height:2rem}.shorts-end-copy{font-size:.9375rem;line-height:1.6}}.shorts-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem 1.25rem;border-radius:9999px;font-family:var(--font-body);font-size:.9375rem;font-weight:600;transition:background-color .15s ease,border-color .15s ease}.shorts-button-primary{background:var(--color-primary);color:#fff}.shorts-button-primary:hover{background:var(--color-primary-hover)}.shorts-button-quiet{border:1px solid var(--color-border);color:var(--color-foreground)}.shorts-button-quiet:hover{background:var(--color-muted)}.shorts-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:auto;padding:2rem 1.5rem;text-align:center}body[data-controller~=bridge--app] .shorts-empty{--color-foreground: #fff;--color-subtle-foreground: #a3a3a3;position:relative;flex:1;justify-content:center;margin:0;padding-block:max(5rem,calc(env(safe-area-inset-top) + 4rem)) max(2rem,calc(env(safe-area-inset-bottom) + 1rem));background:#000}.shorts-empty .shorts-close{position:absolute;top:max(.75rem,env(safe-area-inset-top));inset-inline-start:max(.75rem,env(safe-area-inset-left),env(safe-area-inset-right))}@media(prefers-reduced-motion:reduce){.shorts-poster,.shorts-pulse,.shorts-icon-button{transition:none!important}.shorts-pill{animation:none}}
/*# sourceMappingURL=/assets/shorts-7a97f0c5.css.map */