*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.note-card{transition:all .3s ease}.note-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.modal-backdrop{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#667eea;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}