:root{--splash-bg: radial-gradient(1200px 800px at 10% 10%, #1d2636 0%, #0b0f14 55%, #07090c 100%);--splash-fg: rgba(255, 255, 255, .92);--splash-muted: rgba(255, 255, 255, .65);--splash-ring: rgba(255, 255, 255, .14)}html,body{height:100%}body{margin:0;background:#0b0f14}#app-splash{position:fixed;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:transparent;color:var(--splash-fg);z-index:9999;opacity:1;transition:opacity .28s ease,transform .28s ease;transform:translateZ(0)}#app-splash.splash--hide{opacity:0;transform:scale(1.01);pointer-events:none}.splash-card{width:min(240px,70vw);border:none;border-radius:0;padding:0;background:transparent;backdrop-filter:none}.splash-brand{display:none}.splash-logo{width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px);border-radius:14px;background:#ffffff0f;border:1px solid var(--splash-ring);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.splash-logo img{width:clamp(34px,9.6vw,48px);height:clamp(34px,9.6vw,48px);object-fit:contain;display:block}.splash-title{font:700 clamp(16px,2.8vw,20px) / 1.15 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;letter-spacing:.2px}.splash-subtitle{margin-top:4px;font:500 clamp(12px,2.2vw,14px) / 1.25 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;color:var(--splash-muted)}.splash-progress{margin-top:0;height:10px;border-radius:999px;border:1px solid var(--splash-ring);background:#ffffff14;overflow:hidden}.splash-bar{height:100%;width:42%;border-radius:999px;background:linear-gradient(90deg,#ffffff38,#ffffffa6,#ffffff38);background-size:200% 100%;animation:splash-shimmer 1.05s ease-in-out infinite}@keyframes splash-shimmer{0%{transform:translate(-35%)}to{transform:translate(160%)}}@media (prefers-reduced-motion: reduce){#app-splash{transition:none}.splash-bar{animation:none;width:55%}}@media (max-width: 360px){.splash-card{width:min(240px,80vw)}.splash-brand{align-items:flex-start}.splash-logo{border-radius:12px}}@media (max-height: 420px){#app-splash{place-items:start center;padding-top:max(12px,env(safe-area-inset-top))}.splash-progress{height:9px}}
