/* base styles */
html, body { 
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; 
  color:#111827; 
  line-height:1.5;
}
a { color:inherit; text-decoration:none; }
button { font: inherit; }
input, button { outline: none; transition: all 0.2s; }
button:hover { opacity: 0.9; }
input:hover { border-color: #9ca3af; }
/* vue transitions */
.fade-enter-active, .fade-leave-active { transition: all .2s ease; }
.fade-enter, .fade-leave-to { opacity: 0; transform: translateY(-4px); }
.highlight { animation: pulse .6s ease; }
@keyframes pulse { 
  from { box-shadow: 0 0 0 0 rgba(79,70,229,.35);} 
  to { box-shadow: 0 0 0 8px rgba(79,70,229,0);} 
}
/* common styles */
.card { box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.btn { transition: all 0.2s; }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }