.app-loading{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse at 15% 15%,#edf8e7 0,transparent 50%),radial-gradient(ellipse at 90% 85%,#e9f1e8 0,transparent 50%),#f7f9f6;font-family:Arial,Helvetica,sans-serif}
.app-loading__card{box-sizing:border-box;width:100%;max-width:400px;padding:28px 32px 30px;text-align:center;background:#fff;border:1px solid #e6ede2;border-radius:22px;box-shadow:0 18px 65px #142b1510}
.app-loading__brand{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}
.app-loading__brand img{display:block;width:300px;max-width:100%;height:100px;object-fit:contain}
.app-loading__eyebrow{color:#438530;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.6px;margin-bottom:10px}
.app-loading h1{color:#17291d;font-size:22px;line-height:1.35;letter-spacing:-.5px;font-weight:600;margin:0 0 10px}
.app-loading p{color:#6a776e;font-size:13px;line-height:1.7;margin:0 0 26px}
.app-loading__track{height:4px;max-width:250px;margin:auto;border-radius:8px;background:#edf3e9;overflow:hidden}
.app-loading__track span{display:block;width:38%;height:100%;border-radius:8px;background:linear-gradient(90deg,#369322,#63d72c);animation:expo-loading-slide 1.7s ease-in-out infinite}
.app-loading__caption{display:flex;align-items:center;justify-content:center;gap:7px;color:#89968b;font-size:11px;margin-top:16px}
.app-loading__caption>span{width:5px;height:5px;background:#55b530;border-radius:50%}
@keyframes expo-loading-slide{from{transform:translateX(-110%)}to{transform:translateX(370%)}}
@media(prefers-reduced-motion:reduce){.app-loading__track span{animation:none;width:100%;opacity:.65}}
@media(max-width:480px){.app-loading{padding:20px}.app-loading__card{padding:24px 24px 26px}.app-loading h1{font-size:20px}}

html[data-appearance="dark"] .app-loading{background:radial-gradient(ellipse at 15% 15%,#1a3022 0,transparent 50%),radial-gradient(ellipse at 90% 85%,#15291e 0,transparent 50%),#0e1712;color-scheme:dark}
html[data-appearance="dark"] .app-loading__card{background:#18231c;border-color:#2c3d30;box-shadow:0 20px 65px #0004}
html[data-appearance="dark"] .app-loading__brand{background:#f6f9f4;border-radius:12px}
html[data-appearance="dark"] .app-loading__eyebrow{color:#8cce74}
html[data-appearance="dark"] .app-loading h1{color:#ecf4e9}
html[data-appearance="dark"] .app-loading p{color:#acbaae}
html[data-appearance="dark"] .app-loading__track{background:#2b3b2e}
html[data-appearance="dark"] .app-loading__caption{color:#94a599}
html[data-appearance="dark"] .app-loading__caption>span{background:#79c951}