/* Fundo e abertura do Fragmenta enquanto o WebAssembly carrega; depois, o Avalonia ocupa a página toda */
:root { color-scheme: light dark; --bg: #F6F7F9; --text: #14171C; --muted: #5B6472; --primary: #0E7A6D; }
@media (prefers-color-scheme: dark) { :root { --bg: #0E1014; --text: #E9ECF1; --muted: #9AA3B2; --primary: #3FB8A5; } }

html, body { margin: 0; height: 100%; overflow: hidden; background: var(--bg); }
#out { height: 100%; }

.avalonia-splash {
    position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 16px; background: var(--bg); pointer-events: none; font-family: "IBM Plex Sans", system-ui, sans-serif; color: var(--text);
}
.avalonia-splash .logo { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700; }
.avalonia-splash .mark { width: 36px; height: 36px; display: grid; }
.splash p { margin: 0; color: var(--muted); font-size: 14px; }
.avalonia-splash .bar { width: 160px; height: 3px; border-radius: 2px; background: color-mix(in srgb, var(--primary) 20%, transparent); overflow: hidden; }
.avalonia-splash .bar::after { content: ""; display: block; width: 40%; height: 100%; background: var(--primary); animation: load 1.2s ease-in-out infinite; }
@keyframes load { from { transform: translateX(-100%); } to { transform: translateX(250%); } }

/* O Avalonia põe "splash-close" quando a interface está pronta */
.avalonia-splash.splash-close { transition: opacity 200ms, display 200ms; display: none; opacity: 0; }

/* Campo escondido que recebe o texto digitado: com menos de 16px, o iPhone amplia a página ao focar */
.avalonia-input-element { font-size: 16px !important; }