/* Sona3 v6.2.0 — blocking splash and pre-CSS safety layer. */
:root{--sona3-splash-blue:#082b5d;--sona3-splash-duration:1.5s}
html,body{min-height:100%;min-height:100dvh}
html{background:var(--sona3-splash-blue)}
body{background:var(--sona3-splash-blue)}
.sona3-app-splash{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;overflow:hidden;width:100%;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;background:var(--sona3-splash-blue);padding:0;box-sizing:border-box;opacity:1;visibility:visible;isolation:isolate;transition:opacity .26s ease,visibility .26s ease}
.sona3-app-splash::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(1,18,52,.16) 100%)}
.sona3-app-splash-backdrop{position:absolute;z-index:0;inset:-2%;background:var(--sona3-splash-blue) url("../../assets/branding/splash-bg-v619.jpg") center/cover no-repeat;opacity:0;transform:scale(1.04);will-change:opacity,transform;animation:sona3SplashBackdrop var(--sona3-splash-duration) ease-out both}
.sona3-app-splash-stage{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;transform:translateY(1.5%)}
.sona3-app-splash-logo{position:absolute;display:block;width:min(72vw,390px);max-width:calc(100vw - 44px);max-height:62vh;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;opacity:0;transform:scale(.76);filter:drop-shadow(0 8px 7px rgba(1,18,52,.42));will-change:opacity,transform,filter;animation:sona3SplashLogoIn var(--sona3-splash-duration) cubic-bezier(.18,.76,.22,1) both}
.sona3-app-splash-glow{position:absolute;width:min(88vw,500px);aspect-ratio:1;border-radius:50%;opacity:0;transform:scale(.55);background:radial-gradient(circle,rgba(142,191,247,.38) 0%,rgba(86,146,216,.16) 36%,transparent 70%);filter:blur(9px);will-change:opacity,transform;animation:sona3SplashGlow var(--sona3-splash-duration) ease-out both}
.sona3-app-splash-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sona3-app-splash.is-hidden:not(.sona3-splash-release){opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.sona3-app-splash.sona3-splash-release.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
@keyframes sona3SplashBackdrop{0%{opacity:0;transform:scale(1.04)}35%{opacity:.72}100%{opacity:1;transform:scale(1)}}
@keyframes sona3SplashLogoIn{0%{opacity:0;transform:scale(.76);filter:drop-shadow(0 8px 7px rgba(1,18,52,.20)) blur(1.5px)}22%{opacity:.36;transform:scale(.84)}68%{opacity:1;transform:scale(1.028);filter:drop-shadow(0 10px 10px rgba(1,18,52,.44)) blur(0)}100%{opacity:1;transform:scale(1);filter:drop-shadow(0 8px 7px rgba(1,18,52,.42)) blur(0)}}
@keyframes sona3SplashGlow{0%{opacity:0;transform:scale(.55)}58%{opacity:.82;transform:scale(1.045)}100%{opacity:.58;transform:scale(1)}}
@media (orientation:landscape) and (max-height:620px){.sona3-app-splash-logo{width:auto;height:min(68vh,370px)}}
@media (prefers-reduced-motion:reduce){.sona3-app-splash-backdrop,.sona3-app-splash-logo,.sona3-app-splash-glow{animation:none!important}.sona3-app-splash-backdrop{opacity:1;transform:none}.sona3-app-splash-logo{opacity:1;transform:none;filter:drop-shadow(0 8px 7px rgba(1,18,52,.42))}.sona3-app-splash-glow{opacity:.45;transform:none}}
html:not(.sona3-css-ready) .modal-overlay,
html:not(.sona3-css-ready) .azkar-image-editor-overlay,
html:not(.sona3-css-ready) .global-loader-overlay,
html:not(.sona3-css-ready) .side-overlay,
html:not(.sona3-css-ready) dialog,
html:not(.sona3-css-ready) [role="dialog"],
html:not(.sona3-css-ready) .tab-content:not(.active),
html:not(.sona3-css-ready) .hidden,
html:not(.sona3-css-ready) [hidden]{display:none!important}