.miau-startup { box-sizing: border-box; font-family: "DM Sans", sans-serif; position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; background: var(--background, #fff8ef); color: var(--foreground, #49372d); opacity: 1; transition: opacity .18s ease-out; }
.miau-startup.is-leaving { opacity: 0; pointer-events: none; }
.miau-startup-logo { display: block; width: 96px; height: 96px; flex: none; margin-bottom: 20px; animation: miau-startup-breathe 2.4s ease-in-out infinite; }
.miau-startup-brand { font: 900 30px/1.3 "Nunito", sans-serif; letter-spacing: -1px; }
.miau-startup-brand span { color: var(--primary, #a95138); }
.miau-startup p { max-width: 290px; margin: 10px 0 0; font-size: 14px; line-height: 1.65; color: var(--muted-foreground, #896b5c); text-align: center; }
.miau-startup-dots { display: flex; gap: 6px; margin-top: 20px; }
.miau-startup-dots i { width: 5px; height: 5px; border-radius: 50%; background: var(--primary, #a95138); animation: miau-startup-dot 1s ease-in-out infinite; }
.miau-startup-dots i:nth-child(2) { animation-delay: .15s; }
.miau-startup-dots i:nth-child(3) { animation-delay: .3s; }

@keyframes miau-startup-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.035); } }
@keyframes miau-startup-dot { 0%,100% { opacity: .25; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }
@media (max-height: 420px) { .miau-startup-logo { width: 72px; height: 72px; margin-bottom: 12px; } .miau-startup-brand { font-size: 24px; } .miau-startup-dots { margin-top: 10px; } }
@media (prefers-reduced-motion: reduce) { .miau-startup { transition: none; } .miau-startup-logo, .miau-startup-dots i { animation: none; } }
.dark .miau-startup { background: var(--background, #211b18); color: var(--foreground, #f7eee5); }
.dark .miau-startup p { color: var(--muted-foreground, #baa99b); }