html, body { font-family: 'Inter', system-ui, sans-serif; }
.fadein { animation: fadein 250ms ease-out; }
@keyframes fadein { from { opacity: 0; transform: translateY(6px);} to { opacity:1; transform:none;} }
.scrollhide::-webkit-scrollbar { display: none; }
.scrollhide { -ms-overflow-style: none; scrollbar-width: none; }
.dashed-drop { background-image: repeating-linear-gradient(0deg, #93c5fd, #93c5fd 8px, transparent 8px, transparent 16px),
                                  repeating-linear-gradient(90deg, #93c5fd, #93c5fd 8px, transparent 8px, transparent 16px),
                                  repeating-linear-gradient(180deg, #93c5fd, #93c5fd 8px, transparent 8px, transparent 16px),
                                  repeating-linear-gradient(270deg, #93c5fd, #93c5fd 8px, transparent 8px, transparent 16px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}
.ai-glow { box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.2), 0 8px 30px -12px rgba(139, 92, 246, 0.35); }
.pulse-dot::after {
  content:''; position:absolute; inset:0; border-radius:9999px;
  background: currentColor; opacity: .35; animation: pulse 1.4s ease-out infinite;
}
@keyframes pulse { 0%{transform:scale(1); opacity:.5} 100%{transform:scale(2.6); opacity:0}}