:root{--bg:#fffbfe;--fg:#1c1b1f;--card-bg:#fff;--placeholder-bg:#f5f5f5;--shadow:0 2px 4px #00000040;--shadow-strong:0 4px 10px #00000059;--content-width:325px;--gap:15px;--sat:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--sab:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1c1b1f;--fg:#e6e1e5;--card-bg:#000;--placeholder-bg:#1f1f1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=701px){:root{--gap:48px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Naskh Arabic,sans-serif;font-weight:600}h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{display:block}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.page{min-height:100vh;padding-top:var(--sat);padding-bottom:var(--sab);flex-direction:column;display:flex}.status-bar{height:var(--sat);background:var(--bg);z-index:300;position:fixed;inset:0 0 auto}.content{width:min(var(--content-width), 100% - 32px);flex:1;margin-inline:auto}@media (width>=701px){.content{width:calc(var(--content-width) * 2 + 48px)}}.screen-header h1{margin:10px 0 24px;font-size:30px}.screen-header p{margin-bottom:24px;font-size:17px}@media (width>=701px){.screen-header h1{margin-top:120px}.screen-header p{margin-bottom:48px}}.card-grid,.question-grid{gap:var(--gap);display:grid}@media (width>=701px){.card-grid,.question-grid{grid-template-columns:repeat(2, var(--content-width));justify-content:space-between}}.navbar{top:var(--sat);z-index:100;justify-content:space-between;align-items:center;padding:6px;display:flex;position:fixed;inset-inline:0}.navbar-button{border-radius:999px;padding:10px;display:flex}.navbar-light .navbar-button{color:#fff;background:#00000015}.navbar-dark .navbar-button{color:#000;background:#eee4}.navbar-title{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding-inline:8px;font-size:22px;overflow:hidden}.menu-anchor{position:relative}.menu-backdrop{position:fixed;inset:0}.menu{top:0;color:#000000de;min-width:180px;max-width:280px;box-shadow:var(--shadow-strong);transform-origin:100% 0;background:#fff;border-radius:4px;margin:0;padding:8px 0;font-size:14px;font-weight:400;list-style:none;animation:.15s cubic-bezier(.2,0,0,1) menu-open;position:absolute;inset-inline-end:0}[dir=rtl] .menu{transform-origin:0 0}@keyframes menu-open{0%{opacity:0;transform:scale(.8)}}.menu button{text-align:start;width:100%;min-height:48px;padding:0 16px;display:block}.menu [role=separator]{background:#0000001f;height:1px;margin:4px 0}.category-card,.theme-card{box-shadow:var(--shadow);background-color:var(--placeholder-bg);border-radius:8px;align-items:center;display:flex;position:relative;overflow:hidden}.category-card img,.theme-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.category-card span{color:#fff;max-width:45%;margin-inline:20px;font-size:22px;position:relative}.theme-card[aria-pressed=true]{box-shadow:var(--shadow-strong)}.version{text-align:center;color:#777;margin:45px 0 12px;font-weight:400}.category-header{align-items:center;width:100%;display:flex;position:relative}.category-header img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.category-header h1{color:#fff;max-width:40%;margin-inline:60px;font-size:24px;position:relative}@media (width>=701px){.category-header h1{font-size:30px}}.question-grid{padding:var(--gap) 0 24px;align-content:start}.question-card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:8px;display:block;overflow:hidden}.question-card img{object-fit:cover;width:100%}.question-card span{padding:16px;font-size:20px;display:block}:lang(ar) .question-card span{font-size:24px}.question-image{object-fit:cover;width:100%;max-height:450px}.question-content{padding-bottom:24px}@media (width>=701px){.question-content{width:calc(var(--content-width) * 1.5)}}.question-content h1{margin:22px 0;font-size:28px}.invocation{flex-direction:column;align-items:center;display:flex}.player{display:flex}.player button,.player img{width:80px;height:80px}.invocation-content{width:100%;margin:20px 0 30px}.invocation-text,.invocation-note,.invocation-source{margin-bottom:20px}.invocation-arabic{font-size:28px;line-height:42px}.invocation-translation{margin-top:15px;font-size:20px;line-height:26px}.invocation-note{font-size:18px}:lang(ar) .invocation-note{font-size:22px}.invocation-source{color:#666;font-size:16px}:root{--nav-duration:.35s;--nav-out:.15s;--nav-content-delay:.2s;--nav-rise:40vh;--nav-easing:cubic-bezier(.2, .8, .2, 1)}.navbar{view-transition-name:navbar}.status-bar{view-transition-name:status-bar}@keyframes nav-fade-in{0%{opacity:0}}@keyframes nav-fade-out{to{opacity:0}}@keyframes nav-rise-in{0%{opacity:0;transform:translateY(var(--nav-rise))}}@keyframes nav-sink-out{to{opacity:0;transform:translateY(var(--nav-rise))}}::view-transition-old(root){mix-blend-mode:normal;animation-timing-function:var(--nav-easing);animation-fill-mode:both}::view-transition-new(root){mix-blend-mode:normal;animation-timing-function:var(--nav-easing);animation-fill-mode:both}:root[data-nav=forward]::view-transition-old(root){animation-name:nav-fade-out;animation-duration:var(--nav-out)}:root[data-nav=forward]::view-transition-new(root){animation-name:nav-rise-in;animation-duration:var(--nav-duration);animation-delay:var(--nav-content-delay)}:root[data-nav=back]::view-transition-old(root){animation-name:nav-sink-out;animation-duration:var(--nav-content-delay);animation-timing-function:cubic-bezier(.4,0,1,1);animation-delay:0s}:root[data-nav=back]::view-transition-new(root){animation-name:nav-fade-in;animation-duration:var(--nav-duration);animation-delay:var(--nav-content-delay)}:root[data-nav=back]::view-transition-group(*){animation-delay:var(--nav-content-delay)}::view-transition-group(*){animation-duration:var(--nav-duration);animation-timing-function:var(--nav-easing)}::view-transition-old(category-hero){object-fit:cover;height:100%}::view-transition-new(category-hero){object-fit:cover;height:100%}::view-transition-old(question-hero){object-fit:cover;height:100%}::view-transition-new(question-hero){object-fit:cover;height:100%}@supports not (view-transition-name:none){:root[data-nav] .page{animation-duration:var(--nav-duration);animation-timing-function:var(--nav-easing)}:root[data-nav=forward] .page{animation-name:nav-rise-in}:root[data-nav=back] .page{animation-name:nav-fade-in}}@media (prefers-reduced-motion:reduce){.page,.menu{animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}