/* 유유존 스튜디오 — 공용 스타일 */

body { font-family: 'Pretendard', sans-serif; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

@keyframes fu { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.fu { animation: fu .35s ease-out both; }

@keyframes glow-pulse {
  0%, 100% { filter: drop-shadow(0 0 16px rgba(124,58,237,.45)); }
  50%      { filter: drop-shadow(0 0 34px rgba(139,92,246,.85)); }
}
.glow-pulse { animation: glow-pulse 3.2s ease-in-out infinite; }

@keyframes grid-drift {
  from { background-position: 0 0; }
  to   { background-position: 48px 48px; }
}
.bg-grid {
  background-image:
    linear-gradient(rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.08) 1px, transparent 1px);
  background-size: 48px 48px;
  animation: grid-drift 14s linear infinite;
}

[x-cloak] { display: none !important; }

.nav-link { transition: background-color .15s ease, color .15s ease, box-shadow .15s ease; }
.input-focus:focus-within { box-shadow: 0 0 0 3px rgba(124,58,237,.18); border-color: #7c3aed; }