/* animice.com — coming soon. Màu, font như app (src/lib/theme.ts). */
:root { --bg: #0B0B0D; --tx: #F2F2EE; --muted: #8A8A93; --lime: #D4FF3A; --violet: #A78BFF; color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { touch-action: none; background: var(--bg); color: var(--tx); -webkit-font-smoothing: antialiased; overflow: hidden; }
.glow { position: fixed; inset: 0; pointer-events: none; --lx: 30%; --ly: 40%; --vx: 70%; --vy: 60%;
  background: radial-gradient(34vmax 34vmax at var(--lx) var(--ly), rgba(212, 255, 58, 0.14), transparent 70%),
              radial-gradient(40vmax 40vmax at var(--vx) var(--vy), rgba(167, 139, 255, 0.20), transparent 70%); }
main { position: relative; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 16px; text-align: center; }
.mark { margin: 0; font: 700 clamp(56px, 14vw, 148px)/1 'Space Grotesk', system-ui, sans-serif; letter-spacing: -0.05em; }
.mark i { font-style: normal; color: var(--lime); animation: face 6s steps(1) infinite; }
@keyframes face { 50%, 100% { color: var(--violet); } }
.soon { margin: 0; font: 500 clamp(13px, 2.6vw, 16px)/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.32em; text-transform: uppercase; color: var(--muted); padding-left: 0.32em; }
@media (prefers-reduced-motion: reduce) { .mark i { animation: none; } }