/* style.css */ /* Base font smoothing */ html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Card hover animation */ .card { transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .card:hover { transform: translateY(-4px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45); } /* Navigation active state */ .nav-link.text-pink-400 { color: #ec4899; } /* Modal focus safety */ #import-modal:focus { outline: none; } /* File input polish (fallback if Tailwind file styles fail) */ input[type="file"] { background-color: #18181b; border-radius: 1rem; padding: 0.75rem; width: 100%; color: #d4d4d8; } /* Hide scroll when modal open */ body.modal-open { overflow: hidden; }