.brand-loading{width:100%;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));background:var(--surface);color:var(--text-muted);text-align:center;place-items:center;display:grid}.brand-loading-content{flex-direction:column;align-items:center;gap:20px;display:flex}.brand-loading-spinner{aspect-ratio:1;border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;width:clamp(44px,12vw,56px);animation:.9s linear infinite qpass-loading-spin;display:block}.brand-loading .brand-loading-title{margin:0;font-size:.95rem;font-weight:500;line-height:1.8}@keyframes qpass-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brand-loading-spinner{animation:none}}.app-shell>main:has(.brand-loading--panel){min-height:240px;position:relative}.brand-loading--panel{z-index:5;background:var(--canvas);width:auto;min-height:0;position:absolute;inset:0}