:root { color-scheme: dark; font: 14px system-ui, sans-serif; background: #141516; color: #b7bbc1; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
.loader { width: 42px; height: 42px; border: 2px solid #363a40; border-top-color: #bcc3cc; border-radius: 50%; animation: spin 1.1s linear infinite; }
p { margin: 0; font-size: 12px; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .loader { animation: none; } }