/* Override the legacy 600px app shell only while the root loading screen exists. */
html:has(#root > .ft-loading),html:has(#root > .ft-loading) body{margin:0;background:#090909}
html:has(#root > .ft-loading) #root{box-sizing:border-box;width:100%;max-width:440px;margin-inline:auto;padding:0;background:#090909;box-shadow:none}
.ft-loading{box-sizing:border-box;width:100%;max-width:440px;margin-inline:auto;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:32px 0;background:#090909;color:#f5f2eb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:center}
.ft-loading-wordmark{display:block;width:156px;height:24px;object-fit:contain}
.ft-loading p{margin:22px 0 24px;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:.15px;color:#b9b3a9}
.ft-loading-line{display:block;width:64px;height:2px;overflow:hidden;border-radius:4px;background:#30271a}
.ft-loading-line>span{display:block;width:28px;height:100%;background:#c9b17b;border-radius:inherit;animation:ft-loading-glide 1.6s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes ft-loading-glide{from{transform:translateX(-12px);opacity:.4}to{transform:translateX(48px);opacity:1}}
@media(prefers-reduced-motion:reduce){.ft-loading-line>span{animation:none;width:100%;opacity:.65}}

.ft-loading-wordmark{filter:brightness(0) invert(1)}