:root { --brand: #4f46e5; }
* { -webkit-tap-highlight-color: transparent; }
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

.fade-in { animation: fade .18s ease-out; }
@keyframes fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.card { transition: box-shadow .15s, transform .15s; }
.card:hover { box-shadow: 0 8px 24px -8px rgba(0,0,0,.18); transform: translateY(-2px); }

.reveal-blur { filter: blur(5px); user-select: none; transition: filter .15s; }
.reveal-blur.shown { filter: none; user-select: text; }

textarea { resize: vertical; }

/* simple scrollbar */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }